Make Cursor and AI coding assistants understand your brand. Generated code stays on-brand automatically.
Generate your CLAUDE.mdCLAUDE.md is a project context file that tells AI coding assistants about your brand. Cursor, Claude, and other AI tools use it to generate code that matches your design system.
Here's what you get with CLAUDE.md
# Brand Guidelines for AI Assistants
## Colors
- Primary: #6366F1 (indigo) - Use for CTAs, links, active states
- Accent: #F59E0B (amber) - Use for highlights, warnings
- Background: #FAFAFA - Main background color
- Foreground: #18181B - Primary text color
## Typography
- Headings: Cal Sans, font-weight: 700
- Body: Inter, font-weight: 400
- Code: JetBrains Mono
## Component Patterns
- Buttons: rounded-lg, primary bg, white text
- Cards: white bg, rounded-xl, subtle shadow
- Links: primary color, underline on hover
## Usage Rules
- Never use colors outside this palette
- Maintain 4.5:1 contrast ratio minimumEverything included with this feature to help you build faster
Color meanings, typography rules, and design principles AI assistants understand.
Example components and styling patterns AI can reference when generating UI code.
Guidelines that keep AI-generated code on-brand across your entire project.
CLAUDE.md integrates seamlessly with popular frameworks and tools
Developers and founders who rely on this feature for their projects
CLAUDE.md is especially useful when building these types of projects
Create a dashboard design system that's consistent, usable, and on-brand. Data-friendly colors included.
Documentation that's easy to read and on-brand. Typography-first design system for technical content.
Give your OSS project a professional identity. Design system that attracts contributors.
Common questions about this feature
60 seconds. $49. All features included.
Generate your CLAUDE.mdNo account required to try
CLAUDE.md tells Cursor and AI assistants about your project. Here's how to structure brand guidelines so AI-generated code uses your colors, fonts, and patterns.
Before you launch, make sure you have these 23 files. From tailwind.config.ts to OG images to CLAUDE.md. Copy this checklist.
Your portfolio looks like every other developer's portfolio. Same layout, same colors, same projects. Here's how to create a visual identity that hiring managers remember.