Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add tech-leads-club/agent-skills --skill "spec-driven-dev"
Install specific skill from multi-skill repository
# Description
Feature planning with 4 phases - Specify requirements, Design architecture, break into granular Tasks, Implement and Validate. Creates atomic tasks that agents can implement without errors. Triggers on "plan feature", "design", "new feature", "implement feature", "create spec".
# SKILL.md
name: spec-driven-dev
description: Feature planning with 4 phases - Specify requirements, Design architecture, break into granular Tasks, Implement and Validate. Creates atomic tasks that agents can implement without errors. Triggers on "plan feature", "design", "new feature", "implement feature", "create spec".
Spec-Driven Development
Plan and implement features with precision. Granular tasks. Clear dependencies. Right tools.
ββββββββββββ ββββββββββββ βββββββββββ βββββββββββββββββββββ
β SPECIFY β β β DESIGN β β β TASKS β β β IMPLEMENT+VALIDATEβ
ββββββββββββ ββββββββββββ βββββββββββ βββββββββββββββββββββ
Phase Selection
| User wants to... | Load reference |
|---|---|
| Define what to build | specify.md |
| Design architecture | design.md |
| Break into tasks | tasks.md |
| Implement a task | implement.md |
| Verify it works | validate.md |
Commands
| Command | Action |
|---|---|
specify [feature] |
Define requirements |
design [feature] |
Design architecture |
tasks [feature] |
Create task breakdown |
implement T1 |
Implement task |
validate |
Verify implementation |
Output
.specs/[feature-slug]/
βββ spec.md
βββ design.md
βββ tasks.md
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.