Skip to content

Claude Code Design plugins and skills

Flowy lists 20 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.

taste-skill
Plugin
Design

taste-skill

The Anti-Slop Frontend Framework for AI Agents Sponsors   Novamira · Full WordPress access for AI agents      IMG.LY · CreativeEditor SDK Emil Kowalski · animations.dev Sent.dm · messaging APIs for SMS, WhatsApp, and RCS Become a

13 skills
@leonxlnx@leonxlnxView Plugin
tamagui
Plugin
Design

tamagui

Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.

3 skills
@tamagui@tamaguiView Plugin
ui-skills
Plugin
Design

ui-skills

Skills for Design Engineers More on ui-skills.com Run npx ui-skills start to route your agent through the right UI skill set for the task.

7 skills
@ibelick@ibelickView Plugin
awesome-design-skills
Plugin
Design

awesome-design-skills

A curated registry of 67 design system skill files for AI-powered agentic tools like Claude Code, Cursor, Codex, and others. Pull any skill into your project with a single command.

67 skills
@bergside@bergsideView Plugin
design-dna
Plugin
Design

design-dna

Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

1 skill
@zanwei@zanweiView Plugin
styleseed
Plugin
Design

styleseed

Open-source design-method engine for Claude Code, Codex & Cursor. Fixed design judgment, multiple grammars, reference compilation, semantic palettes, and Studio workflows for verified UI, interaction, image/video jobs, carousels, decks & docs. 22 skills · MIT.

23 skills
@bitjaru@bitjaruView Plugin
ppt-agent-skills
Plugin
Design

ppt-agent-skills

A code-driven presentation generation framework. 像构建软件工程一样生成演示文稿。

1 skill
@sunbigfly@sunbigflyView Plugin
hue
Plugin
Design

hue

an open-source skill that learns any brand from a url, name, or screenshot and turns it into a complete design system. works on claude code and codex. install it once, and every component your ai assistant builds after that matches your brand.

1 skill
@dominikmartn@dominikmartnView Plugin
full-stack-skills
Plugin
Design

full-stack-skills

460+ 个 Agent Skills。42+ 个技能包。一个统一生态。 简介 · 安装 · 技能目录 · 架构 · Claude Code 用户 · 生态 ·

@partme-ai@partme-aiView Plugin
ux-ui-agent-skills
Plugin
Design

ux-ui-agent-skills

Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.

17 skills
@plugin87@plugin87View Plugin
superdesign
Plugin
Design

superdesign

Stop shipping AI-slop UI. Coding agents write great code and mediocre interfaces: generic layouts, default shadcn everything, no taste. Superdesign is the skill that gives your agent design judgment, so the UI it ships actually looks considered.

1 skill
@superdesigndev@superdesigndevView Plugin
nextboard-hardware-solution
Plugin
Design

nextboard-hardware-sol

面向硬件产品的PCB方案设计 AI Agent。输入产品需求,输出可评审、可落地的PCB原理图的方案。

1 skill
@leokemp223@leokemp223View Plugin
ui-craft
Plugin
Design

ui-craft

Ship designer-grade UI by default. A design engineering system for AI coding agents — install it as a skill or as the ui-craft CLI, and your agent starts designing like it has taste. Ask for a dashboard, get one you'd put in production.

99 skills
@educlopez@educlopezView Plugin
konnect
Plugin
Design

konnect

AI-assisted PCB design for KiCAD 10. Konnect is a native KiCAD plugin — a single Rust binary — that lets Claude and other AI assistants design schematics and PCBs through the Model Context Protocol (MCP). 187 tools across 18 on-demand toolsets.

6 skills
@mixelpixx@mixelpixxView Plugin
design-system-ops
Plugin
Design

design-system-ops

Claude Code skills for the work that keeps a design system alive.

40 skills
@murphytrueman@murphytruemanView Plugin
figma-design-system-to-design-md
Plugin
Design

figma-design-system-to

Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)

1 skill
@albertzhangz10@albertzhangz10View Plugin
dembrandt-skills
Plugin
Design

dembrandt-skills

UX and design-system skills for AI agents. Install once, and your agent knows how to design. --all installs every skill at once. They load only when a prompt needs them, so there is no runtime cost to having them all. Want to pick by hand?

40 skills
@dembrandt@dembrandtView Plugin
replica
Plugin
Design

replica

Turn any screenshot or design reference into a precise, copy-paste-ready developer prompt — with exact hex colors, Tailwind classes, animation specs, and component structure. Ready for Lovable, Bolt, Cursor, Replit, or any AI coding agent.

1 skill
@surya17155@surya17155View Plugin
uiforge
Plugin
Design

uiforge

Forge masterpiece UI, not AI slop — a design art-director plugin for Claude Code. Forces a deliberate choice on every design axis (type, color, space, motion), sources components from vetted registries, and gates output on forced-subtraction + critique.

4 skills
@taewooopark@taewoooparkView Plugin
brandbook-skill
Plugin
Design

brandbook-skill

An open-source Claude Code / Codex skill: paste any website URL and get a complete brand system — design tokens, a browsable brand book, and a proof landing page in that brand's own layout language. Not just a UI kit. Give your AI coding agent taste.

1 skill
@echowang97@echowang97View Plugin

FAQ

What are the best Claude Code Design plugins?
Flowy lists 20 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