What are the best Claude Code Design plugins?

Flowy lists 17 plugins for Design, ranked by fit and signal rather than raw install count. Open any listing to read every skill in full before you install it.

Do these Design skills run automatically?

The Auto-invoked ones do. They ship a FLOW.md router and a hook, so Claude Code loads the matching skill as you prompt. Indexed listings install normally and you invoke them yourself.

How does Flowy decide a plugin is a Design plugin?

The tag is derived from the plugin's own content, its skill names, descriptions, README and file types, not from a tag someone typed. A plugin appears here only when its real content matches.

Are these Design plugins free?

Yes. Flowy is free and open source with nothing gated. You can read every skill before installing, and each listing links to its upstream repository and its creator.

Claude Code Design plugins and skills

Flowy lists 17 plugins in the Design category for Claude Code. design systems, tokens, UI craft, accessibility, visual and UX work Every listing shows what is inside before you install, who built it, and whether it is Auto-invoked, meaning a FLOW.md router fires the right skill as you prompt instead of leaving them dormant.

Plugin

Design Python JavaScript

ui-ux-pro-max

🇮🇩 Bahasa Indonesia | 🇰🇷 한국어 | 🇻🇳 Tiếng Việt | 🇨🇳 简体中文 | 🇺🇸 English An AI skill that provides design intelligence for building professional UI/UX across multiple platforms and frameworks.

7 skills

@nextlevelbuilderView Plugin

Plugin

Design JavaScript Node

impeccable

Design guidance for AI coding agents. 1 skill, 24 commands, live browser iteration, and 61 deterministic detector rules for AI-generated frontend design.

1 skill

@pbakausView Plugin

Plugin

Design JavaScript React

emilkowalski-skills

For designers and engineers to help them build better user interfaces. Knowing whether you made a right choice when it comes to animations, or design in general, is hard. These skills aim to help you get to those right decisions faster.

13 skills

@emilkowalskiView Plugin

Plugin

Design JavaScript React

emilkowalski-skills-2

13 skills

@emilkowalskiView Plugin

Plugin

Design HTML CSS

hallmark

A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated. Live demo →  ·  twenty-one themes  ·  four verbs  ·  press T to cycle. Made by Together AI.

1 skill

@nutlopeView Plugin

Plugin

Design Python Bash

cad

text-to-cad is a library of agent skills for generating, inspecting, sourcing, slicing, and handing off CAD and robot-description artifacts from local project files. CAD URDF SRDF / MoveIt2

14 skills

@earthtojakeView Plugin

Plugin

Design React HTML

design-motion-principl…

A motion and interaction design skill with two modes — build interactive components with purposeful motion, or audit existing animations. Both modes give context-aware, per-designer guidance drawn from three distinct motion-design lenses.

1 skill

@kylezantosView Plugin

Plugin

Design HTML CSS

platform-design-skills

Platform design skill pack: 450+ rules for Apple HIG, Material Design 3, and WCAG 2.2 across iOS, iPadOS, macOS, watchOS, visionOS, tvOS, Android, and Web.

8 skills

@ehmoView Plugin

Plugin

Design React React Native

sleekdotdesign-agent-s…

Agent skills for Sleek, the AI-powered mobile app design tool.

1 skill

@sleekdotdesignView Plugin

Plugin

Design JavaScript Node

qiaomu-design

让 AI 做出“不像默认 AI 模板”的设计：先看四个真实方向，再把选定界面实现并验收到可交付。 An opinionated Agent Skill for visual direction, implementation, and browser-based UI verification.

1 skill

@joeseesunView Plugin

Plugin

Design TypeScript React

subframe

Subframe is a UI design tool featuring a drag-and-drop visual editor, React + Tailwind code export, and AI-powered design and prototyping features.

3 skills

@subframeappView Plugin

Plugin

Design React React Native

mobile-app-ui-design

A comprehensive Claude Code skill for designing professional, polished mobile app interfaces that follow proven design principles from top-tier apps like Airbnb, Duolingo, Spotify, Revolut, and Phantom.

1 skill

@ceorkmView Plugin

Plugin

Design

layers-skills

A set of AI skills that guide product designers through the Layers of Product Design framework — a structured way to think about design work across seven layers, from observed user behaviour through to surface decisions.

9 skills

@jamiemillView Plugin

Plugin

Design Tailwind Bash

oklch-skill

An agent skill that helps you work with OKLCH colors.

1 skill

@jakubkrehelView Plugin

Plugin

Design React HTML

claude-design-skill

A portable Claude skill that turns Claude into an expert designer for HTML-based artifacts — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations.

1 skill

@jiji262View Plugin

Plugin

Design TypeScript JavaScript

wonder-blocks

The Khan Academy Wonder Blocks design system. This is work-in-progress and a lot of things are still in motion. More information:

@khanView Plugin

Plugin

Design TypeScript Bash

bridge-ds

Design in Figma with Claude Code. Bridge connects your terminal to the Figma Plugin API via WebSocket.

5 skills

@noemuchView Plugin

FAQ

What are the best Claude Code Design plugins?: Flowy lists 17 plugins for Design, ranked by fit and signal rather than raw install count. Open any listing to read every skill in full before you install it.
Do these Design skills run automatically?: The Auto-invoked ones do. They ship a FLOW.md router and a hook, so Claude Code loads the matching skill as you prompt. Indexed listings install normally and you invoke them yourself.
How does Flowy decide a plugin is a Design plugin?: The tag is derived from the plugin's own content, its skill names, descriptions, README and file types, not from a tag someone typed. A plugin appears here only when its real content matches.
Are these Design plugins free?: Yes. Flowy is free and open source with nothing gated. You can read every skill before installing, and each listing links to its upstream repository and its creator.

Browse every plugin