@champpaba/claude-agent-kit 1.8.0 → 2.0.0

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 (57) hide show
  1. package/.claude/CHANGELOG-v1.1.1.md +259 -259
  2. package/.claude/CLAUDE.md +91 -106
  3. package/.claude/commands/csetup.md +91 -30
  4. package/.claude/commands/cstatus.md +60 -60
  5. package/.claude/commands/cview.md +364 -364
  6. package/.claude/commands/designsetup.md +1401 -336
  7. package/.claude/commands/extract.md +520 -245
  8. package/.claude/commands/pageplan.md +171 -47
  9. package/.claude/contexts/design/accessibility.md +611 -611
  10. package/.claude/contexts/design/layout.md +400 -400
  11. package/.claude/contexts/design/responsive.md +551 -551
  12. package/.claude/contexts/design/shadows.md +522 -522
  13. package/.claude/contexts/design/typography.md +465 -465
  14. package/.claude/contexts/domain/README.md +164 -164
  15. package/.claude/contexts/patterns/agent-coordination.md +388 -388
  16. package/.claude/contexts/patterns/change-workflow.md +538 -538
  17. package/.claude/contexts/patterns/development-principles.md +513 -513
  18. package/.claude/contexts/patterns/error-handling.md +478 -478
  19. package/.claude/contexts/patterns/error-recovery.md +365 -365
  20. package/.claude/contexts/patterns/logging.md +424 -424
  21. package/.claude/contexts/patterns/task-breakdown.md +452 -452
  22. package/.claude/contexts/patterns/task-classification.md +523 -523
  23. package/.claude/contexts/patterns/tdd-classification.md +516 -516
  24. package/.claude/contexts/patterns/testing.md +413 -413
  25. package/.claude/contexts/patterns/validation-framework.md +776 -776
  26. package/.claude/lib/agent-router.md +572 -572
  27. package/.claude/lib/flags-updater.md +469 -469
  28. package/.claude/lib/tdd-classifier.md +345 -345
  29. package/.claude/lib/validation-gates.md +484 -484
  30. package/.claude/settings.local.json +42 -42
  31. package/.claude/templates/context-template.md +45 -45
  32. package/.claude/templates/flags-template.json +42 -42
  33. package/.claude/templates/phases-sections/accessibility-test.md +17 -17
  34. package/.claude/templates/phases-sections/api-design.md +37 -37
  35. package/.claude/templates/phases-sections/backend-tests.md +16 -16
  36. package/.claude/templates/phases-sections/backend.md +37 -37
  37. package/.claude/templates/phases-sections/business-logic-validation.md +16 -16
  38. package/.claude/templates/phases-sections/component-tests.md +17 -17
  39. package/.claude/templates/phases-sections/contract-backend.md +16 -16
  40. package/.claude/templates/phases-sections/contract-frontend.md +16 -16
  41. package/.claude/templates/phases-sections/database.md +35 -35
  42. package/.claude/templates/phases-sections/e2e-tests.md +16 -16
  43. package/.claude/templates/phases-sections/fix-implementation.md +17 -17
  44. package/.claude/templates/phases-sections/frontend-integration.md +18 -18
  45. package/.claude/templates/phases-sections/frontend-mockup.md +123 -123
  46. package/.claude/templates/phases-sections/manual-flow-test.md +15 -15
  47. package/.claude/templates/phases-sections/manual-ux-test.md +16 -16
  48. package/.claude/templates/phases-sections/refactor-implementation.md +17 -17
  49. package/.claude/templates/phases-sections/refactor.md +16 -16
  50. package/.claude/templates/phases-sections/regression-tests.md +15 -15
  51. package/.claude/templates/phases-sections/responsive-test.md +16 -16
  52. package/.claude/templates/phases-sections/script-implementation.md +43 -43
  53. package/.claude/templates/phases-sections/test-coverage.md +16 -16
  54. package/.claude/templates/phases-sections/user-approval.md +14 -14
  55. package/LICENSE +21 -21
  56. package/README.md +148 -467
  57. package/package.json +1 -1
