@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.
- package/.claude/CHANGELOG-v1.1.1.md +259 -259
- package/.claude/CLAUDE.md +91 -106
- package/.claude/commands/csetup.md +91 -30
- package/.claude/commands/cstatus.md +60 -60
- package/.claude/commands/cview.md +364 -364
- package/.claude/commands/designsetup.md +1401 -336
- package/.claude/commands/extract.md +520 -245
- package/.claude/commands/pageplan.md +171 -47
- package/.claude/contexts/design/accessibility.md +611 -611
- package/.claude/contexts/design/layout.md +400 -400
- package/.claude/contexts/design/responsive.md +551 -551
- package/.claude/contexts/design/shadows.md +522 -522
- package/.claude/contexts/design/typography.md +465 -465
- package/.claude/contexts/domain/README.md +164 -164
- package/.claude/contexts/patterns/agent-coordination.md +388 -388
- package/.claude/contexts/patterns/change-workflow.md +538 -538
- package/.claude/contexts/patterns/development-principles.md +513 -513
- package/.claude/contexts/patterns/error-handling.md +478 -478
- package/.claude/contexts/patterns/error-recovery.md +365 -365
- package/.claude/contexts/patterns/logging.md +424 -424
- package/.claude/contexts/patterns/task-breakdown.md +452 -452
- package/.claude/contexts/patterns/task-classification.md +523 -523
- package/.claude/contexts/patterns/tdd-classification.md +516 -516
- package/.claude/contexts/patterns/testing.md +413 -413
- package/.claude/contexts/patterns/validation-framework.md +776 -776
- package/.claude/lib/agent-router.md +572 -572
- package/.claude/lib/flags-updater.md +469 -469
- package/.claude/lib/tdd-classifier.md +345 -345
- package/.claude/lib/validation-gates.md +484 -484
- package/.claude/settings.local.json +42 -42
- package/.claude/templates/context-template.md +45 -45
- package/.claude/templates/flags-template.json +42 -42
- package/.claude/templates/phases-sections/accessibility-test.md +17 -17
- package/.claude/templates/phases-sections/api-design.md +37 -37
- package/.claude/templates/phases-sections/backend-tests.md +16 -16
- package/.claude/templates/phases-sections/backend.md +37 -37
- package/.claude/templates/phases-sections/business-logic-validation.md +16 -16
- package/.claude/templates/phases-sections/component-tests.md +17 -17
- package/.claude/templates/phases-sections/contract-backend.md +16 -16
- package/.claude/templates/phases-sections/contract-frontend.md +16 -16
- package/.claude/templates/phases-sections/database.md +35 -35
- package/.claude/templates/phases-sections/e2e-tests.md +16 -16
- package/.claude/templates/phases-sections/fix-implementation.md +17 -17
- package/.claude/templates/phases-sections/frontend-integration.md +18 -18
- package/.claude/templates/phases-sections/frontend-mockup.md +123 -123
- package/.claude/templates/phases-sections/manual-flow-test.md +15 -15
- package/.claude/templates/phases-sections/manual-ux-test.md +16 -16
- package/.claude/templates/phases-sections/refactor-implementation.md +17 -17
- package/.claude/templates/phases-sections/refactor.md +16 -16
- package/.claude/templates/phases-sections/regression-tests.md +15 -15
- package/.claude/templates/phases-sections/responsive-test.md +16 -16
- package/.claude/templates/phases-sections/script-implementation.md +43 -43
- package/.claude/templates/phases-sections/test-coverage.md +16 -16
- package/.claude/templates/phases-sections/user-approval.md +14 -14
- package/LICENSE +21 -21
- package/README.md +148 -467
- 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
|
-
│ ├──
|
|
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
|
|
492
|
+
### ✅ Auto-Generated Best Practices
|
|
488
493
|
|
|
489
|
-
Uses Context7 MCP to fetch latest framework docs
|
|
494
|
+
Uses Context7 MCP to fetch latest framework docs:
|
|
490
495
|
|
|
491
496
|
```bash
|
|
492
|
-
/
|
|
493
|
-
# →
|
|
494
|
-
# →
|
|
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
|
-
### `/
|
|
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
|
|
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
|
|
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
|
|
922
|
+
**Major Release: Design System v2.0.0 - Interactive Setup & Smart Page Planning** 🎨
|
|
1167
923
|
|
|
1168
|
-
###
|
|
924
|
+
### Complete Design System Overhaul
|
|
1169
925
|
|
|
1170
926
|
**Problem Solved:**
|
|
1171
|
-
- Before
|
|
1172
|
-
-
|
|
1173
|
-
-
|
|
1174
|
-
-
|
|
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
|
-
- ✅
|
|
1181
|
-
- ✅
|
|
1182
|
-
- ✅
|
|
1183
|
-
- ✅
|
|
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
|
-
- **
|
|
1187
|
-
- **
|
|
1188
|
-
- **
|
|
1189
|
-
- **
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
-
|
|
1220
|
-
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
-
|
|
1230
|
-
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
###
|
|
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
|
|
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
|
-
**
|
|
1257
|
-
-
|
|
1258
|
-
-
|
|
1259
|
-
-
|
|
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
|
-
###
|
|
1269
|
-
**Major:
|
|
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
|
-
-
|
|
1280
|
-
-
|
|
1281
|
-
-
|
|
1282
|
-
-
|
|
1283
|
-
-
|
|
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
|
-
-
|
|
1289
|
-
-
|
|
1290
|
-
-
|
|
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
|
-
**
|
|
1304
|
-
-
|
|
1305
|
-
-
|
|
1306
|
-
-
|
|
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
|
-
**
|
|
1309
|
-
- `
|
|
1310
|
-
- `STYLE_GUIDE.md`
|
|
1311
|
-
-
|
|
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.
|
|
1314
|
-
**Feature:
|
|
1046
|
+
### v1.6.0 (2025-01-27)
|
|
1047
|
+
**Feature: Page Plan Enhancement - Buyer Avatar & Conversion Copy**
|
|
1315
1048
|
|
|
1316
|
-
|
|
1317
|
-
|
|
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
|
-
|
|
1322
|
-
|
|
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
|
|
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
|
|
1151
|
+
## 📋 Complete Flow Summary
|
|
1475
1152
|
|
|
1476
1153
|
```
|
|
1477
1154
|
1️⃣ OpenSpec Planning
|
|
1478
|
-
→ proposal.md + tasks.md
|
|
1155
|
+
→ proposal.md + tasks.md
|
|
1479
1156
|
|
|
1480
|
-
2️⃣ Generate Style Guide (one-time
|
|
1157
|
+
2️⃣ Generate Style Guide (one-time)
|
|
1481
1158
|
/designsetup
|
|
1482
1159
|
→ STYLE_GUIDE.md
|
|
1483
1160
|
|
|
1484
|
-
3️⃣
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1177
|
+
7️⃣ Monitor Progress
|
|
1500
1178
|
/cview {change-id}
|
|
1501
1179
|
→ Detailed progress report
|
|
1502
1180
|
|
|
1503
|
-
|
|
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
|
|
1205
|
+
/csetup your-feature
|
|
1525
1206
|
/cdev your-feature
|
|
1526
1207
|
```
|
|
1527
1208
|
|