DevFlow
Structured AI Development
Plan, track, and review AI-assisted coding workflows — from idea to production with full traceability.
app.dev-flow.tech
UN-3 In Progress
Scroll Feature Showcase
Progress 60%
4/7 tasks
9 criteria
Feature 1
7-Stage Flows
Structured workflow from idea to production
- IdeaCapture the initial concept
- PlanningBreak down into detailed tasks
- ApprovalUser sign-off before work starts
- In ProgressActive development tracked live
- ReviewQuality gate before shipping
- DoneShipped to production
14:02:17 Session started for flow UN-3
14:02:18 Loading tasks…
14:02:19 7 tasks loaded
14:02:21 Starting Task 2: FlowCard component
14:02:25 Writing src/components/mockups/devflow/FlowCard.astro
14:02:27 Task 2 completed
→ Working on Task 3
Feature 2
AI Agent Tracking
Monitor agent sessions, logs, and progress in real-time
- Live session logsSee exactly what the agent is doing right now
- Timestamped eventsFull audit trail of every action
- Level indicatorsInfo, success, warning, error highlighted
- Pause and inspectStop execution anytime to check state
UN-3
Review Scroll Feature Showcase
Agent Summary
Added FeatureShowcase component with sticky pin + progressive reveal. 4 DevFlow mockups implemented.
Commits
a1b2c3d feat: add FeatureShowcase component
e4f5g6h feat: add DevFlow FlowCard mockup
i7j8k9l feat: add DevFlow AgentSession mockup
Feature 3
Review Gates
Human approval required before code ships
- Agent summaryWhat was implemented and why
- Testing instructionsExact steps to verify the changes
- Commit listAll commits with SHAs and messages
- Approve or rejectClear decision before merge
Tasks
2/4 completedFeature 4
Task Management
Acceptance criteria and progress tracking per flow
- Granular tasksEach flow broken into small units
- Checkable progressTick off tasks as they complete
- Acceptance criteriaEvery task has measurable success criteria
- Progress visibilitySee flow progress at a glance
Built With
TypeScript Angular Firebase MCP Protocol Node.js Claude Code