@champpaba/claude-agent-kit 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/.claude/CHANGELOG-v1.1.1.md +259 -259
  2. package/.claude/CLAUDE.md +196 -31
  3. package/.claude/agents/01-integration.md +106 -552
  4. package/.claude/agents/02-uxui-frontend.md +188 -850
  5. package/.claude/agents/03-test-debug.md +152 -521
  6. package/.claude/agents/04-frontend.md +169 -549
  7. package/.claude/agents/05-backend.md +132 -661
  8. package/.claude/agents/06-database.md +149 -698
  9. package/.claude/agents/_shared/README.md +57 -0
  10. package/.claude/agents/_shared/agent-boundaries.md +64 -0
  11. package/.claude/agents/_shared/documentation-policy.md +47 -0
  12. package/.claude/agents/_shared/package-manager.md +59 -0
  13. package/.claude/agents/_shared/pre-work-checklist.md +57 -0
  14. package/.claude/commands/cdev.md +36 -61
  15. package/.claude/commands/csetup.md +15 -14
  16. package/.claude/commands/cstatus.md +60 -60
  17. package/.claude/commands/cview.md +364 -364
  18. package/.claude/commands/designsetup.md +1 -1
  19. package/.claude/commands/pageplan.md +53 -177
  20. package/.claude/contexts/design/accessibility.md +611 -611
  21. package/.claude/contexts/design/box-thinking.md +1 -1
  22. package/.claude/contexts/design/index.md +1 -1
  23. package/.claude/contexts/design/layout.md +400 -400
  24. package/.claude/contexts/design/responsive.md +551 -551
  25. package/.claude/contexts/design/shadows.md +522 -522
  26. package/.claude/contexts/design/typography.md +465 -465
  27. package/.claude/contexts/domain/README.md +164 -164
  28. package/.claude/contexts/patterns/agent-coordination.md +388 -388
  29. package/.claude/contexts/patterns/agent-discovery.md +2 -2
  30. package/.claude/contexts/patterns/animation-patterns.md +1 -1
  31. package/.claude/contexts/patterns/change-workflow.md +541 -538
  32. package/.claude/contexts/patterns/code-standards.md +10 -8
  33. package/.claude/contexts/patterns/development-principles.md +513 -513
  34. package/.claude/contexts/patterns/error-handling.md +478 -478
  35. package/.claude/contexts/patterns/error-recovery.md +365 -365
  36. package/.claude/contexts/patterns/frontend-component-strategy.md +1 -1
  37. package/.claude/contexts/patterns/logging.md +424 -424
  38. package/.claude/contexts/patterns/performance-optimization.md +1 -1
  39. package/.claude/contexts/patterns/task-breakdown.md +452 -452
  40. package/.claude/contexts/patterns/task-classification.md +523 -523
  41. package/.claude/contexts/patterns/tdd-classification.md +516 -516
  42. package/.claude/contexts/patterns/testing.md +413 -413
  43. package/.claude/contexts/patterns/ui-component-consistency.md +3 -3
  44. package/.claude/contexts/patterns/validation-framework.md +779 -776
  45. package/.claude/lib/README.md +4 -4
  46. package/.claude/lib/agent-executor.md +31 -40
  47. package/.claude/lib/agent-router.md +450 -572
  48. package/.claude/lib/context-loading-protocol.md +19 -36
  49. package/.claude/lib/detailed-guides/agent-system.md +43 -121
  50. package/.claude/lib/detailed-guides/taskmaster-analysis.md +1 -1
  51. package/.claude/lib/document-loader.md +22 -25
  52. package/.claude/lib/flags-updater.md +461 -469
  53. package/.claude/lib/tdd-classifier.md +345 -345
  54. package/.claude/lib/validation-gates.md +484 -484
  55. package/.claude/settings.local.json +42 -42
  56. package/.claude/templates/STYLE_GUIDE.template.md +1 -1
  57. package/.claude/templates/context-template.md +45 -45
  58. package/.claude/templates/design-context-template.md +1 -1
  59. package/.claude/templates/flags-template.json +42 -42
  60. package/.claude/templates/phases-sections/accessibility-test.md +17 -17
  61. package/.claude/templates/phases-sections/api-design.md +37 -37
  62. package/.claude/templates/phases-sections/backend-tests.md +16 -16
  63. package/.claude/templates/phases-sections/backend.md +37 -37
  64. package/.claude/templates/phases-sections/business-logic-validation.md +16 -16
  65. package/.claude/templates/phases-sections/component-tests.md +17 -17
  66. package/.claude/templates/phases-sections/contract-backend.md +16 -16
  67. package/.claude/templates/phases-sections/contract-frontend.md +16 -16
  68. package/.claude/templates/phases-sections/database.md +35 -35
  69. package/.claude/templates/phases-sections/e2e-tests.md +16 -16
  70. package/.claude/templates/phases-sections/fix-implementation.md +17 -17
  71. package/.claude/templates/phases-sections/frontend-integration.md +18 -18
  72. package/.claude/templates/phases-sections/frontend-mockup.md +126 -123
  73. package/.claude/templates/phases-sections/manual-flow-test.md +15 -15
  74. package/.claude/templates/phases-sections/manual-ux-test.md +16 -16
  75. package/.claude/templates/phases-sections/refactor-implementation.md +17 -17
  76. package/.claude/templates/phases-sections/refactor.md +16 -16
  77. package/.claude/templates/phases-sections/regression-tests.md +15 -15
  78. package/.claude/templates/phases-sections/responsive-test.md +16 -16
  79. package/.claude/templates/phases-sections/script-implementation.md +43 -43
  80. package/.claude/templates/phases-sections/test-coverage.md +16 -16
  81. package/.claude/templates/phases-sections/user-approval.md +14 -14
  82. package/LICENSE +21 -21
  83. package/README.md +511 -133
  84. package/package.json +1 -1
