claude-skill-design-md
Distill a visual identity into an agent-readable DESIGN.md and a standalone browser showcase.
Distill a visual identity into an agent-readable DESIGN.md and a standalone browser showcase.
Design MD converts a website, brand guide, screenshots, or a mood-board description into two paired artifacts. DESIGN.md captures semantic tokens, component rules, visual directives, and named anti-patterns for AI agents, while design-showcase.html presents the same system in a self-contained page that humans can open without a server. The shared source tokens help keep implementation guidance and visual review aligned.
Resource types
Use cases
Platforms
Turns one idea into a clean peanut-led concept illustration.
Keeps generated UI aligned with explicit design rules.
Capabilities
Public GitHub facts last synced Jul 10, 2026.
Route a design brief through color, effects, typography, and icon skills in a coherent order.
Plan product design projects in Claude with reusable PRCSS workflows.