package/README.md CHANGED
@@ -265,6 +265,10 @@ 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
268
272
  ```
269
273
 
270
274
  ### Step 3: Generate Page Plan (UI tasks only)
@@ -425,8 +429,9 @@ your-project/
425
429
 
426
430
  ├── commands/ # Slash commands
427
431
  │ ├── designsetup.md # Generate style guide
428
- │ ├── pageplan.md # Generate page plan
429
- │ ├── csetup.md # Change setup (v1.8.0: includes best-practices)
432
+ │ ├── pageplan.md # Generate page plan (NEW!)
433
+ │ ├── psetup.md # Project setup
434
+ │ ├── csetup.md # Change setup
430
435
  │ ├── cdev.md # Change development
431
436
  │ ├── cview.md # View progress
432
437
  │ └── cstatus.md # Quick status
@@ -484,18 +489,17 @@ your-project/
484
489
  - Tracks progress in `flags.json`
485
490
  - Updates completion status back to OpenSpec
486
491
 
487
- ### ✅ Auto-Generated Best Practices (v1.8.0)
492
+ ### ✅ Auto-Generated Best Practices
488
493
 
489
- Uses Context7 MCP to fetch latest framework docs **automatically during `/csetup`**:
494
+ Uses Context7 MCP to fetch latest framework docs:
490
495
 
491
496
  ```bash
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)
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
499
503
  ```
500
504
 
501
505
  ### ✅ 3-Level Project Indexing
@@ -617,19 +621,29 @@ cak --help
617
621
 
618
622
  ---
619
623
 
620
- ### `/csetup {change-id}` - Setup change context (v1.8.0)
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
621
638
 
622
639
  ```bash
623
640
  /csetup landing-page
624
641
  ```
625
642
 
626
- **What it does (v1.8.0 - now includes best practices setup):**
643
+ **What it does:**
627
644
  - Reads `proposal.md` (business context)
628
645
  - Reads `tasks.md` (implementation checklist)
629
- - Reads `design.md` (architecture, if exists)
630
646
  - 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`)
633
647
  - Classifies tasks by agent
634
648
  - Generates `workflow.md` (execution plan)
635
649
 
@@ -903,361 +917,100 @@ Built with:
903
917
 
904
918
  ---
905
919
 
906
- ## 🆕 What's New in v1.8.0
907
-
908
- **Major: Token Optimization & Streamlined Workflow** 🚀
909
-
910
- ### Key Changes
911
-
912
- 1. **Removed `/psetup` and `/agentsetup`** - Best practices now auto-generated by `/csetup`
913
- 2. **Removed documentation/report phases** - No more `PHASE_*.txt`, `*_REPORT.md` clutter
914
- 3. **Verbose terminal output** - Results shown in terminal, not saved to files
915
- 4. **Auto-cleanup temp files** - Any forbidden files auto-deleted after phases
916
- 5. **Agents inject best-practices** - `/cdev` now injects relevant best-practices paths into agent prompts
917
-
918
- ### Streamlined Workflow
919
-
920
- **Before (v1.7.x):**
921
- ```bash
922
- /psetup # Setup project
923
- /csetup landing-page # Setup change
924
- /cdev landing-page # Execute
925
- → Creates: PHASE_11_DELIVERY.txt, FINAL_REPORT.md, etc. 😞
926
- ```
927
-
928
- **After (v1.8.0):**
929
- ```bash
930
- /csetup landing-page # Setup + auto-detect stack + generate best-practices
931
- /cdev landing-page # Execute
932
- → Verbose summary in terminal ✅
933
- → No temp files created ✅
934
- ```
935
-
936
- ### Token Savings
937
-
938
- | Template | Before | After | Saved |
939
- |----------|--------|-------|-------|
940
- | full-stack | 19 phases | 17 phases | ~25 min |
941
- | frontend-only | 11 phases | 9 phases | ~25 min |
942
- | backend-only | 10 phases | 8 phases | ~25 min |
943
- | bug-fix | 5 phases | 4 phases | ~10 min |
944
-
945
- ### Forbidden Files (Auto-Deleted)
946
-
947
- Agents should only create **actual code files**. These are now forbidden:
948
- - Report/summary files (`*_REPORT.md`, `*_SUMMARY.txt`)
949
- - Phase output files (`PHASE_*.txt`, `*_DELIVERY.txt`)
950
- - Temp files (ALL_CAPS filenames)
951
-
952
- **Rule of thumb:** If it wouldn't be committed to git, don't create it.
953
-
954
- ### Best Practices Now Enforced
955
-
956
- - `/csetup` auto-detects stack from: `package.json` → `design.md` → `proposal.md`
957
- - Auto-generates best practices from Context7 MCP
958
- - `/cdev` injects relevant files into agent prompts
959
- - Agents MUST report "Best Practices Loaded" (validated)
960
-
961
- ---
962
-
963
- ## 📋 What's New in v1.7.1
964
-
965
- **Patch: OpenSpec File Naming Conventions - Clarify design.md vs STYLE_GUIDE.md** 📁
966
-
967
- ### The Issue
968
-
969
- Users were confused between two files with similar names:
970
- - `design.md` (from OpenSpec) = Technical/Architecture decisions
971
- - `STYLE_GUIDE.md` (from Template) = Visual design (colors, fonts, spacing)
972
-
973
- ### The Fix
974
-
975
- Added clear documentation in CLAUDE.md and agent-discovery.md:
976
-
977
- | Source | File | Purpose |
978
- |--------|------|---------|
979
- | **OpenSpec** | `design.md` | Technical Architecture (API structure, data flow) |
980
- | **Template** | `STYLE_GUIDE.md` | Visual Design (colors, typography, spacing) |
981
-
982
- ### Updated Files
983
-
984
- - `CLAUDE.md` - New "📁 File Naming Conventions" section
985
- - `agent-discovery.md` - Added notes explaining design.md vs STYLE_GUIDE.md
986
-
987
- ### No Breaking Changes
988
-
989
- All existing workflows continue to work. This is a documentation improvement only.
990
-
991
- ---
992
-
993
- ## 📋 What's New in v1.7.0
994
-
995
- **Feature: Opus 4.5 Model Upgrade - All Subagents Now Use Latest Claude Model** 🧠
996
-
997
- ### The Change
998
-
999
- All 6 specialized agents now use **Claude Opus 4.5** (the latest and most capable Claude model) instead of Haiku:
1000
-
1001
- | Agent | Model (Before) | Model (After) |
1002
- |-------|----------------|---------------|
1003
- | integration | haiku | **opus** |
1004
- | uxui-frontend | haiku | **opus** |
1005
- | test-debug | haiku | **opus** |
1006
- | frontend | haiku | **opus** |
1007
- | backend | haiku | **opus** |
1008
- | database | haiku | **opus** |
1009
-
1010
- ### Benefits
1011
-
1012
- - ✅ **Best-in-class reasoning** - Opus 4.5 handles complex multi-step tasks better
1013
- - ✅ **Improved code quality** - More accurate implementations with fewer errors
1014
- - ✅ **Better context understanding** - Agents maintain context over longer sessions
1015
- - ✅ **Enhanced problem-solving** - Complex debugging and architectural decisions improved
1016
-
1017
- ### Updated Files
1018
-
1019
- - All agent files (`.claude/agents/*.md`) - `model: opus`
1020
- - `/cdev` command - Model strategy updated
1021
- - `agent-executor.md` - Task invocation uses opus
1022
-
1023
- ### No Breaking Changes
1024
-
1025
- All existing workflows continue to work exactly as before, just with better performance!
1026
-
1027
- ---
1028
-
1029
- ## 🔄 What's New in v1.6.0
1030
-
1031
- **Feature: Incremental Testing - Milestone-based Validation for High-Risk Tasks** 🔄
1032
-
1033
- ### The Problem: All-or-Nothing Testing
1034
-
1035
- **Before v1.6.0:**
1036
- ```
1037
- Task: "Integrate Google Maps API"
1038
- → Agent implements complete solution (1000 locations)
1039
- → Tests with full dataset
1040
- → Bug found → Hard to debug (which part failed?)
1041
- → Fix → Retest full dataset → Slow iteration
1042
-
1043
- Problem:
1044
- ❌ Large scope = hard to debug
1045
- ❌ Late bug detection (at scale)
1046
- ❌ Rework expensive (threw away 1000-location implementation)
1047
- ❌ No confidence in progressive scaling
1048
- ```
1049
-
1050
- **After v1.6.0:**
1051
- ```
1052
- Task: "Integrate Google Maps API"
1053
- → Milestone 1: Test 1 location (hardcoded)
1054
- → Bug found → Easy to debug (small scope)
1055
- → Fix → Retest 1 location → Fast iteration
1056
- → Milestone 2: Test 10 locations (parameterized)
1057
- → Works! Confidence++
1058
- → Milestone 3: Error handling
1059
- → Refine edge cases
1060
- → Milestone 4: Scale to 1000
1061
- → Already confident (1 and 10 worked)
1062
-
1063
- Benefits:
1064
- ✅ Small scope = easy debugging
1065
- ✅ Early bug detection (at milestone 1)
1066
- ✅ Low rework (fix before scaling)
1067
- ✅ Progressive confidence
1068
- ```
1069
-
1070
- ### The Solution: Milestone-based Validation
1071
-
1072
- **Automatic Detection:** `/csetup` detects high-risk tasks automatically
1073
- - Risk = HIGH (payment, auth, security)
1074
- - Risk = MEDIUM + Complexity ≥ 7 (complex forms)
1075
- - External API dependency (Google Maps, Stripe, OpenAI)
1076
- - Data-intensive operation (ETL, migration, batch processing)
1077
-
1078
- **3 Milestone Patterns:**
1079
-
1080
- 1. **Backend API Integration** (4 milestones)
1081
- - M1: Core implementation (1 record, hardcoded)
1082
- - M2: Parameterized query (10 records, dynamic)
1083
- - M3: Error handling (invalid input, timeouts)
1084
- - M4: Scale + performance (100-1000 records)
1085
-
1086
- 2. **Complex Form** (3 milestones)
1087
- - M1: Architecture + skeleton (2-3 critical fields)
1088
- - M2: E2E flow validation (submit → API → DB)
1089
- - M3: Complete all fields (all 20 fields + validation)
1090
-
1091
- 3. **Database Migration / ETL** (3 milestones)
1092
- - M1: Dry-run (10 records)
1093
- - M2: Scale to 100 records
1094
- - M3: Full dataset (staging)
1095
-
1096
- ### Round-based Retry Logic
1097
-
1098
- **Per-Milestone Quota:**
1099
- - **2 attempts per round** (not total)
1100
- - **Unlimited rounds** (Main Claude decides when to stop)
1101
- - **Hints reset quota** (fresh start)
1102
-
1103
- **Example:**
1104
- ```
1105
- Milestone 1: Core implementation
1106
- → Round 1: Attempt 1 ❌ (API key missing)
1107
- → Round 1: Attempt 2 ❌ (Still missing)
1108
- → Main Claude: "Check API_KEY env variable" 💡
1109
- → Round 2: Attempt 1 ✅ (Fixed!)
1110
-
1111
- Total attempts: 3 (2 in Round 1, 1 in Round 2)
1112
- ```
1113
-
1114
- ### Main Claude Intervention
1115
-
1116
- **Decision Matrix:**
1117
-
1118
- | Error Pattern | Complexity | Confidence | Action |
1119
- |---------------|------------|------------|--------|
1120
- | Same error 2x | SIMPLE | HIGH | Give Hints |
1121
- | Same error 2x | COMPLEX | LOW | Ask Human |
1122
- | Different errors | ANY | ANY | Ask Human |
1123
- | Intermittent | ANY | ANY | Ask Human |
1124
- | 2+ rounds no progress | ANY | ANY | Ask Human |
1125
-
1126
- **Pattern-based Hints:**
1127
- - 401 Unauthorized → Check API_KEY, verify key validity
1128
- - Timeout → Increase threshold, check network
1129
- - Schema mismatch → Compare actual vs expected, check API version
1130
-
1131
- ### Benefits & Trade-offs
1132
-
1133
- **Benefits:**
1134
- - ✅ **75% faster debug** - Catch bugs at M1 (1 record) vs M4 (1000 records)
1135
- - ✅ **60-70% rework reduction** - Fix before scaling
1136
- - ✅ **80% faster debugging** - Small scope (1 record) vs full dataset
1137
- - ✅ **90% success rate** - Progressive confidence at M4
1138
- - ✅ **40-50% net speedup** - +15-20% time upfront → -60-70% rework time
1139
-
1140
- **Trade-offs:**
1141
- - ⚠️ **Timeline:** +15-20% upfront (but saves 60-70% rework)
1142
- - ⚠️ **Complexity:** phases.md 2-3x longer (summary table at top)
1143
- - ⚠️ **Learning curve:** More coordination (automated by `/csetup`)
1144
-
1145
- **Net benefit:** +15-20% time → -60-70% rework = **40-50% faster overall**
1146
-
1147
- ### When to Use Incremental Testing
1148
-
1149
- **✅ Use for:**
1150
- - Payment integration, Auth systems (HIGH risk)
1151
- - Complex forms with 20+ fields (Complexity ≥ 7)
1152
- - External APIs (Google Maps, Stripe, OpenAI)
1153
- - Data migrations, ETL pipelines (data-intensive)
1154
-
1155
- **❌ Skip for:**
1156
- - Simple CRUD operations (LOW risk, Complexity < 5)
1157
- - UI components (standard testing sufficient)
1158
- - Configuration changes (no integration testing needed)
1159
-
1160
- **Detection Rate:** ~20-30% of tasks (only high-risk)
1161
-
1162
- ---
1163
-
1164
- ## 🎉 What's New in v1.4.0
920
+ ## 🆕 What's New in v2.0.0
1165
921
 
