Systematic approach to implementing features with detailed planning, tracking, and testing. Use when building new features, adding functionality to existing projects, implementing multi-step requirements, or when user requests organized, methodical development workflow.
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
Systematic approach to implementing features with detailed planning, tracking, and testing. Use when building new features, adding functionality to existing projects, implementing multi-step requirements, or when user requests organized, methodical development workflow.
Systematic Feature Builder
Implement features systematically with detailed planning, progress tracking, and comprehensive testing.
When to Use This Skill
Use this skill when:
Building new features from requirements or specifications
Adding functionality to existing projects
Implementing multi-step features that require coordination
User requests "systematic", "organized", or "methodical" approach
User provides a spec or detailed requirements document
Features require database changes, API integration, or complex logic
Core Workflow
Follow these five phases in order:
Requirements Analysis - Understand what needs to be built
Implementation Planning - Create detailed, step-by-step plan
Systematic Implementation - Execute plan with progress tracking
Testing & Verification - Validate at multiple levels
This order minimizes rework and allows incremental testing.
Track Progress in todo.md
Mark tasks complete as you finish them:
## [Feature Name]- [x] Task 1: Database changes
- [x] Task 2: Backend endpoint
- [ ] Task 3: Frontend component ← Currently working on this
- [ ] Task 4: Testing
- [ ] Task 5: Documentation
Use file tool's edit action to update checkboxes efficiently.
Handle Deviations
If you deviate from the plan:
Document why in the plan file
Update todo.md with new tasks
Adjust time estimates if needed
Communicate Progress
For long implementations, send info messages at milestones:
"✅ Task 1 complete: Database schema updated"
"📊 Progress: 3/5 tasks complete"
"⚠️ Encountered issue with X, implementing alternative approach"
Phase 4: Testing & Verification
Three-Level Testing
Test at all three levels before checkpoint:
1. Unit Tests
Individual functions and endpoints
Database operations
Input validation
2. Integration Tests
Features working together
End-to-end workflows
External service integration
3. Manual Verification
UI renders correctly
User flows work as expected
Edge cases handled gracefully
Webdev-Specific Testing
For webdev projects:
# Run automated tests
pnpm test# Check dev server health# (use webdev_check_status tool)# Manual browser testing# - Open dev server URL# - Test feature in browser# - Check console for errors# - Verify responsive design
Refer to references/testing-strategies.md for detailed testing approaches.
Verify Completion
Before creating checkpoint, verify all tasks complete:
✅ Write plans before coding - Saves time, reduces rework
✅ Update todo.md actively - Provides clear progress tracking
✅ Test incrementally - Catch issues early
✅ Document decisions - Future you will thank present you
✅ Create detailed checkpoints - Enable easy rollback and review
Don't
❌ Skip planning - Leads to disorganized implementation
❌ Implement everything at once - Hard to debug, test, and review
❌ Forget to update todo.md - Loses track of progress
❌ Skip testing - Bugs slip into production
❌ Create vague checkpoints - Useless for rollback or review
Templates and Scripts
Available Resources
Templates (templates/):
implementation-plan-template.md - Structured feature plan
todo-template.md - Format for tracking features
Scripts (scripts/):
verify_completion.py - Validates all checklist items complete
References (references/):
testing-strategies.md - Testing approaches by project type
checkpoint-guidelines.md - Checkpoint best practices
Using Templates
Copy templates to your project:
# Implementation plancp /home/ubuntu/skills/systematic-feature-builder/templates/implementation-plan-template.md \
<project>/docs/plans/$(date +%Y-%m-%d)-feature-name.md
# Todo file (if project doesn't have one)cp /home/ubuntu/skills/systematic-feature-builder/templates/todo-template.md \
<project>/todo.md
Examples
Example: Adding Bulk CSV Import Feature
Phase 1: Requirements
Admin needs to import rep codes from CSV
CSV format: email, repCode
Show import results with errors
Phase 2: Plan
### Task 1: Backend Endpoint (30 min)1. Add bulkImportRepCodes to admin-router.ts
2. Parse CSV data from input
3. Validate each row
4. Update database
5. Return results with errors
### Task 2: Frontend Component (45 min)1. Create BulkRepCodeImport.tsx
2. Add file upload input
3. Integrate Papa Parse
4. Show import results
5. Add CSV template download
### Task 3: Integration (15 min)1. Add component to Admin page
2. Test with sample CSV
3. Verify error handling
