kim-ui2code
01Command 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
optimize
02Command 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
fix-colors
03LovroPodobnik/refactoring-ui-skill
Command Claude Code
Use the ui-refactor skill focusing on color and palette issues.
not rated 58
+2 9mo ago A 0 tokens
setup
04Command Claude Code
Add Tailwind CSS v4 and shadcn/ui to an existing React/Vite project.
not rated 12
+1 8mo ago A 0 tokens
sandbox
05Command Claude Code
Spike a design idea — decode brief/screenshot/figma, scaffold shadcn into /sandbox, optionally layer motion. Default entry point for any design exploration.
not rated 7 yesterday A 33 tokens
original MIT
rams
06Command Claude Code
Run accessibility and visual design review.
not rated 5 7mo ago A 6 tokens
original MIT
XINGANLIU/design-system-generator-skill
Command Claude Code
Command "design-system" from XINGANLIU/design-system-generator-skill, covering design system generator — claude code command, usage: /design-system [font-family] [style] and example: /design-system #6366f1 "outfit" rounded.
not rated 1 4mo ago A 0 tokens
original Apache-2.0
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: