@codebakers/mcp 5.5.7 → 5.5.8
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.md +96 -80
- package/dist/cli.js +1 -1
- package/package.json +1 -1
package/CLAUDE.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# 🍞 CodeBakers V5
|
|
2
2
|
|
|
3
|
-
**Version:** 5.5.
|
|
3
|
+
**Version:** 5.5.8
|
|
4
4
|
|
|
5
5
|
> Conversational AI development - Build apps by chatting naturally
|
|
6
6
|
|
|
@@ -36,90 +36,106 @@ The `codebakers_start` tool shows:
|
|
|
36
36
|
|
|
37
37
|
---
|
|
38
38
|
|
|
39
|
-
##
|
|
39
|
+
## 💬 How CodeBakers Works (For You - The AI)
|
|
40
40
|
|
|
41
|
-
**
|
|
41
|
+
**After showing the branded introduction, the user chooses how to work:**
|
|
42
42
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
43
|
+
1. **"Build it FOR me"** = Autonomous mode (you do everything, just update them)
|
|
44
|
+
2. **"Build it WITH me"** = Collaborative mode (ask before each major step)
|
|
45
|
+
3. **"TEACH me"** = Educational mode (explain everything as you go)
|
|
46
|
+
|
|
47
|
+
**Respect their choice. Different users want different experiences.**
|
|
48
|
+
|
|
49
|
+
---
|
|
50
|
+
|
|
51
|
+
## 📋 The CodeBakers Method (7 Phases)
|
|
52
|
+
|
|
53
|
+
**You follow these phases, but HOW you follow them depends on the user's choice (FOR/WITH/TEACH):**
|
|
48
54
|
|
|
49
|
-
###
|
|
55
|
+
### Phase 0: Domain Research & Specification
|
|
50
56
|
|
|
51
|
-
**
|
|
57
|
+
**What happens:**
|
|
52
58
|
1. User describes what they want to build
|
|
53
|
-
2.
|
|
54
|
-
3.
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
-
|
|
77
|
-
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
2
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
**
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
**
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
-
|
|
120
|
-
-
|
|
121
|
-
|
|
122
|
-
|
|
59
|
+
2. You run `codebakers_generate_spec(description)`
|
|
60
|
+
3. This creates PROJECT-SPEC.md with Gates 0-5:
|
|
61
|
+
- Gate 0: Identity (name, mission, users)
|
|
62
|
+
- Gate 1: Entities (data objects)
|
|
63
|
+
- Gate 2: State Changes (actions)
|
|
64
|
+
- Gate 3: Permissions (who can do what)
|
|
65
|
+
- Gate 4: Dependencies (external services)
|
|
66
|
+
- Gate 5: Integrations (third-party)
|
|
67
|
+
4. **WAIT for user approval before Phase 1**
|
|
68
|
+
|
|
69
|
+
**Conversational approach:**
|
|
70
|
+
- FOR mode: Generate spec, show summary, ask "Ready to design the UI?"
|
|
71
|
+
- WITH mode: Show spec, ask "Want to adjust anything before we move on?"
|
|
72
|
+
- TEACH mode: Explain each gate, why it matters, what decisions were made
|
|
73
|
+
|
|
74
|
+
---
|
|
75
|
+
|
|
76
|
+
### Phase 1: UI Mockup & Design
|
|
77
|
+
|
|
78
|
+
**What happens:**
|
|
79
|
+
1. User needs mockups for EVERY screen
|
|
80
|
+
2. Give them 3 options:
|
|
81
|
+
- Upload designs from Figma/tools to `refs/design/`
|
|
82
|
+
- Have you generate mockups based on spec
|
|
83
|
+
- Draw sketches / take photos and upload
|
|
84
|
+
3. All screens must be mocked (empty, loading, error, success states)
|
|
85
|
+
4. **WAIT for user approval of mockups before Phase 2**
|
|
86
|
+
|
|
87
|
+
**Conversational approach:**
|
|
88
|
+
- FOR mode: "I'll generate mockups for all screens. Give me 5 minutes..."
|
|
89
|
+
- WITH mode: "Want to upload designs or should I create mockups?"
|
|
90
|
+
- TEACH mode: "Mockups are critical because Phase 2 extracts the database schema FROM them. Let me show you..."
|
|
91
|
+
|
|
92
|
+
---
|
|
93
|
+
|
|
94
|
+
### Phase 2: Mock Analysis, Schema & Dependencies
|
|
95
|
+
|
|
96
|
+
**What happens:**
|
|
97
|
+
1. Create folder structure: `refs/design/` and `.codebakers/`
|
|
98
|
+
2. Run `codebakers_validate_mockups` → fix issues
|
|
99
|
+
3. Run `codebakers_analyze_mockups_deep` → extract ALL data from mockups
|
|
100
|
+
4. Run `codebakers_generate_schema` → create database schema from analysis
|
|
101
|
+
5. Run `codebakers_map_dependencies` → map ALL dependencies
|
|
102
|
+
6. Run `codebakers_generate_store_contracts` → define state management
|
|
103
|
+
7. **WAIT for verification before Phase 3**
|
|
104
|
+
|
|
105
|
+
**This is the CORE of CodeBakers Method:**
|
|
106
|
+
- Schema comes FROM mockups, not abstract design
|
|
107
|
+
- Dependencies mapped BEFORE coding
|
|
108
|
+
- Zero surprises during build
|
|
109
|
+
|
|
110
|
+
**Conversational approach:**
|
|
111
|
+
- FOR mode: Run all silently, show: "Analysis complete! Found 8 tables, 24 dependencies..."
|
|
112
|
+
- WITH mode: Show mockup analysis, ask "Does this data structure make sense?"
|
|
113
|
+
- TEACH mode: "I'm analyzing each mockup to find every piece of data displayed. For example, this user card shows: name, email, avatar..."
|
|
114
|
+
|
|
115
|
+
---
|
|
116
|
+
|
|
117
|
+
### Phase 3-6: Build, Test, Deploy
|
|
118
|
+
|
|
119
|
+
**Phase 3:** Foundation (auth, database setup)
|
|
120
|
+
**Phase 4:** Features (run `codebakers_builder`)
|
|
121
|
+
**Phase 5:** Quality gates (accessibility, performance, security)
|
|
122
|
+
**Phase 6:** Deployment (Vercel + Supabase)
|
|
123
|
+
|
|
124
|
+
**Conversational approach based on mode:**
|
|
125
|
+
- FOR mode: Build autonomously, show progress updates
|
|
126
|
+
- WITH mode: Ask before major decisions
|
|
127
|
+
- TEACH mode: Explain each step
|
|
128
|
+
|
|
129
|
+
---
|
|
130
|
+
|
|
131
|
+
## ⚙️ Key Principles
|
|
132
|
+
|
|
133
|
+
1. **ALWAYS run `codebakers_get_context` first** - know current state
|
|
134
|
+
2. **ALWAYS respect user's mode** (FOR/WITH/TEACH)
|
|
135
|
+
3. **ALWAYS wait for approval** at phase gates (spec, mockups, before build)
|
|
136
|
+
4. **NEVER skip phases** - the order matters
|
|
137
|
+
5. **Mockups drive everything** - Phase 2 extracts schema FROM mockups
|
|
138
|
+
6. **Be conversational** - hide technical complexity, guide naturally
|
|
123
139
|
|
|
124
140
|
---
|
|
125
141
|
|
package/dist/cli.js
CHANGED