NewWorkflow recipes are live
SkillHub
For designers

Claude skillsfor ui & visual design

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

UI & visual design

8 picks · install in this order
  1. Frontend DesignSkill

    Frontend design and UI/UX development guidance for Claude.

  2. DembrandtSkill

    Orchestrator that routes a UI/UX task through brand, tokens, layout, components, polish and accessibility. Use for multi-concern work such as a design review, UI build or interface audit.

  3. Web Design GuidelinesSkill

    Review UI code for compliance with 100+ web interface best practices.

  4. Plan Design ReviewSkill

    Senior Designer review: rates each design dimension 0-10, explains what a 10 looks like, and flags AI Slop signals. Useful as a gate before merging UI work.

  5. Product DesignerSkill

    Use when the user asks to review a design, critique a UI or mockup, give design feedback, or check a screen for usability and accessibility issues.

  6. Visual Emphasis And HierarchySkill

    Size, colour, weight and position mark what matters most. Use when designing button groups, CTAs, cards, dashboards or any layout with a primary action.

  7. Modular Scale TypographySkill

    Ratio-based type scale where every size relates to the others. Use when defining font sizes or type tokens, or when typography feels arbitrary.

  8. Algorithmic Color PaletteSkill

    Derive a full UI palette from one or two brand colours — state variants, brand-tinted greys, semantic colours. Use when building or expanding a colour system.

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

Run the whole chain in Claude

All 5 recipes
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
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

Research notes to an insight deck

Go from a stack of interview notes to a short deck stakeholders actually read, with the evidence attached.

  1. User Interview Prep
  2. User Research
  3. Customer Journey Map
  4. Research Decision Room
  5. PowerPoint Skill

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