Design and UX commands

617 tagged Design and UX, measured the same way as everything else here.

Browse within: claude-code-plugin 263design-system 225cursor 105ai-tools 95accessibility 93ai-coding 80agentic-ai 77figma 72skills 59agents 54ai-design 52claude-commands 39cli 39flutter 39

shadcn-add

01

TryGhost/Ghost

Command Claude Code

Add a new ShadCN/UI component to Shade with Storybook stories.

not rated 56k +44 today A 14 tokens original MIT

clone-website

02

JCodesMore/ai-website-cloner-template

Command Claude Code

Rebuild one or more websites as working Next.js pages matching their content, assets, responsive layout, and interactions. Use for website cloning, replication, or reverse engineering.

not rated 37k +400 changed 12d ago A 34 tokens original MIT

design-review

03

mohitagw15856/pm-claude-skills

Command Claude Code

Workflow recipe — review a design end-to-end, ending in measured numbers rather than adjectives, by chaining 4 skills.

not rated 1.5k +30 yesterday A 24 tokens original MIT

duo

05

justinwetch/HIGAgentSkills

Command Claude Code

Guide an existing iOS app through a native redesign for iPhone Duo.

not rated 655 +36 today A 14 tokens original MIT

implement-ui

06

MadAppGang/claude-code

Command Claude Code

Implement UI components from scratch with design reference, intelligent validation, and adaptive agent switching.

not rated 286 +1 7mo ago A 19 tokens original MIT

kim-ui2code

08

KimYx0207/Kim_Service

Command Claude Code

A workflow that turns a UI screenshot or design into frontend code by combining image analysis, technical planning, code generation, and review.

not rated 175 +1 2d ago A 25 tokens original MIT

spec

09

yezannnnn/agentGroup

Command Claude Code

A design-system command that creates or updates a written project design specification. It records colors, fonts, spacing, component rules, and other interface standards in a reusable template.

not rated 150 5mo ago A 0 tokens original MIT

optimize

10

jiushiwon/wg-skills

Command Claude Code

A command for reviewing and changing the visual design of HTML, Vue, React, uni-app, or mini-program projects. It detects the technology, extracts existing design values such as colors and spacing, matches a brand profile, and applies a consistent design system.

not rated 120 +5 5d ago A 0 tokens original Apache-2.0

updater.rs

12

NetMindAI-Open/NarraNexus

Command Claude Code

Previous design had three half-aligned UX paths: Settings page showed text in the page, tray menu and startup auto-check both showed osascript dialogs. Symptoms in production.

not rated 91 +1 5d ago A 0 tokens original Apache-2.0

design

13

laborany/laborany

Command Claude Code

A command for choosing or defining the visual style of a PowerPoint presentation, including its colors, fonts, and page layouts. It offers preset styles, custom brand settings, and recommendations based on the presentation topic.

not rated 86 5mo ago A 0 tokens original MIT

ks-design

14

MikeCodeur/killer-saas

Command Claude Code

Derive a story's screen from the design system. Autonomous path (the agent produces it) or brief path (an external tool produces it and the result comes back). Never freestyles outside the system.

not rated 85 +4 changed 1mo ago A 42 tokens

storysync-push

15

brendanciccone/storysync

Command Claude Code

Sync Storybook components and design tokens from code to Figma.

not rated 75 +1 changed 3d ago A 12 tokens original MIT

audit

18

qorstack/qorstack-report

Command Claude Code

Read and follow the instructions in agents/skills/audit.md. Also read and follow agents/frontend-design/design-all.md and any referenced files in agents/frontend-design/reference/ as needed.

not rated 42 today A 0 tokens

live-canvas

21

hamr0/liteagents

Command Claude Code needs its repo

Conduct design interviews, generate UI variations, and collect live click-to-annotate feedback that streams into the session so edits land without leaving the browser. Use when the user wants rapid iterative UI refinement, not just batched feedback.

not rated 26 +1 changed 16d ago A 46 tokens original Apache-2.0

Icon Design Review

22

dtannen/icon-agents

Command Claude Code

Intelligent design analysis that automatically selects the most relevant legendary design experts for your project and user experience.

not rated 24 1y ago A 23 tokens

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: