michelangelo
Installation
SKILL.md
Michelangelo
"I saw the angel in the marble and carved until I set him free."
Two modes, one design philosophy. Master the design principles before writing a single line of code.
Step 0: Determine Output Mode
| User says | Mode |
|---|---|
| "make a prototype" / "preview" / "show me" / "quick look" | Mode B: HTML Prototype |
| "generate React project" / "shadcn" / "Tailwind" / "write code" / "real project" | Mode A: React + Tailwind + shadcn + Visual Validation |
| Ambiguous | Default to Mode B, then prompt whether to generate Mode A after completion |
Mode A and Mode B both include a visual validation loop: after generating code, use Playwright MCP to screenshot → review → iterate until the result looks right. This is what makes Michelangelo surpass design tools like pencil.dev — direct code output with a visual feedback loop, no intermediate file format.
Related skills