Code & Tokens
31.Design-system-aware Cursor project
Developer
Overview
Extract DESIGN.md and add it to Cursor project rules. Every AI suggestion in the editor now has brand context: correct colors, type scale, and spacing before you write a line.
Add the extracted DESIGN.md to .cursorrules or as a Cursor context file. Every AI suggestion Cursor makes in that project now has the brand token system as context. The agent knows the correct primary color, the type scale steps, the spacing rhythm, and the border radius values before you type a prompt. Component suggestions come out on-token. Refactoring suggestions use the right variable names. No more correcting AI-generated hardcoded values after the fact.
Generate DESIGN.md
Terminal
dembrandt brand.com --design-md
Add to .cursorrules
# Paste DESIGN.md content into .cursorrules or add as context file.
# Example Cursor prompt after setup:
"Add a pricing card component. Use the design system
tokens in DESIGN.md, no hardcoded values."
Output
Cursor project with brand context. Agent suggestions stay on-token.
More in Code & Tokens
Browse all
All recipes →