🔍 Design System Shock Report

Let me show you the horror show you've created

Project: {{PROJECT_NAME}}
Scanned: {{SCAN_DATE}}
Path: {{SCAN_PATH}}
Files Analyzed: {{TOTAL_FILES}}

📊 Executive Summary

Unique Patterns Found
{{TOTAL_PATTERNS}}
Across {{PATTERN_CATEGORIES}} categories
Total Usage Instances
{{TOTAL_INSTANCES}}
{{REDUNDANCY_FACTOR}}x redundancy factor
Monthly Waste
${{MONTHLY_WASTE}}
${{ANNUAL_WASTE}}/year in maintenance
Potential Savings
${{ANNUAL_SAVINGS}}
After consolidation

😱 The Horror Show

{{PATTERN_TYPE_1}} Variations ({{PATTERN_COUNT_1}} unique)

You have {{PATTERN_COUNT_1}} different {{PATTERN_TYPE_1}} implementations when you should have {{CONSOLIDATED_COUNT_1}}.

{{#EACH_PATTERN_1}}
{{PATTERN_NAME}}
Used {{USAGE_COUNT}} times
{{/EACH_PATTERN_1}}

{{PATTERN_TYPE_2}} Variations ({{PATTERN_COUNT_2}} unique)

{{PATTERN_COUNT_2}} different colors detected. Industry standard: 10-15 tokens.

{{#EACH_PATTERN_2}}
{{COLOR_HEX}}
{{USAGE_PERCENTAGE}}% usage
{{/EACH_PATTERN_2}}

✨ Consolidated Future State

What Your System Should Look Like

{{TOTAL_PATTERNS}} patterns → {{CONSOLIDATED_PATTERNS}} patterns
Reduction: {{REDUCTION_PERCENTAGE}}%
{{TOTAL_PATTERNS}}
Before
{{CONSOLIDATED_PATTERNS}}
After

Recommended Minimal Set

{{#EACH_CONSOLIDATED_PATTERN}}
{{CONSOLIDATED_NAME}}
Replaces {{REPLACES_COUNT}} variations
{{/EACH_CONSOLIDATED_PATTERN}}

💰 Cost Analysis & ROI

Monthly Maintenance Costs

Current: {{TOTAL_PATTERNS}} patterns × {{HOURS_PER_PATTERN}}h/month × ${{HOURLY_RATE}}/hour ${{MONTHLY_COST_BEFORE}}
After: {{CONSOLIDATED_PATTERNS}} patterns × {{HOURS_PER_PATTERN}}h/month × ${{HOURLY_RATE}}/hour ${{MONTHLY_COST_AFTER}}
Monthly Savings ${{MONTHLY_SAVINGS}}

Annual Projection

Annual Maintenance Waste (Current) ${{ANNUAL_WASTE}}
Annual Maintenance Cost (After) ${{ANNUAL_COST_AFTER}}
Implementation Investment ${{IMPLEMENTATION_COST}}
Annual Savings ${{ANNUAL_SAVINGS}}

ROI Metrics

ROI Ratio {{ROI_RATIO}}x
Breakeven Timeline {{BREAKEVEN_DAYS}} days
3-Year Total Savings ${{THREE_YEAR_SAVINGS}}

🗓️ Estimated Migration Timeline

1
Phase 1: Foundation ({{PHASE_1_DURATION}})
Deploy token system, no visual changes. Zero risk.
2
Phase 2: High-Impact Patterns ({{PHASE_2_DURATION}})
Replace top 3 most-used components. Immediate ROI.
3
Phase 3: Long-Tail Cleanup ({{PHASE_3_DURATION}})
Consolidate remaining patterns. Medium risk.
4
Phase 4: Enforcement ({{PHASE_4_DURATION}})
CI/CD validation prevents regression. Low risk.

Total Estimated Timeline: {{TOTAL_DURATION}}

Phased approach minimizes disruption. Each phase completes independently.

Generated by Brad (Design System Architect)

🤖 Generated with Claude Code

For questions about this report, activate Brad: *agent design-system