package/README.md CHANGED
@@ -265,10 +265,6 @@ cd my-app
265
265
  ```bash
266
266
  # Initialize the agent system
267
267
  cak init
268
-
269
- # Setup project context (detects tech stack)
270
- # In Claude Code:
271
- /psetup
272
268
  ```
273
269
 
274
270
  ### Step 3: Generate Page Plan (UI tasks only)
@@ -429,9 +425,8 @@ your-project/
429
425
 
430
426
  ├── commands/ # Slash commands
431
427
  │ ├── designsetup.md # Generate style guide
432
- │ ├── pageplan.md # Generate page plan (NEW!)
433
- │ ├── psetup.md # Project setup
434
- │ ├── csetup.md # Change setup
428
+ │ ├── pageplan.md # Generate page plan
429
+ │ ├── csetup.md # Change setup (v1.8.0: includes best-practices)
435
430
  │ ├── cdev.md # Change development
436
431
  │ ├── cview.md # View progress
437
432
  │ └── cstatus.md # Quick status
@@ -489,17 +484,18 @@ your-project/
489
484
  - Tracks progress in `flags.json`
490
485
  - Updates completion status back to OpenSpec
491
486
 
492
- ### ✅ Auto-Generated Best Practices
487
+ ### ✅ Auto-Generated Best Practices (v1.8.0)
493
488
 
494
- Uses Context7 MCP to fetch latest framework docs:
489
+ Uses Context7 MCP to fetch latest framework docs **automatically during `/csetup`**:
495
490
 
496
491
  ```bash
497
- /psetup
498
- # → Detects: Next.js 15, React 18, Prisma 6
499
- # → Generates: .claude/contexts/domain/{project}/best-practices/
500
- # - nextjs-15.md
501
- # - react-18.md
502
- # - prisma-6.md
492
+ /csetup my-feature
493
+ # → Auto-detects: Next.js 15, React 18, Prisma 6
494
+ # → Auto-generates: .claude/contexts/domain/project/best-practices/
495
+ # - nextjs.md
496
+ # - react.md
497
+ # - prisma.md
498
+ # → Agents MUST read these before coding (validated)
503
499
  ```
504
500
 
505
501
  ### ✅ 3-Level Project Indexing
@@ -621,29 +617,19 @@ cak --help
621
617
 
622
618
  ---
623
619
 
624
- ### `/psetup` - Setup project (one-time)
625
-
626
- ```bash
627
- /psetup
628
- ```
629
-
630
- **What it does:**
631
- - Detects tech stack (Next.js, React, Prisma, etc.)
632
- - Creates `domain/{project}/README.md`
633
- - Generates best practices via Context7 MCP
634
-
635
- ---
636
-
637
- ### `/csetup {change-id}` - Setup change context
620
+ ### `/csetup {change-id}` - Setup change context (v1.8.0)
638
621
 
639
622
  ```bash
640
623
  /csetup landing-page
641
624
  ```
642
625
 
643
- **What it does:**
626
+ **What it does (v1.8.0 - now includes best practices setup):**
644
627
  - Reads `proposal.md` (business context)
645
628
  - Reads `tasks.md` (implementation checklist)
629
+ - Reads `design.md` (architecture, if exists)
646
630
  - Reads `page-plan.md` (if exists - UI content plan)
631
+ - **Auto-detects tech stack** from package.json, design.md, proposal
632
+ - **Auto-generates best practices** from Context7 MCP (replaces `/psetup`)
647
633
  - Classifies tasks by agent
648
634
  - Generates `workflow.md` (execution plan)
649
635
 
@@ -919,44 +905,63 @@ Built with:
919
905
 
920
906
  ## 🆕 What's New in v2.0.0
921
907
 
922
- **Major Release: Design System v2.0.0 - Interactive Setup & Smart Page Planning** 🎨
908
+ **Two Major Improvements:** Claude 4.5 Optimization + Design System v2.0 🚀🎨
923
909
 
924
- ### Complete Design System Overhaul
910
+ ### Part 1: Claude 4.5 Optimization
925
911
 
926
- **Problem Solved:**
927
- - Before: One massive STYLE_GUIDE.md loaded everywhere (~5000 tokens)
928
- - Before: No theme direction, random decorations
929
- - Before: Same patterns loaded for landing pages AND dashboards
930
- - Before: Manual style selection with no recommendations
912
+ 1. **Claude 4.5 Best Practices** - All files refactored for better AI comprehension
913
+ 2. **Professional Tone** - Replaced aggressive language with respectful instructions
914
+ 3. **Positive Instructions** - "Use X" instead of "Don't do Y" with WHY explanations
915
+ 4. **Token Reduction** - Agent files ~65% smaller + 30 supporting files optimized
916
+ 5. **Shared Components** - New `.claude/agents/_shared/` folder prevents duplication
931
917
 
932
- **Solution Implemented:**
933
- - ✅ `/extract` - Extract design from multiple reference sites
934
- - ✅ `/designsetup` - Interactive 3-round loop with theme recommendations
935
- - ✅ `tokens.json` - Smart design tokens with style/theme/animations (~800 tokens)
936
- - ✅ `patterns/*.md` - Selective code patterns based on page type
937
- - ✅ Auto page type detection (landing/dashboard/auth)
918
+ ### Tone Calibration
938
919
 
