devflow-plan
CommunityTurn design specs into actionable DevFlow plans.
System Documentation
What problem does it solve?
Reads a design spec and breaks it down into atomic implementation tasks with checkboxes, file maps, complete code snippets, and pre-written commit messages. For UI features, generates an HTML wireframe mockup before writing the plan. Produces a plan document in docs/devflow/plans/. USE WHEN: create implementation plan, break down tasks, task planning, devflow plan phase, create checklist from spec.
Core Features & Use Cases
- Converts a design spec into a structured task breakdown with dependencies and milestones.
- Produces a plan document and optional UI wireframe mockups to guide Implementers.
- Automates creation of ready-to-paste commit messages and per-task checkpoints for traceability and review.
Quick Start
Provide a design spec path or describe the feature to plan, and let the Planner generate a complete plan and mockups in docs/devflow/plans.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: devflow-plan Download link: https://github.com/abdias98/DevFlow/archive/main.zip#devflow-plan Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.