1166
- **Major Update: Context Optimization & DRY Consolidation**
922
+ **Major Release: Design System v2.0.0 - Interactive Setup & Smart Page Planning** 🎨
1167
923
 
1168
- ### Token Efficiency Improvements
924
+ ### Complete Design System Overhaul
1169
925
 
1170
926
  **Problem Solved:**
1171
- - Before v1.4.0: Same documentation duplicated across 6 agent files + CLAUDE.md
1172
- - Package Manager warnings: 360 lines duplicated 6x
1173
- - Context Loading Strategy: 1,200 lines duplicated 6x
1174
- - TDD Workflow examples: 1,200 lines duplicated 3x
1175
- - Handoff templates: 900 lines duplicated 6x
1176
- - Documentation policies: 480 lines duplicated 6x
1177
- - CLAUDE.md: 890 lines mixing navigation + detailed guides
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
1178
931
 
1179
932
  **Solution Implemented:**
1180
- - ✅ Created consolidated lib files (context-loading-protocol.md, handoff-protocol.md, tdd-workflow.md)
1181
- - ✅ Extracted detailed guides from CLAUDE.md to lib/detailed-guides/
1182
- - ✅ Applied consistent reference pattern: Brief summary + "→ See: path" + agent-specific additions
1183
- - ✅ Maintained 100% content quality (all information preserved)
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)
1184
938
 
