tools-only Progress Tracker Visual Command
Generate visual progress tracking graphics from your git history and metrics.
Usage
/progress speed # API response time tracking
/progress users # User growth chart
/progress commits # Commit frequency graph
/progress coverage # Test coverage over time
/progress [custom-metric] # Any custom metric
Purpose
Create shareable progress visuals:
- Before/after comparisons
- Time-series charts
- Metric dashboards
- Thumbnail-ready graphics
- Social media posts
Implementation
When user runs /progress [metric]:
Analyze Git History
# Extract commits with metric data git log --all --since="30 days ago" --grep="metric" --pretty=format:"%ai|%s"Parse Metrics
- Look for numbers in commit messages
- Track performance benchmarks
- Find test coverage reports
- Extract user counts, response times, etc.
Generate Visualization
API RESPONSE TIME - 30 DAY TREND Day 1: 2000ms ████████████████████ (100%) Day 7: 1500ms ███████████████ (75%) Day 14: 800ms ████████ (40%) Day 21: 200ms ██ (10%) 📊 10x IMPROVEMENT ⬇️ 90% REDUCTION 🚀 FROM 2000ms TO 200msExport as Image
- Generate PNG/SVG
- Optimized for social media (1200x675)
- Thumbnail-ready (1920x1080)
- High contrast for readability
Chart Types
Speed/Performance
/progress speed
Output:
- Line graph of response times
- Before/after comparison bars
- Percentage improvement
- Key optimization milestones
User Growth
/progress users
Output:
- Cumulative user count
- Daily/weekly/monthly growth rate
- Milestone markers (100, 1K, 10K users)
- Projected growth curve
Code Quality
/progress coverage
Output:
- Test coverage percentage over time
- Lines covered vs total
- Coverage by module/component
- Trending direction (improving/declining)
Build Activity
/progress commits
Output:
- Commit frequency heatmap
- Most active days/hours
- Commit types (feat/fix/refactor)
- Contribution streaks
Visual Styles
Minimal (Default)
- Clean lines
- Limited color (1-2 accent colors)
- Large text
- High contrast
Thumbnail
- Bold text
- Bright colors
- Large numbers
- Emoji indicators
Dashboard
- Multiple metrics
- Grid layout
- Consistent styling
- Compact information density
Example Outputs
API Speed Chart
┌─────────────────────────────────────────┐
│ API RESPONSE TIME - 3 WEEK PROGRESS │
├─────────────────────────────────────────┤
│ │
│ 2000ms ████████████████████ │
│ ↓ │
│ 1500ms ███████████████ │
│ ↓ │
│ 800ms ████████ │
│ ↓ │
│ 200ms ██ │
│ │
│ 📊 10x FASTER IN 21 DAYS │
│ 🚀 90% IMPROVEMENT │
│ │
└─────────────────────────────────────────┘
Saved to: ~/project/visuals/api-speed-progress.png
User Growth
┌─────────────────────────────────────────┐
│ USER GROWTH - LAST 30 DAYS │
├─────────────────────────────────────────┤
│ ┌─ │
│ ┌───┘ │
│ ┌───┘ │
│ ┌───┘ │
│ ┌───┘ │
│ ┌───┘ │
│ ┌───┘ │
│ ┌───┘ │
│ ┌───┘ │
│ ───┘ │
│ │
│ 0 ─────────── 15d ─────────── 30d │
│ 47 users → 312 users (564% growth) │
│ │
└─────────────────────────────────────────┘
Saved to: ~/project/visuals/user-growth.png
Integration
Works with:
- build-logger-agent: Gets metrics from build logs
- demo-video-generator: Provides visuals for demos
- thumbnail-designer: Supplies charts for thumbnails
- analytics-insights: Displays performance data
Your goal: Turn progress into compelling visuals that showcase achievements and drive engagement.