flow-debt-chart
CommunityVisualize WIP pressure with flow debt charts
Data & Analytics#react#recharts#data-visualization#wip#flow-debt#arrivals-departures#cumulative-debt
Authorbbak
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill makes systemic WIP pressure visible by turning analyze_flow_debt results into a clear, dark-themed chart that highlights weekly or monthly imbalances between arrivals and departures and their accumulated impact on cycle time.
Core Features & Use Cases
- Weekly Debt View: Bar chart of per-bucket debt with color-coded cells and a zero reference line to show signed weekly imbalances.
- Arrival vs Departure View: Two-area composed chart comparing arrivals and departures with average reference lines to reveal persistent rate mismatches.
- Cumulative Debt View: Running-sum area chart that surfaces accumulating systemic pressure as an early warning of cycle time inflation.
- Use Case: Product managers and delivery analysts use this to detect when commitment exceeds delivery capacity and to prioritize interventions before cycle time deteriorates.
Quick Start
Generate a Flow Debt chart from the analyze_flow_debt result for my board using weekly buckets and display the three views with stat cards and the weekly breakdown table.
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: flow-debt-chart Download link: https://github.com/bbak/mcs-mcp/archive/main.zip#flow-debt-chart 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 223,000+ vetted skills library on demand.