1185
939
  **Results:**
1186
- - **All 6 agents:** 6,796 4,749 lines (-2,047, -30.1% reduction)
1187
- - **CLAUDE.md:** 890 → 163 lines (-727, -81.7% reduction)
1188
- - **Grand Total:** 7,686 4,912 lines (-2,774, -36.1% reduction)
1189
- - **Token savings:** ~36% reduction in total context size
1190
- - **Speed improvement:** Faster agent loading and execution
1191
- - **Maintainability:** Single source of truth for shared documentation
1192
-
1193
- ### New Consolidated Documentation Structure
1194
-
1195
- **Created in v1.4.0:**
1196
- ```
1197
- .claude/lib/
1198
- ├── context-loading-protocol.md # Universal context loading strategy
1199
- ├── handoff-protocol.md # Agent handoff templates
1200
- ├── tdd-workflow.md # TDD workflow examples
1201
- └── detailed-guides/
1202
- ├── best-practices-system.md # How best practices work
1203
- ├── context-optimization.md # Token optimization strategy
1204
- ├── page-planning.md # /pageplan command guide
1205
- ├── taskmaster-analysis.md # 6-dimension task analysis
1206
- ├── design-system.md # Style guide generation
1207
- └── agent-system.md # Agent overview & workflow
1208
- ```
1209
-
1210
- ### Benefits for Users
1211
-
1212
- **For Developers:**
1213
- - 36% faster context loading
1214
- - 📖 Cleaner, easier-to-navigate documentation
1215
- - 🎯 CLAUDE.md is now a pure navigation hub (163 lines)
1216
- - 🔍 Detailed guides are modular and focused
1217
-
1218
- **For Claude Agents:**
1219
- - 🚀 Faster startup (less context to load)
1220
- - 💾 More token budget for actual work
1221
- - 📚 Single source of truth (no conflicting info)
1222
- - 🔄 Easier maintenance (update once, apply everywhere)
1223
-
1224
- ### Migration Notes
1225
-
1226
- **No breaking changes!** All existing workflows continue to work:
1227
- - ✅ `/psetup`, `/csetup`, `/cdev` commands unchanged
1228
- - ✅ Agent behavior unchanged (same quality, faster execution)
1229
- - All features from v1.1-1.3 preserved
1230
- - Existing projects can update with `cak update`
1231
-
1232
- **New Reference Pattern:**
1233
- Agents now use lightweight references instead of duplicating full documentation:
1234
-
1235
- ```markdown
1236
- ## Context Loading Strategy
1237
-
1238
- **→ See:** `.claude/lib/context-loading-protocol.md` for complete protocol
1239
-
1240
- **Agent-Specific Additions (frontend):**
1241
- ### State Management Libraries
1242
- ...
1243
- ```
1244
-
1245
- ### Upgrading to v1.4.1
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)
944
+
945
+ ### New Flow
946
+
947
+ ```
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)
957
+ ```
958
+
959
+ ### Page Type Auto-Detection
960
+
961
+ | Page Type | Decorations | Scroll Anims | Buyer Avatar | Patterns Loaded |
962
+ |-----------|-------------|--------------|--------------|-----------------|
963
+ | Landing/Marketing | ✅ Full | ✅ Enabled | ✅ Enabled | buttons, cards, scroll-anims, decorations |
964
+ | Dashboard/Admin | ❌ Minimal | ❌ Disabled | ❌ Skipped | buttons, cards, forms |
965
+ | Auth (Login/Register) | ❌ None | ❌ Disabled | ❌ Skipped | buttons, forms |
966
+
967
+ ### New Features
968
+
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)
975
+
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
981
+
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
987
+
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)
994
+
995
+ ### Upgrading to v2.0.0
1246
996
 
