Grok Bot template · Design
Design Md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
What it can do
The skills built into this template. Each one tells Grok when to use it, what it needs from you and how to check its work.
- Retrieve project and screen metadata
- Download and parse HTML/CSS assets
- Extract project-level design theme
- Synthesize color palette with functional roles
- Translate geometry, shape, and depth into natural language
- Generate DESIGN.md following the prescribed format
Apps it works with
Connect these in Grok for the best results. It also works without them: you paste the information in.
Stitch MCP Server
The full template
For members
The complete Design Md template: its identity, every skill step by step, its limits and its first-run questions, ready to paste into a new Grok Bot. Members get it, and every other template here.
Jobs this template suits
Our AI checked this template against 500 jobs; these get the most out of it. Each job links to its learning path.