Getting Started with Cursor

Project rules, documentation, and AI assistance configuration

Project Rules
AI Memories
Code Standards
Framework Patterns
Best Practices
1
Configure User Rules

Open Cursor Settings → Rules & Memories → User Rules

Copy content from add_these_manually/user-rule.md and paste it in. See the “User Rules” tab below for the complete guide.

2
Icons

Cursor should pick the correct icon names but if not, type @modus-icon-names.mdc

3
Set Up Memories

Read add_these_manually/cursor-memories-guide.md to learn how Cursor remembers your preferences. Copy all the suggested memories and paste them in Cursor Settings → Rules & Memories → Memories or paste to chat and submit. See the “Memories” tab below for the complete guide.

fileWhat you will find in Rules
layers

1. Framework Standards & Development Workflow

.cursor/rules/1-framework-standards.mdc
1# Framework Standards & Development Workflow
2
3**MANDATORY**: Create todo list using `todo_write` tool before ANY development task.
4
5## Core Requirements
6
7- **Next.js 15 + React 19**: App Router only, client components default for UI
8- **File Naming**: kebab-case files, PascalCase components (non-negotiable)
9- **ShadCN Components**: Always use from `/components/ui` - never native HTML
10- **React 19 Features**: Use `use()`, `useActionState`, `useOptimistic`
11
12## Mandatory Workflow
13
141. 📝 **CREATE TODO LIST** (using `todo_write` tool) - NEVER SKIP
152. 🎯 **ANALYZE** requirements against project standards
163. 💻 **IMPLEMENT** using established patterns
174. 🔍 **REVIEW** code for quality and consistency
185. ✅ **VALIDATE** with `npm run validate:styles` - MANDATORY
196. ✅ **MARK TODOS COMPLETE** when finished
20
21## Key Success Metrics
22
23- [ ] Todo list created for every task
24- [ ] ShadCN components used exclusively
25- [ ] CSS custom properties only (no hardcoded colors)
26- [ ] Validation passes (`npm run validate:styles`)
27- [ ] React 19 patterns leveraged
28- [ ] Components under 300 lines, functions under 50 lines
check_circleBenefits of Cursor AI Integration
How this configuration enhances your development experience

Development Efficiency

  • • Automatic code generation following project patterns
  • • Consistent component structure and naming
  • • Real-time validation of Modus Icons usage
  • • Intelligent refactoring suggestions

Quality Assurance

  • • Enforced coding standards and best practices
  • • Architectural consistency across the project
  • • Automated accessibility and performance checks
  • • Framework-specific pattern enforcement