1247
997
  ```bash
1248
998
  # Update npm package
1249
999
  npm update -g @champpaba/claude-agent-kit
1250
1000
 
1251
- # Update template in your project (creates backup)
1001
+ # Update template in your project
1252
1002
  cd your-project
1253
1003
  cak update --backup
1004
+
1005
+ # Generate new design system
1006
+ /extract https://your-reference.com # Optional
1007
+ /designsetup @prd.md
1254
1008
  ```
1255
1009
 
1256
- **What's New:**
1257
- - Auto-proceed feature (eliminate double confirmations)
1258
- - 50-90% fewer approval prompts
1259
- - 25% faster workflow execution
1260
- - ✅ All v1.4.0 features (context optimization, DRY consolidation)
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`
1261
1014
 
1262
1015
  All your customizations in `.claude/contexts/domain/` are preserved!
1263
1016
 
@@ -1265,122 +1018,46 @@ All your customizations in `.claude/contexts/domain/` are preserved!
1265
1018
 
1266
1019
  ## 📜 Changelog
1267
1020
 
1268
- ### v1.8.0 (2025-11-26)
1269
- **Major: Token Optimization & Streamlined Workflow**
1270
-
1271
- **Removed:**
1272
- - `/psetup` command - Merged into `/csetup`
1273
- - `/agentsetup` command - Merged into `/csetup`
1274
- - `documentation` phase from all templates
1275
- - `report` phase from all templates
1276
- - Template files: `documentation.md`, `report.md`
1021
+ ### v2.0.0 (2025-01-28)
1022
+ **Major: Design System v2.0.0 - Interactive Setup & Smart Page Planning**
1277
1023
 
1278
1024
  **Added:**
1279
- - Auto tech stack detection in `/csetup` (from package.json, design.md, proposal)
1280
- - Auto best-practices generation from Context7 MCP
1281
- - Verbose terminal summary when change completes
1282
- - Temp file auto-cleanup after each phase
1283
- - Best-practices injection in `/cdev` agent prompts
1284
- - Forbidden Files section in code-standards.md
1285
- - Documentation Policy (v1.8.0) in all agents
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)
1286
1030
 
1287
1031
  **Changed:**
1288
- - All templates: Reduced phases (removed doc/report)
1289
- - `/cdev`: Now shows verbose summary instead of creating files
1290
- - All agents: Updated to reference forbidden files policy
1291
- - `agent-executor.md`: Added temp file cleanup logic
1292
- - `agent-discovery.md`: Updated fallback message
1293
-
1294
- **Benefits:**
1295
- - ~25 min saved per change (no doc/report phases)
1296
- - No more temp file clutter
1297
- - Simplified workflow (1 command instead of 2)
1298
- - Better best-practices enforcement (validated)
1299
-
1300
- ### v1.7.1 (2025-11-25)
1301
- **Patch: OpenSpec File Naming Conventions**
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
1302
1035
 
1303
- **Added:**
1304
- - New "📁 File Naming Conventions" section in CLAUDE.md
1305
- - Clear distinction between OpenSpec files and Template files
1306
- - Notes in agent-discovery.md explaining design.md purpose
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
1307
1040
 
1308
- **Documentation:**
1309
- - `design.md` (OpenSpec) = Technical Architecture (API, data flow)
1310
- - `STYLE_GUIDE.md` (Template) = Visual Design (colors, fonts, spacing)
1311
- - Updated agent reading guidance per role
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`
1312
1045
 
