NewWorkflow recipes are live
SkillHub
For designers

Claude skillsfor design systems & tokens

The 7 skills and connectors we'd install first, in order. Hand-picked from designers tools reviewed on SkillHub.

Design systems & tokens

7 picks · install in this order
  1. Token AuditSkill

    Audit how design tokens are defined: tiers, naming, alias chains, raw values, orphans, DTCG readiness. Triggers: audit my tokens, token architecture review, token health check.

  2. Component AuditSkill

    Deep audit of a component library: inventory, usage, duplication, complexity, coverage gaps. Triggers: audit my components, unused components, what components do I have, assess my library.

  3. Drift DetectionSkill

    Finds where consuming code has drifted from what the design system intended: local re-implementations, token overrides, forked patterns, classified by cause.

  4. Extract DesignSkill

    Extract colours, typography, spacing, components and W3C design tokens from a live website with Dembrandt. Use when you need a site's real tokens or want to seed a design system from it.

  5. Design MdSkill

    Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

  6. @storybook/mcpConnects to Storybook

    MCP server that serves knowledge about your components based on your Storybook stories and documentation

  7. Design Systems MCPConnects to Design Systems

    Specialist assistant for design system tokens, components, patterns, and best practices across major DS libraries.

Not what you need? Browse all designers skills
02Workflow recipes

Run the whole chain in Claude

All 5 recipes
Designers

Health check for your design system

Find out where tokens, components and code have drifted apart, and ship the fixes with clear release notes.

  1. Figma Dev Mode MCP
  2. Token Audit
  3. Component Audit
  4. Drift Detection
  5. Change Communication
Designers

Brand-consistent decks in 10 minutes

Go from blank slide to a polished, on-brand deck without leaving Claude. Five tools, one chain.

  1. PowerPoint Skill
  2. Brand Guidelines
  3. Theme Factory
  4. Canvas Design
  5. Slack GIF Creator
Designers

From Figma to launch-ready asset

Take a single Figma frame and ship the full asset kit a launch needs — copy, code, social, the lot.

  1. Figma Dev Mode MCP
  2. Frontend Design
  3. Canvas Design
  4. Web Asset Generator
  5. Slack GIF Creator

Built something for designers?

We're actively curating this list. If your skill or MCP server belongs here, submit it and we'll review within a few days.

Submit yours