ui-designer
An agent skill by daymade, from daymade/claude-code-skills. Tags: assets, design, prototyping, ui-ux, visual-art.
What it does
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.
Install
With the skills CLI, which installs into Claude Code, Codex, Cursor and other agents:
npx skills add daymade/claude-code-skills --skill ui-designerOr copy the skill folder into Claude Code's skills directory by hand (~/.claude/skills for every project, or .claude/skills inside one):
git clone --depth 1 https://github.com/daymade/claude-code-skills
cp -r claude-code-skills/ui-designer ~/.claude/skills/ui-designerSafety box score
Not rated yet. A safety box score grades what a skill and its scripts can reach on the machine of whoever installs it, across eight categories from shell execution to secrets access. Anyone can request one from this page; it is saved for everyone. How the score works.
Source
- Repository
- daymade/claude-code-skills (all skills from this repository)
- Path
- ui-designer/SKILL.md
- Branch
- main
- Updated
- 2026-09-20
Related skills
- design-style-picker — Batch-generate and compare visual design directions so a user can choose the style they actually want.
- excalidraw-use — Place existing images onto an Excalidraw whiteboard, turn a slide deck into clean per-slide images first.
- interaction-design-board — Generate several genuinely different, runnable HTML interaction prototypes for one product surface, combine them in an interactive Design Board.
- app-platform-designer — Transform natural language application descriptions into production-ready DigitalOcean App Platform specifications.
- stitch::generate-design — Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP.
- stitch::manage-design-system — Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.