1313
- ### v1.7.0 (2025-11-25)
1314
- **Feature: Opus 4.5 Model Upgrade**
1046
+ ### v1.6.0 (2025-01-27)
1047
+ **Feature: Page Plan Enhancement - Buyer Avatar & Conversion Copy**
1315
1048
 
1316
- **Changed:**
1317
- - All 6 agents upgraded from `model: haiku` to `model: opus`
1318
- - Updated `/cdev` model strategy description
1319
- - Updated `agent-executor.md` Task invocation
1049
+ ### v1.5.1 (2025-01-26)
1050
+ **Patch: Git Compatibility Fix**
1320
1051
 
1321
- **Benefits:**
1322
- - Best-in-class reasoning with Opus 4.5
1323
- - Improved code quality and fewer errors
1324
- - Better context understanding
1325
- - Enhanced problem-solving for complex tasks
1052
+ ### v1.5.0 (2025-01-25)
1053
+ **Feature: Minor Improvements**
1326
1054
 
1327
1055
  ### v1.4.1 (2025-11-06)
1328
- **Feature: Intelligent Auto-Proceed - Eliminate Double Confirmations**
1329
-
1330
- **Added:**
1331
- - Auto-proceed approval context in agent prompts
1332
- - Smart detection of user approval keywords ("continue", "proceed", "yes", "ลุยเลย")
1333
- - Agent question handling logic (auto-respond vs ask user)
1334
- - Auto-proceed decision tree in agent-executor.md
1335
-
1336
- **Improved:**
1337
- - User experience: 50-90% fewer confirmation prompts
1338
- - Execution speed: 25% faster (no waiting for redundant approvals)
1339
- - Workflow clarity: User approves once, system handles agent interactions
1340
-
1341
- **Technical Details:**
1342
- - Modified: `.claude/lib/agent-executor.md` (+80 lines)
1343
- - Implementation: Lean solution (1 file, 0.1% context increase)
1344
- - Backward compatible: Manual approval mode still available
1345
-
1346
- **When It Activates:**
1347
- - User runs `/cdev` command (implicit approval)
1348
- - User says "continue", "proceed", "yes", "ลุยเลย" (explicit approval)
1349
-
1350
- **Before:**
1351
- ```
1352
- User approves → Agent asks → Main asks user again ❌
1353
- ```
1354
-
1355
- **After:**
1356
- ```
1357
- User approves → Agent asks → Main answers directly ✅
1358
- ```
1056
+ **Feature: Intelligent Auto-Proceed**
1359
1057
 
1360
1058
  ### v1.4.0 (2025-11-05)
