OneMinuteBrandingGenerate Your Brand
  1. Home
  2. Glossary
  3. CLAUDE.md
Glossary

What is CLAUDE.md?

CLAUDE.md is a markdown file that gives AI coding assistants context about your brand. Colors, fonts, component patterns — so every AI-generated component is on-brand.

Definition

CLAUDE.md is a markdown file placed in a project's root directory that provides brand context to AI coding assistants like Cursor, Claude, and GitHub Copilot. It contains design rules, color values, component patterns, and style guidelines.

How it works

When you use an AI assistant to generate a React component, it needs to know your brand colors, preferred font, button style, and spacing conventions. Without this context, every AI-generated component uses random defaults. CLAUDE.md solves this by giving the AI a concise reference document. When Cursor or Claude reads your project, it finds CLAUDE.md and uses it as a style guide for all generated code.

Why it matters

AI-assisted coding is the default in 2026. If your AI assistant doesn't know your brand, you're manually fixing colors and fonts in every generated component. CLAUDE.md turns AI from a brand liability into a brand asset — every component it generates is automatically on-brand.

Example

# Brand: MyApp
## Colors
- Primary: #6366F1 (indigo)
- Accent: #F59E0B (amber)
## Typography
- Headings: Playfair Display (serif)
- Body: Inter (sans-serif)
## Components
- Buttons: rounded-full, primary bg
- Cards: rounded-2xl, border border-gray-200

Learn more

CLAUDE.md feature

Read more

Works with Cursor

Read more

Related terms

Brand SystemDesign TokensTailwind Config

Skip the theory, generate the result

OneMinuteBranding generates your complete brand system — including claude.md — in 60 seconds.

Generate your CLAUDE.md

No account required • 60-second generation • $49 one-time

Browse the glossary

Brand SystemDesign TokensColor PaletteFont PairingFaviconTailwind ConfigCSS VariablesDark ModeVisual IdentityBrand KitTypography ScaleColor TheoryAccessibility ContrastLogoDesign SystemBrand VoiceSVGResponsive LogoHex Color

For

  • Indie Hackers
  • Startups
  • SaaS
  • Developers
  • Side Projects
  • MVP
  • Mobile Apps
  • AI Startups
  • View all →

Industries

  • Fintech
  • Healthcare
  • Education
  • Retail
  • Food & Beverage
  • Travel
  • Real Estate
  • Fitness
  • View all →

Use Cases

  • Landing Pages
  • SaaS Dashboards
  • Documentation Sites
  • Marketing Websites
  • Portfolio Sites
  • Blogs
  • View all →

Features

  • Tailwind Config
  • CLAUDE.md
  • CSS Variables
  • Dark Mode
  • Design Tokens
  • Export Formats
  • View all →

Works With

  • Tailwind CSS
  • Next.js
  • React
  • Figma
  • Cursor
  • shadcn/ui
  • CSS Variables
  • Vercel
  • View all →

Compare

  • vs Looka
  • vs Canva
  • vs Brandmark
  • vs Hatchful
  • vs Tailor Brands
  • vs Designs.ai
  • View all →
OneMinuteBrandingShip with a brand in 60 seconds
Free ToolsBlogAboutLegalPrivacyTerms

© 2026 OneMinuteBranding. AI-powered brand generation for developers.