Guides
Make AI-Built Apps Look Designed
How to hand a coding agent a real design: what to give it, where it goes in Claude Code and Cursor, and how to borrow a site's style without copying it.
- Claude Code · 7 minHow to Give Claude Code a Design SystemStop Claude Code shipping generic UI: give it a design system as a skill, with tokens, rules and the reasons behind them, and let it apply one area at a time.Read the guide
- Cursor · 6 minCursor Rules for Design: Make AI-Built UIs Look On-BrandUse Cursor project rules to keep AI-generated UI on-brand: where to put design tokens, what rules to write, and how to keep Cursor's agent from drifting.Read the guide
- Design tokens · 6 minDesign Tokens for AI Coding Agents: What to Hand OverWhich design tokens an AI coding agent actually needs (colour roles, type scale, spacing, radii, shadows, motion) and how to structure them so it applies them well.Read the guide
- Style vs assets · 5 minRecreate a Website's Look Without Copying ItHow to borrow a website's design style for your own app without copying its assets: what's style (colours, spacing, type scale) and what belongs to the owner.Read the guide