Back to Skills

ui-designer

Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.

1,441stars223forksUpdated 10/4/2026

Security Assessment

Safe(100/100)
Security Score100/100
Detailed description not yet generated. View the SKILL.md tab for raw content.

All Files

4 files
SKILL.md6.7 KB
View
assets/design-system.md2.0 KB
View
assets/app-overview-generator.md1.0 KB
View
assets/vibe-design-template.md1.1 KB
View

Install ui-designer

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill