AI Rules File

All of ReactBlueprint's conventions, patterns, and best practices — condensed into a single file you can feed to your AI coding assistant.

What's Inside

The file covers every section of ReactBlueprint in a condensed, directive format optimized for AI consumption:

• Tech Stack — approved libraries and tools
• Project Structure — folder organization and conventions
• Naming Conventions — files, code, git branches, commits
• Components — structure, patterns, composition rules
• Forms — React Hook Form + Zod patterns
• State Management — decision tree, Zustand, TanStack Query
• Data Fetching — API services, error handling
• Authentication — token storage, protected routes
• Styling — Tailwind CSS conventions
• TypeScript — strict config, patterns
• Testing — coverage targets, what and how to test
• Error Handling — boundaries, API errors
• Performance — optimization rules, targets
• Linting & Formatting — ESLint, Prettier config
• Git Workflow — branches, commits, PRs
• Environment Variables — naming, validation
• CI/CD — pipeline configuration
• Internationalization — i18n patterns
• Monitoring & Logging — Sentry, structured logging
• Security — checklist and anti-patterns
• Accessibility — WCAG 2.1 AA requirements
• SEO — meta tags, sitemaps, structured data
• Documentation — JSDoc, READMEs

Setup by Tool

Claude Code

curl -o CLAUDE.md https://react-blueprint.dev/react-blueprint-rules.md

Cursor

curl -o .cursorrules https://react-blueprint.dev/react-blueprint-rules.md

GitHub Copilot

mkdir -p .github && curl -o .github/copilot-instructions.md https://react-blueprint.dev/react-blueprint-rules.md

ChatGPT / Other Assistants

1. Open the rules file in your browser
2. Select all and copy
3. Paste into your assistant's custom instructions or system prompt

Windsurf

curl -o .windsurfrules https://react-blueprint.dev/react-blueprint-rules.md

Keeping Up to Date

curl -o CLAUDE.md https://react-blueprint.dev/react-blueprint-rules.md