The Three Pillars
- PRD (Product Requirements Document): What needs to be built
- Plan: How to build it (technical approach)
- Todo: Specific implementation tasks
The PRD→Plan→Todo methodology is a systematic approach to AI-assisted development that transforms high-level requirements into working code through three distinct phases. This workflow has become the gold standard for teams using Claude Code and Cursor.
The Three Pillars
Traditional development often jumps directly from requirements to code, leading to:
The PRD→Plan→Todo approach ensures:
The PRD defines what needs to be built from a business perspective.
# Feature: User Authentication System
## OverviewBrief description of the feature and its business value
## User StoriesAs a [user type], I want to [action] so that [benefit]
## Functional Requirements1. Users can register with email/password2. Email verification required3. Password reset functionality4. Remember me option
## Non-Functional Requirements- Response time < 200ms- Support 10k concurrent users- GDPR compliant- Accessibility WCAG 2.1 AA
## Acceptance Criteria- ☐ User can successfully register- ☐ Invalid emails are rejected- ☐ Passwords meet security requirements- ☐ Session persists with "remember me"
## Out of Scope- Social login (Phase 2)- Two-factor authentication (Phase 2)Swap the feature description for your own, but keep it concrete. A vague “generate a PRD for auth” produces a vague PRD.
E-commerce Checkout Feature
# PRD: Express Checkout Feature
## OverviewImplement one-click checkout for returning customers to reduce cart abandonment by 25%
## User Stories1. As a returning customer, I want to complete purchase with one click2. As a new customer, I want the option to save my details for future3. As an admin, I want to track express checkout usage
## Functional Requirements1. Store encrypted payment methods (PCI compliant)2. Pre-fill shipping address from last order3. Show order summary before confirmation4. Send email receipt immediately5. Update inventory in real-time
## Performance Requirements- Checkout completion < 3 seconds- Support 1000 concurrent checkouts- 99.9% uptime during business hoursThe Plan translates business requirements into technical architecture and approach.
Start by turning the PRD into a plan, then drill into components and risks.
Then push the AI to decompose the architecture and surface risks:
Break down the architecture into:- Frontend components/pages needed- Backend services/modules- Database schema changes- External service integrations- Infrastructure requirements
Then list the technical risks and how we mitigate each one(performance bottlenecks, security vulnerabilities, scalabilitylimits, third-party dependencies).# Technical Plan: User Authentication
## Architecture Overview- JWT-based stateless authentication- PostgreSQL for user data- Redis for session management- Email service for notifications
## API DesignPOST /api/auth/registerPOST /api/auth/loginPOST /api/auth/logoutPOST /api/auth/refreshPOST /api/auth/reset-password
## Database Schemausers:- id (uuid, primary key)- email (unique, indexed)- password_hash- email_verified (boolean)- created_at, updated_at
sessions:- token (primary key)- user_id (foreign key)- expires_at- ip_address
## Security Measures- Bcrypt for password hashing (12 rounds)- Rate limiting on auth endpoints- CORS properly configured- Input validation on all fields# Frontend Technical Plan
## Component Architecture- AuthProvider (context for auth state)- LoginForm component- RegisterForm component- PasswordResetFlow- AuthGuard HOC for protected routes
## State Management- useAuth hook for auth operations- Local storage for token persistence- Session storage for temporary data
## UI/UX Flow1. Modal-based auth forms2. Real-time validation3. Loading states during API calls4. Success/error notifications5. Redirect after login
## Performance- Lazy load auth components- Prefetch auth check on app load- Optimistic UI updatesThe Todo list breaks the plan into specific, actionable tasks that can be implemented.
# Implementation Todos: User Authentication
## Database Setup (P0)- ☐ Create database migrations for users table- ☐ Create database migrations for sessions table- ☐ Add indexes for email and token lookups- ☐ Seed database with test users
## Backend API (P0)- ☐ Implement password hashing utility- ☐ Create POST /api/auth/register endpoint - Input validation - Email uniqueness check - Send verification email- ☐ Create POST /api/auth/login endpoint - Validate credentials - Generate JWT token - Create session record- ☐ Add rate limiting middleware- ☐ Write API integration tests
## Frontend Components (P1)- ☐ Create AuthContext and Provider- ☐ Implement useAuth hook- ☐ Build LoginForm component - Form validation - Error handling - Loading states- ☐ Build RegisterForm component- ☐ Add AuthGuard HOC- ☐ Write component tests
## Integration (P1)- ☐ Connect frontend to backend API- ☐ Implement token refresh logic- ☐ Add error interceptors- ☐ Test full auth flow
## Documentation (P2)- ☐ Document API endpoints- ☐ Create auth flow diagram- ☐ Write deployment guide## Todo: Implement User Registration
**Task**: Create user registration endpoint**Acceptance Criteria**:- Validates email format- Checks email uniqueness- Hashes password with bcrypt- Sends verification email- Returns appropriate errors
**Dependencies**: Database migrations complete**Priority**: P0**Estimated Time**: 2 hours
**Implementation Notes**:- Use Joi for validation- Return 409 for duplicate email- Log registration attemptsThe PRD to Plan to Todo flow is identical in spirit across all three tools: feed in the PRD, plan read-only, then implement one todo at a time. What differs is how each tool ingests context and gates its edits.
Reference the PRD with @docs/auth-prd.md, switch the Agent to Plan mode to review the approach, then accept to implement. Your conventions live in .cursor/rules (the modern replacement for .cursorrules).
Read @docs/auth-prd.md. In Plan mode, propose the technicalplan and the file changes for the database schema and theregister/login endpoints. Follow the conventions in.cursor/rules. I'll review the plan before you apply edits.Then work the todo list with focused follow-ups, accepting each diff before moving on.
Run claude in your project directory and feed it the PRD. Use /plan so it plans read-only before touching files; Claude tracks the resulting todos in-session and works them one at a time.
Read the requirements in @docs/auth-prd.md, then enter planmode and produce a technical plan. Once I approve it, convertit into a todo list, track those todos, and implement them oneat a time, pausing after each for review.For deeper reasoning during planning, raise the effort level in /model rather than typing “think harder” (thinking keywords no longer allocate a budget).
Put durable project context in AGENTS.md at the repo root so every session loads your conventions. Launch codex, toggle /plan-mode (or start with codex --sandbox read-only) to plan without edits, and run /review on the diff before you stage anything.
Read @docs/auth-prd.md and the conventions in AGENTS.md. Inplan mode, produce the technical plan and a dependency-orderedtodo list. After I approve, implement the first task only, thenstop so I can /review the diff.The streamed plan shows each step as pending, in-progress, or completed, so you can watch Codex march down the list.
The Feedback Loop
After implementation, update your documents:
Shared Documents
/docs/requirements//docs/architecture//docs/tasks/ or project management toolAI Context Sharing
@docs/requirements/auth-prd.mdThe methodology fails in predictable ways once you run it on real features. Here are the failure modes and the recovery prompts that pull you back on track.
Track these metrics to improve your process:
Teams that adopt a plan-first workflow generally report faster delivery and fewer regressions on large migrations, largely because the planning phase surfaces edge cases before any code is written, rather than during a painful review.
Use these to harden a plan and to sequence the work once the todos exist.