First Project
This guide walks you through creating a simple todo management feature using SDD Tool.
1. Initialize Project
bash
mkdir todo-app
cd todo-app
npm init -y
sdd init2. Start Claude Code
bash
claude3. Write Constitution
Define the core principles of your project:
/sdd.constitution React-based todo management appThe AI will help you write the project principles through conversation.
Example Constitution
markdown
# Todo App Constitution
## Core Principles
- User experience is the top priority
- Must work offline
## Technical Principles
- Use React + TypeScript
- Store data in local storage
## Forbidden
- No external API dependencies4. Write Feature Spec
/sdd.spec Add todo featureThe AI will help you write the spec through conversation.
Example Spec
markdown
---
id: add-todo
title: "Add Todo"
status: draft
---
# Add Todo
## Requirements
### REQ-01: Todo Input
- The system SHALL support todo text input
- Empty text SHALL be rejected
## Scenarios
### Scenario 1: Successful Todo Addition
- **GIVEN** the user is on the todo input form
- **WHEN** they enter "Buy milk" and click the add button
- **THEN** "Buy milk" is added to the todo list5. Implementation Plan
/sdd.planThe AI will create a technical implementation plan.
6. Task Breakdown
/sdd.tasksThe AI will break down the work into executable task units.
7. Tool Check
/sdd.prepareVerify and create necessary subagents and skills.
8. Implementation
/sdd.implementThe AI guides sequential TDD-style implementation:
- Write tests
- Implement code
- Verify tests pass
- Move to next task
9. Validation
/sdd.validateValidate that the spec is correctly written.
Complete!
Your first SDD-based feature is finished.