939
- **Results:**
940
- - **84% token reduction** (~800 vs ~5000 tokens)
941
- - **Theme consistency** (USE/AVOID decorations enforced)
942
- - **Smart patterns** (only load what's needed per page type)
943
- - **Interactive setup** (AI recommends, user confirms)
920
+ | Before | After | WHY |
921
+ |--------|-------|-----|
922
+ | "MUST", "WILL BE REJECTED" | Professional tone | Claude 4.5 works better with respectful instructions |
923
+ | "Don't do X", "Never Y" | "Use X instead" | Positive instructions are clearer |
924
+ | "🚨 CRITICAL!", "🚫 Forbidden" | "📋 Guidelines", "⚠️ Note" | Less aggressive, same clarity |
925
+ | Rules without context | Rules with WHY | Claude applies rules more intelligently |
944
926
 
945
- ### New Flow
927
+ ### New Shared Components
946
928
 
947
929
  ```
948
- /extract https://site.com → .claude/extractions/*.json
949
-
950
- /designsetup @prd.md tokens.json + patterns/*.md + STYLE_GUIDE.md
951
-
952
- /pageplan @prd.md page-plan.md (auto-detects page type)
953
-
954
- /csetup → phases.md (reads page-plan.md)
955
-
956
- /cdev → uxui-frontend (loads patterns selectively)
930
+ .claude/agents/_shared/
931
+ ├── pre-work-checklist.md # Common validation steps
932
+ ├── package-manager.md # Package manager protocol
933
+ ├── documentation-policy.md # What files to create
934
+ ├── agent-boundaries.md # When to use which agent
935
+ └── README.md # Overview
957
936
  ```
958
937
 
959
- ### Page Type Auto-Detection
938
+ ### Token Savings (Agents)
939
+
940
+ | Agent | Before | After | Reduction |
941
+ |-------|--------|-------|-----------|
942
+ | uxui-frontend | ~1037 | ~375 | 64% |
943
+ | integration | ~600 | ~210 | 65% |
944
+ | backend | ~700 | ~244 | 65% |
945
+ | database | ~680 | ~273 | 60% |
946
+ | frontend | ~650 | ~296 | 54% |
947
+ | test-debug | ~580 | ~252 | 57% |
948
+ | **Total** | **~4247** | **~1650** | **61%** |
949
+
950
+ Plus ~500 tokens in shared files = **~2150 total** (was ~4247)
951
+
952
+ ### Part 2: Design System v2.0
953
+
954
+ **Complete overhaul of design system with interactive setup, theme selection, and smart page planning.**
955
+
956
+ ### New Design System Features
957
+
958
+ - 🎯 **`/extract`** - Multi-URL design extraction with style detection
959
+ - 🎭 **`/designsetup`** - Interactive 3-round loop with theme recommendations
960
+ - 📦 **`tokens.json`** - Enhanced design tokens with style/theme/animations (~800 tokens)
961
+ - 📝 **`patterns/*.md`** - Selective code patterns (buttons, cards, forms, scroll-animations, decorations)
962
+ - 🔍 **Auto Page Type Detection** - `/pageplan` auto-detects landing/dashboard/auth
963
+
964
+ ### Page Type Handling
960
965
 
961
966
  | Page Type | Decorations | Scroll Anims | Buyer Avatar | Patterns Loaded |
962
967
  |-----------|-------------|--------------|--------------|-----------------|
@@ -964,53 +969,333 @@ Built with:
964
969
  | Dashboard/Admin | ❌ Minimal | ❌ Disabled | ❌ Skipped | buttons, cards, forms |
965
970
  | Auth (Login/Register) | ❌ None | ❌ Disabled | ❌ Skipped | buttons, forms |
966
971
 
967
- ### New Features
972
+ ### Design System Token Savings
973
+
974
+ | Approach | Tokens | Improvement |
975
+ |----------|--------|-------------|
976
+ | Old: Full STYLE_GUIDE.md | ~5000 | - |
977
+ | New: tokens.json + selective patterns | ~800-1200 | **84%** |
978
+
979
+ ### Files Refactored (36 total)
980
+
981
+ - **6 agent files** - Professional tone, positive instructions
982
+ - **6 lib files** - WHY explanations, table formats
983
+ - **4 command files** - Softer language, guidelines
984
+ - **11 pattern files** - "⚠️ Common Mistakes" instead of "🚨 Critical"
985
+ - **3 design files** - "should check" instead of "MUST check"
986
+ - **3 template files** - Table with WHY
987
+ - **3 other lib files** - Consistent formatting
988
+
989
+ ### Best Practices Applied (Claude 4 Guidelines)
990
+
991
+ 1. **Tone Calibration** - Professional, direct (not aggressive)
992
+ 2. **Action Orientation** - Explicit "Write code" vs "Consider"
993
+ 3. **Prevent Overengineering** - Clear boundaries
994
+ 4. **Encourage Exploration** - Read before implementing
995
+ 5. **Rich Output When Needed** - Specify requirements
996
+ 6. **Context for Rules** - Explain WHY
997
+ 7. **Positive Instructions** - "Use X" not "Don't Y"
998
+
999
+ ---
1000
+
1001
+ ## 📋 What's New in v1.7.1
1002
+
1003
+ **Patch: OpenSpec File Naming Conventions - Clarify design.md vs STYLE_GUIDE.md** 📁
1004
+
1005
+ ### The Issue
1006
+
1007
+ Users were confused between two files with similar names:
1008
+ - `design.md` (from OpenSpec) = Technical/Architecture decisions
1009
+ - `STYLE_GUIDE.md` (from Template) = Visual design (colors, fonts, spacing)
1010
+
1011
+ ### The Fix
1012
+
1013
+ Added clear documentation in CLAUDE.md and agent-discovery.md:
1014
+
1015
+ | Source | File | Purpose |
1016
+ |--------|------|---------|
1017
+ | **OpenSpec** | `design.md` | Technical Architecture (API structure, data flow) |
1018
+ | **Template** | `STYLE_GUIDE.md` | Visual Design (colors, typography, spacing) |
1019
+
1020
+ ### Updated Files
1021
+
1022
+ - `CLAUDE.md` - New "📁 File Naming Conventions" section
1023
+ - `agent-discovery.md` - Added notes explaining design.md vs STYLE_GUIDE.md
968
1024
 
969
- **`/extract` command:**
970
- - Multi-URL support (extract from multiple sites)
971
- - Style detection (Neo-Brutalism, Minimalist, Glassmorphism, Modern SaaS)
972
- - Animation library detection (GSAP, ScrollTrigger, Framer Motion)
973
- - Scroll pattern detection (stacking-cards, parallax, fade-in)
974
- - Decorative element detection (blobs, gradients, 3D elements)
1025
+ ### No Breaking Changes
975
1026
 
976
- **`/designsetup` v2.0.0:**
977
- - Interactive 3-round loop (Present → Feedback → Adjust)
978
- - Verbose style options with match scores
979
- - AI recommends themes based on project context
980
- - USE/AVOID decorative direction
1027
+ All existing workflows continue to work. This is a documentation improvement only.
1028
+
1029
+ ---
1030
+
1031
+ ## 📋 What's New in v1.7.0
1032
+
1033
+ **Feature: Opus 4.5 Model Upgrade - All Subagents Now Use Latest Claude Model** 🧠
1034
+
1035
+ ### The Change
1036
+
1037
+ All 6 specialized agents now use **Claude Opus 4.5** (the latest and most capable Claude model) instead of Haiku:
1038
+
1039
+ | Agent | Model (Before) | Model (After) |
1040
+ |-------|----------------|---------------|
1041
+ | integration | haiku | **opus** |
1042
+ | uxui-frontend | haiku | **opus** |
1043
+ | test-debug | haiku | **opus** |
1044
+ | frontend | haiku | **opus** |
1045
+ | backend | haiku | **opus** |
1046
+ | database | haiku | **opus** |
1047
+
1048
+ ### Benefits
1049
+
1050
+ - ✅ **Best-in-class reasoning** - Opus 4.5 handles complex multi-step tasks better
1051
+ - ✅ **Improved code quality** - More accurate implementations with fewer errors
1052
+ - ✅ **Better context understanding** - Agents maintain context over longer sessions
1053
+ - ✅ **Enhanced problem-solving** - Complex debugging and architectural decisions improved
1054
+
1055
+ ### Updated Files
1056
+
1057
+ - All agent files (`.claude/agents/*.md`) - `model: opus`
1058
+ - `/cdev` command - Model strategy updated
1059
+ - `agent-executor.md` - Task invocation uses opus
1060
+
1061
+ ### No Breaking Changes
1062
+
1063
+ All existing workflows continue to work exactly as before, just with better performance!
1064
+
1065
+ ---
1066
+
1067
+ ## 🔄 What's New in v1.6.0
1068
+
1069
+ **Feature: Incremental Testing - Milestone-based Validation for High-Risk Tasks** 🔄
1070
+
1071
+ ### The Problem: All-or-Nothing Testing
1072
+
1073
+ **Before v1.6.0:**
1074
+ ```
1075
+ Task: "Integrate Google Maps API"
1076
+ → Agent implements complete solution (1000 locations)
1077
+ → Tests with full dataset
1078
+ → Bug found → Hard to debug (which part failed?)
1079
+ → Fix → Retest full dataset → Slow iteration
1080
+
1081
+ Problem:
1082
+ ❌ Large scope = hard to debug
1083
+ ❌ Late bug detection (at scale)
1084
+ ❌ Rework expensive (threw away 1000-location implementation)
1085
+ ❌ No confidence in progressive scaling
1086
+ ```
1087
+
1088
+ **After v1.6.0:**
1089
+ ```
1090
+ Task: "Integrate Google Maps API"
1091
+ → Milestone 1: Test 1 location (hardcoded)
1092
+ → Bug found → Easy to debug (small scope)
1093
+ → Fix → Retest 1 location → Fast iteration
1094
+ → Milestone 2: Test 10 locations (parameterized)
1095
+ → Works! Confidence++
1096
+ → Milestone 3: Error handling
1097
+ → Refine edge cases
1098
+ → Milestone 4: Scale to 1000
1099
+ → Already confident (1 and 10 worked)
1100
+
1101
+ Benefits:
1102
+ ✅ Small scope = easy debugging
1103
+ ✅ Early bug detection (at milestone 1)
1104
+ ✅ Low rework (fix before scaling)
1105
+ ✅ Progressive confidence
1106
+ ```
1107
+
1108
+ ### The Solution: Milestone-based Validation
1109
+
1110
+ **Automatic Detection:** `/csetup` detects high-risk tasks automatically
1111
+ - Risk = HIGH (payment, auth, security)
1112
+ - Risk = MEDIUM + Complexity ≥ 7 (complex forms)
1113
+ - External API dependency (Google Maps, Stripe, OpenAI)
1114
+ - Data-intensive operation (ETL, migration, batch processing)
1115
+
1116
+ **3 Milestone Patterns:**
1117
+
1118
+ 1. **Backend API Integration** (4 milestones)
1119
+ - M1: Core implementation (1 record, hardcoded)
1120
+ - M2: Parameterized query (10 records, dynamic)
1121
+ - M3: Error handling (invalid input, timeouts)
1122
+ - M4: Scale + performance (100-1000 records)
1123
+
1124
+ 2. **Complex Form** (3 milestones)
1125
+ - M1: Architecture + skeleton (2-3 critical fields)
1126
+ - M2: E2E flow validation (submit → API → DB)
1127
+ - M3: Complete all fields (all 20 fields + validation)
1128
+
1129
+ 3. **Database Migration / ETL** (3 milestones)
1130
+ - M1: Dry-run (10 records)
1131
+ - M2: Scale to 100 records
1132
+ - M3: Full dataset (staging)
1133
+
1134
+ ### Round-based Retry Logic
1135
+
1136
+ **Per-Milestone Quota:**
1137
+ - **2 attempts per round** (not total)
1138
+ - **Unlimited rounds** (Main Claude decides when to stop)
1139
+ - **Hints reset quota** (fresh start)
1140
+
1141
+ **Example:**
1142
+ ```
1143
+ Milestone 1: Core implementation
1144
+ → Round 1: Attempt 1 ❌ (API key missing)
1145
+ → Round 1: Attempt 2 ❌ (Still missing)
1146
+ → Main Claude: "Check API_KEY env variable" 💡
1147
+ → Round 2: Attempt 1 ✅ (Fixed!)
1148
+
1149
+ Total attempts: 3 (2 in Round 1, 1 in Round 2)
1150
+ ```
981
1151
 
982
- **`tokens.json` v2.0.0:**
983
- - `style` - Detected design style with confidence
984
- - `theme` - Theme name, feeling, decorative direction
985
- - `animations` - Libraries, patterns, component animations
986
- - `patterns_index` - References to pattern files
1152
+ ### Main Claude Intervention
987
1153
 
988
- **`patterns/*.md` files:**
989
- - `buttons.md` - Button patterns (primary, secondary, ghost, sizes, states)
990
- - `cards.md` - Card patterns (default, interactive, feature, pricing)
991
- - `forms.md` - Form patterns (input, error state, select, checkbox)
992
- - `scroll-animations.md` - Scroll animation patterns
993
- - `decorations.md` - Decorative elements (gradients, blobs, grids)
1154
+ **Decision Matrix:**
994
1155
 
995
- ### Upgrading to v2.0.0
1156
+ | Error Pattern | Complexity | Confidence | Action |
1157
+ |---------------|------------|------------|--------|
1158
+ | Same error 2x | SIMPLE | HIGH | Give Hints |
1159
+ | Same error 2x | COMPLEX | LOW | Ask Human |
1160
+ | Different errors | ANY | ANY | Ask Human |
1161
+ | Intermittent | ANY | ANY | Ask Human |
1162
+ | 2+ rounds no progress | ANY | ANY | Ask Human |
1163
+
1164
+ **Pattern-based Hints:**
1165
+ - 401 Unauthorized → Check API_KEY, verify key validity
1166
+ - Timeout → Increase threshold, check network
1167
+ - Schema mismatch → Compare actual vs expected, check API version
1168
+
1169
+ ### Benefits & Trade-offs
1170
+
1171
+ **Benefits:**
1172
+ - ✅ **75% faster debug** - Catch bugs at M1 (1 record) vs M4 (1000 records)
1173
+ - ✅ **60-70% rework reduction** - Fix before scaling
1174
+ - ✅ **80% faster debugging** - Small scope (1 record) vs full dataset
1175
+ - ✅ **90% success rate** - Progressive confidence at M4
1176
+ - ✅ **40-50% net speedup** - +15-20% time upfront → -60-70% rework time
1177
+
1178
+ **Trade-offs:**
1179
+ - ⚠️ **Timeline:** +15-20% upfront (but saves 60-70% rework)
1180
+ - ⚠️ **Complexity:** phases.md 2-3x longer (summary table at top)
1181
+ - ⚠️ **Learning curve:** More coordination (automated by `/csetup`)
1182
+
1183
+ **Net benefit:** +15-20% time → -60-70% rework = **40-50% faster overall**
1184
+
1185
+ ### When to Use Incremental Testing
1186
+
1187
+ **✅ Use for:**
1188
+ - Payment integration, Auth systems (HIGH risk)
1189
+ - Complex forms with 20+ fields (Complexity ≥ 7)
1190
+ - External APIs (Google Maps, Stripe, OpenAI)
1191
+ - Data migrations, ETL pipelines (data-intensive)
1192
+
1193
+ **❌ Skip for:**
1194
+ - Simple CRUD operations (LOW risk, Complexity < 5)
1195
+ - UI components (standard testing sufficient)
1196
+ - Configuration changes (no integration testing needed)
1197
+
1198
+ **Detection Rate:** ~20-30% of tasks (only high-risk)
1199
+
1200
+ ---
1201
+
1202
+ ## 🎉 What's New in v1.4.0
1203
+
1204
+ **Major Update: Context Optimization & DRY Consolidation**
1205
+
1206
+ ### Token Efficiency Improvements
1207
+
1208
+ **Problem Solved:**
1209
+ - Before v1.4.0: Same documentation duplicated across 6 agent files + CLAUDE.md
1210
+ - Package Manager warnings: 360 lines duplicated 6x
1211
+ - Context Loading Strategy: 1,200 lines duplicated 6x
1212
+ - TDD Workflow examples: 1,200 lines duplicated 3x
1213
+ - Handoff templates: 900 lines duplicated 6x
1214
+ - Documentation policies: 480 lines duplicated 6x
1215
+ - CLAUDE.md: 890 lines mixing navigation + detailed guides
1216
+
1217
+ **Solution Implemented:**
1218
+ - ✅ Created consolidated lib files (context-loading-protocol.md, handoff-protocol.md, tdd-workflow.md)
1219
+ - ✅ Extracted detailed guides from CLAUDE.md to lib/detailed-guides/
1220
+ - ✅ Applied consistent reference pattern: Brief summary + "→ See: path" + agent-specific additions
1221
+ - ✅ Maintained 100% content quality (all information preserved)
1222
+
1223
+ **Results:**
1224
+ - **All 6 agents:** 6,796 → 4,749 lines (-2,047, -30.1% reduction)
1225
+ - **CLAUDE.md:** 890 → 163 lines (-727, -81.7% reduction)
1226
+ - **Grand Total:** 7,686 → 4,912 lines (-2,774, -36.1% reduction)
1227
+ - **Token savings:** ~36% reduction in total context size
1228
+ - **Speed improvement:** Faster agent loading and execution
1229
+ - **Maintainability:** Single source of truth for shared documentation
1230
+
1231
+ ### New Consolidated Documentation Structure
1232
+
1233
+ **Created in v1.4.0:**
1234
+ ```
1235
+ .claude/lib/
1236
+ ├── context-loading-protocol.md # Universal context loading strategy
1237
+ ├── handoff-protocol.md # Agent handoff templates
1238
+ ├── tdd-workflow.md # TDD workflow examples
1239
+ └── detailed-guides/
1240
+ ├── best-practices-system.md # How best practices work
1241
+ ├── context-optimization.md # Token optimization strategy
1242
+ ├── page-planning.md # /pageplan command guide
1243
+ ├── taskmaster-analysis.md # 6-dimension task analysis
1244
+ ├── design-system.md # Style guide generation
1245
+ └── agent-system.md # Agent overview & workflow
1246
+ ```
1247
+
1248
+ ### Benefits for Users
1249
+
1250
+ **For Developers:**
1251
+ - ⚡ 36% faster context loading
1252
+ - 📖 Cleaner, easier-to-navigate documentation
1253
+ - 🎯 CLAUDE.md is now a pure navigation hub (163 lines)
1254
+ - 🔍 Detailed guides are modular and focused
1255
+
1256
+ **For Claude Agents:**
1257
+ - 🚀 Faster startup (less context to load)
1258
+ - 💾 More token budget for actual work
1259
+ - 📚 Single source of truth (no conflicting info)
1260
+ - 🔄 Easier maintenance (update once, apply everywhere)
1261
+
1262
+ ### Migration Notes
1263
+
1264
+ **No breaking changes!** All existing workflows continue to work:
1265
+ - ✅ `/psetup`, `/csetup`, `/cdev` commands unchanged
1266
+ - ✅ Agent behavior unchanged (same quality, faster execution)
1267
+ - ✅ All features from v1.1-1.3 preserved
1268
+ - ✅ Existing projects can update with `cak update`
1269
+
1270
+ **New Reference Pattern:**
1271
+ Agents now use lightweight references instead of duplicating full documentation:
1272
+
1273
+ ```markdown
1274
+ ## Context Loading Strategy
1275
+
1276
+ **→ See:** `.claude/lib/context-loading-protocol.md` for complete protocol
1277
+
1278
+ **Agent-Specific Additions (frontend):**
1279
+ ### State Management Libraries
1280
+ ...
1281
+ ```
1282
+
1283
+ ### Upgrading to v1.4.1
996
1284
 
997
1285
  ```bash
998
1286
  # Update npm package
999
1287
  npm update -g @champpaba/claude-agent-kit
1000
1288
 
1001
- # Update template in your project
1289
+ # Update template in your project (creates backup)
1002
1290
  cd your-project
1003
1291
  cak update --backup
1004
-
1005
- # Generate new design system
1006
- /extract https://your-reference.com # Optional
1007
- /designsetup @prd.md
1008
1292
  ```
1009
1293
 
1010
- **Breaking Changes:**
1011
- - `STYLE_TOKENS.json` `tokens.json` (new structure)
1012
- - `STYLE_GUIDE.md` no longer contains code (moved to `patterns/*.md`)
1013
- - Commands read `tokens.json` instead of `STYLE_TOKENS.json`
1294
+ **What's New:**
1295
+ - Auto-proceed feature (eliminate double confirmations)
1296
+ - 50-90% fewer approval prompts
1297
+ - 25% faster workflow execution
1298
+ - ✅ All v1.4.0 features (context optimization, DRY consolidation)
1014
1299
 
1015
1300
  All your customizations in `.claude/contexts/domain/` are preserved!
1016
1301
 
@@ -1018,46 +1303,143 @@ All your customizations in `.claude/contexts/domain/` are preserved!
1018
1303
 
1019
1304
  ## 📜 Changelog
1020
1305
 
1021
- ### v2.0.0 (2025-01-28)
1022
- **Major: Design System v2.0.0 - Interactive Setup & Smart Page Planning**
1306
+ ### v2.0.0 (2025-11-30)
1307
+ **Major: Claude 4.5 Optimization - Full Template Refactor**
1023
1308
 
1024
1309
  **Added:**
1025
- - `/extract` command - Multi-URL design extraction with style/animation detection
1026
- - Interactive `/designsetup` - 3-round loop with theme recommendations
1027
- - `tokens.json` v2.0.0 - Enhanced design tokens with style/theme/animations (~800 tokens)
1028
- - `patterns/*.md` files - Selective code patterns (buttons, cards, forms, scroll-animations, decorations)
1029
- - Auto page type detection in `/pageplan` (landing/dashboard/auth)
1310
+ - Shared components folder `.claude/agents/_shared/`
1311
+ - WHY explanations for all rules
1030
1312
 
1031
1313
  **Changed:**
1032
- - `STYLE_TOKENS.json` `tokens.json` (new structure)
1033
- - `STYLE_GUIDE.md` - Human-readable only, code moved to patterns/*.md
1034
- - `/csetup` - Reads tokens.json + page-plan.md
1314
+ - All 6 agent files refactored (~65% smaller)
1315
+ - 30 supporting files updated for Claude 4.5 best practices
1316
+ - "MUST", "CRITICAL" Professional tone
1317
+ - "Don't do X" → "Use Y instead" with WHY
1318
+ - "🚨" → "⚠️" throughout
1035
1319
 
1036
- **Performance:**
1037
- - 84% token reduction (~800 vs ~5000 tokens)
1038
- - Selective pattern loading based on page type
1039
- - Theme consistency with USE/AVOID decorations
1320
+ **Benefits:**
1321
+ - Better AI comprehension with professional tone
1322
+ - 61% token reduction in agent files
1323
+ - No duplication (shared components)
1324
+
1325
+ ---
1326
+
1327
+ ### v1.8.0 (2025-11-26)
1328
+ **Major: Token Optimization & Streamlined Workflow**
1329
+
1330
+ **Removed:**
1331
+ - `/psetup` command - Merged into `/csetup`
1332
+ - `/agentsetup` command - Merged into `/csetup`
1333
+ - `documentation` phase from all templates
1334
+ - `report` phase from all templates
1335
+ - Template files: `documentation.md`, `report.md`
1336
+
1337
+ **Added:**
1338
+ - Auto tech stack detection in `/csetup` (from package.json, design.md, proposal)
1339
+ - Auto best-practices generation from Context7 MCP
1340
+ - Verbose terminal summary when change completes
1341
+ - Temp file auto-cleanup after each phase
1342
+ - Best-practices injection in `/cdev` agent prompts
1343
+ - Forbidden Files section in code-standards.md
1344
+ - Documentation Policy (v1.8.0) in all agents
1345
+
1346
+ **Changed:**
1347
+ - All templates: Reduced phases (removed doc/report)
1348
+ - `/cdev`: Now shows verbose summary instead of creating files
1349
+ - All agents: Updated to reference forbidden files policy
1350
+ - `agent-executor.md`: Added temp file cleanup logic
1351
+ - `agent-discovery.md`: Updated fallback message
1040
1352
 
1041
- **Breaking Changes:**
1042
- - `STYLE_TOKENS.json` renamed to `tokens.json`
1043
- - `STYLE_GUIDE.md` no longer contains code
1044
- - Commands read `tokens.json` instead of `STYLE_TOKENS.json`
1353
+ **Benefits:**
1354
+ - ~25 min saved per change (no doc/report phases)
1355
+ - No more temp file clutter
1356
+ - Simplified workflow (1 command instead of 2)
1357
+ - Better best-practices enforcement (validated)
1045
1358
 
1046
- ### v1.6.0 (2025-01-27)
1047
- **Feature: Page Plan Enhancement - Buyer Avatar & Conversion Copy**
1359
+ ### v1.7.1 (2025-11-25)
1360
+ **Patch: OpenSpec File Naming Conventions**
1048
1361
 
1049
- ### v1.5.1 (2025-01-26)
1050
- **Patch: Git Compatibility Fix**
1362
+ **Added:**
1363
+ - New "📁 File Naming Conventions" section in CLAUDE.md
1364
+ - Clear distinction between OpenSpec files and Template files
1365
+ - Notes in agent-discovery.md explaining design.md purpose
1366
+
1367
+ **Documentation:**
1368
+ - `design.md` (OpenSpec) = Technical Architecture (API, data flow)
1369
+ - `STYLE_GUIDE.md` (Template) = Visual Design (colors, fonts, spacing)
1370
+ - Updated agent reading guidance per role
1371
+
1372
+ ### v1.7.0 (2025-11-25)
1373
+ **Feature: Opus 4.5 Model Upgrade**
1374
+
1375
+ **Changed:**
1376
+ - All 6 agents upgraded from `model: haiku` to `model: opus`
1377
+ - Updated `/cdev` model strategy description
1378
+ - Updated `agent-executor.md` Task invocation
1051
1379
 
1052
- ### v1.5.0 (2025-01-25)
1053
- **Feature: Minor Improvements**
1380
+ **Benefits:**
1381
+ - Best-in-class reasoning with Opus 4.5
1382
+ - Improved code quality and fewer errors
1383
+ - Better context understanding
1384
+ - Enhanced problem-solving for complex tasks
1054
1385
 
1055
1386
  ### v1.4.1 (2025-11-06)
1056
- **Feature: Intelligent Auto-Proceed**
1387
+ **Feature: Intelligent Auto-Proceed - Eliminate Double Confirmations**
1388
+
1389
+ **Added:**
1390
+ - Auto-proceed approval context in agent prompts
1391
+ - Smart detection of user approval keywords ("continue", "proceed", "yes", "ลุยเลย")
1392
+ - Agent question handling logic (auto-respond vs ask user)
1393
+ - Auto-proceed decision tree in agent-executor.md
1394
+
1395
+ **Improved:**
1396
+ - User experience: 50-90% fewer confirmation prompts
1397
+ - Execution speed: 25% faster (no waiting for redundant approvals)
1398
+ - Workflow clarity: User approves once, system handles agent interactions
1399
+
1400
+ **Technical Details:**
1401
+ - Modified: `.claude/lib/agent-executor.md` (+80 lines)
1402
+ - Implementation: Lean solution (1 file, 0.1% context increase)
1403
+ - Backward compatible: Manual approval mode still available
1404
+
1405
+ **When It Activates:**
1406
+ - User runs `/cdev` command (implicit approval)
1407
+ - User says "continue", "proceed", "yes", "ลุยเลย" (explicit approval)
1408
+
1409
+ **Before:**
1410
+ ```
1411
+ User approves → Agent asks → Main asks user again ❌
1412
+ ```
1413
+
1414
+ **After:**
1415
+ ```
1416
+ User approves → Agent asks → Main answers directly ✅
1417
+ ```
1057
1418
 
1058
1419
  ### v1.4.0 (2025-11-05)
1059
1420
  **Major: Context Optimization & DRY Consolidation**
1060
1421
 
1422
+ **Added:**
1423
+ - New consolidated lib files: `context-loading-protocol.md`, `handoff-protocol.md`, `tdd-workflow.md`
1424
+ - New detailed guides folder: `lib/detailed-guides/` (6 focused guides)
1425
+ - Reference pattern across all agents (Brief summary → See: path → Additions)
1426
+
1427
+ **Changed:**
1428
+ - All 6 agents refactored: 30.1% size reduction (6,796 → 4,749 lines)
1429
+ - CLAUDE.md refactored: 81.7% size reduction (890 → 163 lines, pure navigation hub)
1430
+ - Documentation structure: Moved detailed content to modular lib files
1431
+
1432
+ **Performance:**
1433
+ - 36% total context reduction (7,686 → 4,912 lines)
1434
+ - Faster agent loading and execution
1435
+ - More token budget available for actual work
1436
+
1437
+ **Improved:**
1438
+ - Maintainability: Single source of truth for shared docs
1439
+ - Discoverability: Clear navigation in CLAUDE.md
1440
+ - Modularity: Detailed guides in separate files
1441
+ - Consistency: Same content quality, zero duplication
1442
+
1061
1443
  ### v1.3.0 (2025-10-30)
1062
1444
  **Feature: TaskMaster-style Intelligent Task Analysis**
1063
1445
 
@@ -1148,37 +1530,36 @@ All your customizations in `.claude/contexts/domain/` are preserved!
1148
1530
 
1149
1531
  ---
1150
1532
 
1151
- ## 📋 Complete Flow Summary
1533
+ ## 📋 Complete Flow Summary (v1.8.0)
1152
1534
 
1153
1535
  ```
1154
1536
  1️⃣ OpenSpec Planning
1155
- → proposal.md + tasks.md
1537
+ → proposal.md + tasks.md + design.md (optional)
1156
1538
 
1157
- 2️⃣ Generate Style Guide (one-time)
1539
+ 2️⃣ Generate Style Guide (one-time, optional)
1158
1540
  /designsetup
1159
1541
  → STYLE_GUIDE.md
1160
1542
 
1161
- 3️⃣ Setup Project (one-time)
1162
- /psetup
1163
- → domain/{project}/best-practices/
1164
-
1165
- 4️⃣ Generate Page Plan (UI tasks only)
1543
+ 3️⃣ Generate Page Plan (UI tasks only)
1166
1544
  /pageplan @prd.md
1167
1545
  → page-plan.md (content + component plan)
1168
1546
 
1169
- 5️⃣ Setup Change Context
1547
+ 4️⃣ Setup Change Context (v1.8.0: now includes best-practices!)
1170
1548
  /csetup {change-id}
1549
+ → Auto-detects tech stack
1550
+ → Auto-generates best-practices from Context7
1171
1551
  → workflow.md
1172
1552
 
1173
- 6️⃣ Execute Implementation
1553
+ 5️⃣ Execute Implementation
1174
1554
  /cdev {change-id}
1175
1555
  → Working code + tests
1556
+ → Verbose summary in terminal (no temp files!)
1176
1557
 
1177
- 7️⃣ Monitor Progress
1558
+ 6️⃣ Monitor Progress
1178
1559
  /cview {change-id}
1179
1560
  → Detailed progress report
1180
1561
 
1181
- 8️⃣ OpenSpec Archive & Update
1562
+ 7️⃣ OpenSpec Archive & Update
1182
1563
  → Merge to specs/
1183
1564
  ```
1184
1565
 
@@ -1194,15 +1575,12 @@ npm install -g @champpaba/claude-agent-kit
1194
1575
  cd your-project
1195
1576
  cak init
1196
1577
 
1197
- # Setup project context
1198
- /psetup
1199
-
1200
1578
  # Generate style guide (optional but recommended)
1201
1579
  /designsetup
1202
1580
 
1203
1581
  # Start building (after OpenSpec planning)
1204
1582
  /pageplan @prd.md # UI tasks only
1205
- /csetup your-feature
1583
+ /csetup your-feature # v1.8.0: auto-generates best-practices!
1206
1584
  /cdev your-feature
1207
1585
  ```
1208
1586