1361
1059
  **Major: Context Optimization & DRY Consolidation**
1362
1060
 
1363
- **Added:**
1364
- - New consolidated lib files: `context-loading-protocol.md`, `handoff-protocol.md`, `tdd-workflow.md`
1365
- - New detailed guides folder: `lib/detailed-guides/` (6 focused guides)
1366
- - Reference pattern across all agents (Brief summary → See: path → Additions)
1367
-
1368
- **Changed:**
1369
- - All 6 agents refactored: 30.1% size reduction (6,796 → 4,749 lines)
1370
- - CLAUDE.md refactored: 81.7% size reduction (890 → 163 lines, pure navigation hub)
1371
- - Documentation structure: Moved detailed content to modular lib files
1372
-
1373
- **Performance:**
1374
- - 36% total context reduction (7,686 → 4,912 lines)
1375
- - Faster agent loading and execution
1376
- - More token budget available for actual work
1377
-
1378
- **Improved:**
1379
- - Maintainability: Single source of truth for shared docs
1380
- - Discoverability: Clear navigation in CLAUDE.md
1381
- - Modularity: Detailed guides in separate files
1382
- - Consistency: Same content quality, zero duplication
1383
-
1384
1061
  ### v1.3.0 (2025-10-30)
1385
1062
  **Feature: TaskMaster-style Intelligent Task Analysis**
1386
1063
 
@@ -1471,36 +1148,37 @@ User approves → Agent asks → Main answers directly ✅
1471
1148
 
1472
1149
  ---
1473
1150
 
1474
- ## 📋 Complete Flow Summary (v1.8.0)
1151
+ ## 📋 Complete Flow Summary
1475
1152
 
1476
1153
  ```
1477
1154
  1️⃣ OpenSpec Planning
1478
- → proposal.md + tasks.md + design.md (optional)
1155
+ → proposal.md + tasks.md
1479
1156
 
1480
- 2️⃣ Generate Style Guide (one-time, optional)
1157
+ 2️⃣ Generate Style Guide (one-time)
1481
1158
  /designsetup
1482
1159
  → STYLE_GUIDE.md
1483
1160
 
1484
- 3️⃣ Generate Page Plan (UI tasks only)
1161
+ 3️⃣ Setup Project (one-time)
1162
+ /psetup
1163
+ → domain/{project}/best-practices/
1164
+
1165
+ 4️⃣ Generate Page Plan (UI tasks only)
1485
1166
  /pageplan @prd.md
1486
1167
  → page-plan.md (content + component plan)
1487
1168
 
1488
- 4️⃣ Setup Change Context (v1.8.0: now includes best-practices!)
1169
+ 5️⃣ Setup Change Context
1489
1170
  /csetup {change-id}
1490
- → Auto-detects tech stack
1491
- → Auto-generates best-practices from Context7
1492
1171
  → workflow.md
1493
1172
 
1494
- 5️⃣ Execute Implementation
1173
+ 6️⃣ Execute Implementation
1495
1174
  /cdev {change-id}
1496
1175
  → Working code + tests
1497
- → Verbose summary in terminal (no temp files!)
1498
1176
 
1499
- 6️⃣ Monitor Progress
1177
+ 7️⃣ Monitor Progress
1500
1178
  /cview {change-id}
1501
1179
  → Detailed progress report
1502
1180
 
1503
- 7️⃣ OpenSpec Archive & Update
1181
+ 8️⃣ OpenSpec Archive & Update
1504
1182
  → Merge to specs/
1505
1183
  ```
1506
1184
 
@@ -1516,12 +1194,15 @@ npm install -g @champpaba/claude-agent-kit
1516
1194
  cd your-project
1517
1195
  cak init
1518
1196
 
1197
+ # Setup project context
1198
+ /psetup
1199
+
1519
1200
  # Generate style guide (optional but recommended)
1520
1201
  /designsetup
1521
1202
 
1522
1203
  # Start building (after OpenSpec planning)
1523
1204
  /pageplan @prd.md # UI tasks only
1524
- /csetup your-feature # v1.8.0: auto-generates best-practices!
1205
+ /csetup your-feature
1525
1206
  /cdev your-feature
1526
1207
  ```
1527
1208