liteagents 2.24.1 → 3.5.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/CHANGELOG.md +206 -0
- package/README.md +120 -160
- package/installer/cli.js +40 -5
- package/installer/installation-engine.js +8 -0
- package/package.json +4 -3
- package/packages/ampcode/AGENT.md +11 -20
- package/packages/ampcode/agents/code-developer.md +11 -17
- package/packages/ampcode/agents/orchestrator.md +3 -3
- package/packages/ampcode/agents/quality-assurance.md +3 -1
- package/packages/ampcode/{commands/brainstorming.md → skills/brainstorming/SKILL.md} +2 -3
- package/packages/ampcode/{commands/branch-review.md → skills/branch-review/SKILL.md} +13 -13
- package/packages/{claude/commands/docs-builder.md → ampcode/skills/docs-builder/SKILL.md} +1 -1
- package/packages/ampcode/{commands/live-canvas.md → skills/live-canvas/SKILL.md} +8 -4
- package/packages/ampcode/{commands/refactor.md → skills/refactor/SKILL.md} +57 -9
- package/packages/ampcode/{commands/release.md → skills/release/SKILL.md} +4 -4
- package/packages/{claude/commands → ampcode/skills}/remember/AGENT_RULES.md +44 -84
- package/packages/ampcode/{commands/remember.md → skills/remember/SKILL.md} +86 -13
- package/packages/ampcode/{commands → skills}/remember/friction.cjs +0 -0
- package/packages/ampcode/skills/remember/stub-check.cjs +206 -0
- package/packages/ampcode/skills/remember/sync-rules.cjs +178 -0
- package/packages/ampcode/skills/remember/version-check.cjs +214 -0
- package/packages/ampcode/skills/root-cause/SKILL.md +220 -0
- package/packages/ampcode/{commands/trace-back → skills/root-cause}/find-polluter.sh +0 -0
- package/packages/{claude/commands/security.md → ampcode/skills/security/SKILL.md} +1 -1
- package/packages/{claude/commands/ship.md → ampcode/skills/ship/SKILL.md} +1 -1
- package/packages/ampcode/skills/skill-creator/LICENSE.txt +202 -0
- package/packages/ampcode/{commands/skill-creator.md → skills/skill-creator/SKILL.md} +1 -2
- package/packages/ampcode/{commands → skills}/skill-creator/scripts/init_skill.py +0 -0
- package/packages/ampcode/{commands → skills}/skill-creator/scripts/package_skill.py +0 -0
- package/packages/ampcode/{commands → skills}/skill-creator/scripts/quick_validate.py +0 -0
- package/packages/ampcode/{commands/stash.md → skills/stash/SKILL.md} +2 -1
- package/packages/{claude/commands/test-generate.md → ampcode/skills/test-generate/SKILL.md} +2 -2
- package/packages/ampcode/variants.json +2 -2
- package/packages/claude/CLAUDE.md +11 -19
- package/packages/claude/agents/code-developer.md +11 -17
- package/packages/claude/agents/orchestrator.md +4 -5
- package/packages/claude/agents/quality-assurance.md +3 -1
- package/packages/claude/skills/brainstorming/SKILL.md +1 -2
- package/packages/claude/{commands/branch-review.md → skills/branch-review/SKILL.md} +1 -1
- package/packages/{ampcode/commands/docs-builder.md → claude/skills/docs-builder/SKILL.md} +7 -7
- package/packages/claude/skills/live-canvas/SKILL.md +5 -1
- package/packages/claude/{commands/refactor.md → skills/refactor/SKILL.md} +53 -5
- package/packages/claude/{commands/release.md → skills/release/SKILL.md} +1 -1
- package/packages/{ampcode/commands → claude/skills}/remember/AGENT_RULES.md +38 -78
- package/packages/claude/{commands/remember.md → skills/remember/SKILL.md} +86 -13
- package/packages/claude/{commands → skills}/remember/friction.cjs +0 -0
- package/packages/claude/skills/remember/stub-check.cjs +206 -0
- package/packages/claude/skills/remember/sync-rules.cjs +178 -0
- package/packages/claude/skills/remember/version-check.cjs +214 -0
- package/packages/claude/skills/root-cause/SKILL.md +220 -0
- package/packages/{ampcode/commands/security.md → claude/skills/security/SKILL.md} +2 -2
- package/packages/{ampcode/commands/ship.md → claude/skills/ship/SKILL.md} +2 -2
- package/packages/claude/skills/skill-creator/SKILL.md +1 -2
- package/packages/claude/{commands/stash.md → skills/stash/SKILL.md} +2 -1
- package/packages/{ampcode/commands/test-generate.md → claude/skills/test-generate/SKILL.md} +3 -3
- package/packages/claude/variants.json +1 -2
- package/packages/droid/AGENTS.md +10 -16
- package/packages/droid/commands/brainstorming.md +1 -4
- package/packages/droid/commands/branch-review.md +11 -14
- package/packages/droid/commands/docs-builder.md +0 -3
- package/packages/droid/commands/live-canvas.md +7 -5
- package/packages/droid/commands/refactor.md +55 -10
- package/packages/droid/commands/release.md +2 -5
- package/packages/droid/commands/remember/AGENT_RULES.md +38 -78
- package/packages/droid/commands/remember/stub-check.cjs +206 -0
- package/packages/droid/commands/remember/sync-rules.cjs +178 -0
- package/packages/droid/commands/remember/version-check.cjs +214 -0
- package/packages/droid/commands/remember.md +84 -14
- package/packages/droid/commands/root-cause.md +218 -0
- package/packages/droid/commands/security.md +0 -3
- package/packages/droid/commands/ship.md +0 -3
- package/packages/droid/commands/skill-creator/LICENSE.txt +202 -0
- package/packages/droid/commands/skill-creator.md +0 -4
- package/packages/droid/commands/stash.md +0 -2
- package/packages/droid/commands/test-generate.md +1 -4
- package/packages/droid/droids/1-create-prd.md +6 -2
- package/packages/droid/droids/2-generate-tasks.md +1 -2
- package/packages/droid/droids/3-process-task-list.md +1 -2
- package/packages/droid/droids/code-developer.md +12 -19
- package/packages/droid/droids/feature-planner.md +1 -2
- package/packages/droid/droids/market-researcher.md +1 -2
- package/packages/droid/droids/orchestrator.md +3 -4
- package/packages/droid/droids/quality-assurance.md +4 -3
- package/packages/droid/droids/system-architect.md +1 -2
- package/packages/droid/droids/ui-designer.md +1 -2
- package/packages/opencode/AGENTS.md +10 -16
- package/packages/opencode/agent/code-developer.md +11 -17
- package/packages/opencode/agent/orchestrator.md +2 -2
- package/packages/opencode/agent/quality-assurance.md +3 -1
- package/packages/opencode/command/brainstorming.md +1 -4
- package/packages/opencode/command/branch-review.md +11 -15
- package/packages/opencode/command/docs-builder.md +0 -4
- package/packages/opencode/command/live-canvas.md +7 -5
- package/packages/opencode/command/refactor.md +55 -11
- package/packages/opencode/command/release.md +2 -5
- package/packages/opencode/command/remember/AGENT_RULES.md +38 -78
- package/packages/opencode/command/remember/stub-check.cjs +206 -0
- package/packages/opencode/command/remember/sync-rules.cjs +178 -0
- package/packages/opencode/command/remember/version-check.cjs +214 -0
- package/packages/opencode/command/remember.md +84 -14
- package/packages/opencode/command/root-cause.md +218 -0
- package/packages/opencode/command/security.md +0 -4
- package/packages/opencode/command/ship.md +0 -3
- package/packages/opencode/command/skill-creator/LICENSE.txt +202 -0
- package/packages/opencode/command/skill-creator.md +0 -4
- package/packages/opencode/command/stash.md +0 -3
- package/packages/opencode/command/test-generate.md +1 -5
- package/packages/opencode/opencode.jsonc +4 -34
- package/packages/subagentic-manual.md +147 -314
- package/packages/ampcode/agents/context-builder.md +0 -144
- package/packages/ampcode/commands/debug-method.md +0 -297
- package/packages/ampcode/commands/live-canvas/README.md +0 -264
- package/packages/ampcode/commands/optimize.md +0 -61
- package/packages/ampcode/commands/tdd-flow.md +0 -390
- package/packages/ampcode/commands/test-traps/example.ts +0 -158
- package/packages/ampcode/commands/test-traps.md +0 -378
- package/packages/ampcode/commands/trace-back.md +0 -176
- package/packages/ampcode/commands/verify-done.md +0 -152
- package/packages/claude/agents/context-builder.md +0 -145
- package/packages/claude/commands/optimize.md +0 -61
- package/packages/claude/plugins/live-canvas-marketplace/plugins/live-canvas-channel/README.md +0 -89
- package/packages/claude/skills/debug-method/CREATION-LOG.md +0 -119
- package/packages/claude/skills/debug-method/SKILL.md +0 -296
- package/packages/claude/skills/debug-method/test-academic.md +0 -14
- package/packages/claude/skills/debug-method/test-pressure-1.md +0 -58
- package/packages/claude/skills/debug-method/test-pressure-2.md +0 -68
- package/packages/claude/skills/debug-method/test-pressure-3.md +0 -69
- package/packages/claude/skills/live-canvas/README.md +0 -269
- package/packages/claude/skills/tdd-flow/SKILL.md +0 -392
- package/packages/claude/skills/test-traps/SKILL.md +0 -378
- package/packages/claude/skills/test-traps/example.ts +0 -158
- package/packages/claude/skills/trace-back/SKILL.md +0 -176
- package/packages/claude/skills/verify-done/SKILL.md +0 -152
- package/packages/droid/commands/debug-method.md +0 -297
- package/packages/droid/commands/live-canvas/README.md +0 -264
- package/packages/droid/commands/optimize.md +0 -61
- package/packages/droid/commands/tdd-flow.md +0 -390
- package/packages/droid/commands/test-traps/example.ts +0 -158
- package/packages/droid/commands/test-traps.md +0 -378
- package/packages/droid/commands/trace-back.md +0 -176
- package/packages/droid/commands/verify-done.md +0 -152
- package/packages/droid/droids/context-builder.md +0 -144
- package/packages/opencode/agent/context-builder.md +0 -148
- package/packages/opencode/command/debug-method.md +0 -297
- package/packages/opencode/command/live-canvas/README.md +0 -264
- package/packages/opencode/command/optimize.md +0 -61
- package/packages/opencode/command/tdd-flow.md +0 -390
- package/packages/opencode/command/test-traps/example.ts +0 -158
- package/packages/opencode/command/test-traps.md +0 -378
- package/packages/opencode/command/trace-back.md +0 -176
- package/packages/opencode/command/verify-done.md +0 -152
- /package/packages/ampcode/{commands → skills}/docs-builder/docs-builder.cjs +0 -0
- /package/packages/ampcode/{commands → skills}/live-canvas/DESIGN_PRINCIPLES.md +0 -0
- /package/packages/ampcode/{commands → skills}/live-canvas/dev/post-variants.html +0 -0
- /package/packages/ampcode/{commands → skills}/live-canvas/templates/lab-banner.html +0 -0
- /package/packages/ampcode/{commands → skills}/live-canvas/templates/overlay-vanilla.js +0 -0
- /package/packages/claude/{commands → skills}/docs-builder/docs-builder.cjs +0 -0
- /package/packages/claude/skills/{trace-back → root-cause}/find-polluter.sh +0 -0
- /package/packages/droid/commands/{trace-back → root-cause}/find-polluter.sh +0 -0
- /package/packages/opencode/command/{trace-back → root-cause}/find-polluter.sh +0 -0
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: 1-create-prd
|
|
3
|
-
description: Create PRDs through structured discovery
|
|
4
|
-
when_to_use: Define Scope - use to clearly outline what needs to be built with a Product Requirement Document (PRD)
|
|
3
|
+
description: Create PRDs through structured discovery. Define Scope - use to clearly outline what needs to be built with a Product Requirement Document (PRD)
|
|
5
4
|
model: inherit
|
|
6
5
|
tools: ["Read", "LS", "Grep", "Glob", "Create", "Edit", "MultiEdit", "ApplyPatch", "Execute", "WebSearch", "FetchUrl", "mcp"]
|
|
7
6
|
---
|
|
@@ -168,3 +167,8 @@ B) Proceed to task generation
|
|
|
168
167
|
- [ ] Asked essential questions (max 2 rounds, max 10 total)?
|
|
169
168
|
- [ ] Waited for user answers (didn't assume)?
|
|
170
169
|
- [ ] Remaining unknowns moved to Open Questions?
|
|
170
|
+
- [ ] PRD focuses on what/why, not how?
|
|
171
|
+
- [ ] Requirements specific and actionable?
|
|
172
|
+
- [ ] Removed redundancy and bloat?
|
|
173
|
+
- [ ] Noted constraints without expanding into architecture?
|
|
174
|
+
- [ ] Non-goals stated (min 2-3)?
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: 2-generate-tasks
|
|
3
|
-
description: Convert PRDs into development task lists
|
|
4
|
-
when_to_use: Detailed Planning - use to break down the PRD into a granular, actionable task list
|
|
3
|
+
description: Convert PRDs into development task lists. Detailed Planning - use to break down the PRD into a granular, actionable task list
|
|
5
4
|
model: inherit
|
|
6
5
|
tools: ["Read", "LS", "Grep", "Glob", "Create", "Edit", "MultiEdit", "ApplyPatch", "Execute", "WebSearch", "FetchUrl", "mcp"]
|
|
7
6
|
---
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: 3-process-task-list
|
|
3
|
-
description: Execute task lists with sequential commits
|
|
4
|
-
when_to_use: Iterative Implementation - use to guide the AI to tackle one task at a time, allowing you to review and approve each change
|
|
3
|
+
description: Execute task lists with sequential commits. Iterative Implementation - use to guide the AI to tackle one task at a time, allowing you to review and approve each change
|
|
5
4
|
model: inherit
|
|
6
5
|
tools: ["Read", "LS", "Grep", "Glob", "Create", "Edit", "MultiEdit", "ApplyPatch", "Execute", "WebSearch", "FetchUrl", "mcp"]
|
|
7
6
|
---
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: code-developer
|
|
3
|
-
description: Implement code, debug, refactor, optimize
|
|
4
|
-
when_to_use: Use for code implementation, debugging, refactoring, optimization, and development best practices
|
|
3
|
+
description: Implement code, debug, refactor, optimize. Use for code implementation, debugging, refactoring, optimization, and development best practices
|
|
5
4
|
model: inherit
|
|
6
5
|
tools: ["Read", "LS", "Grep", "Glob", "Create", "Edit", "MultiEdit", "ApplyPatch", "Execute", "WebSearch", "FetchUrl", "mcp"]
|
|
7
6
|
---
|
|
@@ -37,29 +36,26 @@ digraph CodeDeveloper {
|
|
|
37
36
|
work_type [label="Work type?", shape=diamond];
|
|
38
37
|
|
|
39
38
|
// Context discovery (conditional)
|
|
40
|
-
needs_context [label="Debug
|
|
39
|
+
needs_context [label="Debug or\nrefactor?", shape=diamond];
|
|
41
40
|
context_discovery [label="Context Discovery\n(search related code,\ndeps, usages)", fillcolor=lightyellow];
|
|
42
41
|
|
|
43
42
|
// Debug path
|
|
44
|
-
use_debug [label="Use /
|
|
43
|
+
use_debug [label="Use /root-cause"];
|
|
45
44
|
|
|
46
45
|
// Refactor path
|
|
47
46
|
use_refactor [label="Use /refactor"];
|
|
48
47
|
|
|
49
|
-
// Optimize path
|
|
50
|
-
use_optimize [label="Use /optimize"];
|
|
51
|
-
|
|
52
48
|
// Implement path
|
|
53
49
|
implement [label="Implement changes"];
|
|
54
50
|
|
|
55
51
|
// Conditional testing
|
|
56
52
|
tdd_needed [label="TDD specified\nor tests needed?", shape=diamond];
|
|
57
|
-
use_tdd [label="Use /
|
|
53
|
+
use_tdd [label="Use /test-generate"];
|
|
58
54
|
|
|
59
55
|
// Validation
|
|
60
56
|
run_validations [label="Run validations\n(lint, build, tests)"];
|
|
61
57
|
validations_pass [label="Pass?", shape=diamond];
|
|
62
|
-
fix_issues [label="Fix issues\n(use /
|
|
58
|
+
fix_issues [label="Fix issues\n(use /root-cause if needed)"];
|
|
63
59
|
failure_count [label="3+ failures?", shape=diamond];
|
|
64
60
|
|
|
65
61
|
// Security check
|
|
@@ -76,7 +72,7 @@ digraph CodeDeveloper {
|
|
|
76
72
|
|
|
77
73
|
// Review and complete
|
|
78
74
|
code_review [label="Run /branch-review"];
|
|
79
|
-
verification [label="Run
|
|
75
|
+
verification [label="Run the proof", fillcolor=orange];
|
|
80
76
|
|
|
81
77
|
// Story-specific
|
|
82
78
|
update_story [label="Update story\n(checkbox, changelog)"];
|
|
@@ -100,12 +96,10 @@ digraph CodeDeveloper {
|
|
|
100
96
|
|
|
101
97
|
work_type -> use_debug [label="debug"];
|
|
102
98
|
work_type -> use_refactor [label="refactor"];
|
|
103
|
-
work_type -> use_optimize [label="optimize"];
|
|
104
99
|
work_type -> implement [label="implement"];
|
|
105
100
|
|
|
106
101
|
use_debug -> implement;
|
|
107
102
|
use_refactor -> implement;
|
|
108
|
-
use_optimize -> implement;
|
|
109
103
|
|
|
110
104
|
implement -> tdd_needed;
|
|
111
105
|
tdd_needed -> use_tdd [label="YES"];
|
|
@@ -184,14 +178,13 @@ All require `*` prefix. Invocation commands in table above. Additional:
|
|
|
184
178
|
|
|
185
179
|
| Situation | Delegate To |
|
|
186
180
|
|-----------|-------------|
|
|
187
|
-
| Bug encountered | `/
|
|
188
|
-
| Error deep in stack | `/
|
|
189
|
-
| Refactoring code | `/refactor` |
|
|
190
|
-
| Need tests (when required) | `/test-generate`
|
|
191
|
-
| Writing any test |
|
|
192
|
-
| Before completion |
|
|
181
|
+
| Bug encountered | `/root-cause` |
|
|
182
|
+
| Error deep in stack | `/root-cause` (Phase 1, step 5) |
|
|
183
|
+
| Refactoring code, or a perf problem | `/refactor` (its perf pass is on by default) |
|
|
184
|
+
| Need tests (when required) | `/test-generate` |
|
|
185
|
+
| Writing any test | AGENT_RULES.md → Testing Standards |
|
|
186
|
+
| Before completion | Run the proof and read its output |
|
|
193
187
|
| After code changes | `/security` |
|
|
194
188
|
| Task complete / general review | `/branch-review` (reviews the branch + full security audit, verifies claims, reports findings — never fixes) |
|
|
195
|
-
| Performance issues | `/optimize` |
|
|
196
189
|
|
|
197
190
|
You are an autonomous implementation specialist. Execute with precision, delegate appropriately, and communicate clearly when you need guidance or encounter blockers.
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: feature-planner
|
|
3
|
-
description: Epics, user stories, prioritization, backlog management
|
|
4
|
-
when_to_use: Use for creating epics and user stories, prioritization, backlog navigation, story refinement, and sprint planning
|
|
3
|
+
description: Epics, user stories, prioritization, backlog management. Use for creating epics and user stories, prioritization, backlog navigation, story refinement, and sprint planning
|
|
5
4
|
model: inherit
|
|
6
5
|
tools: ["Read", "LS", "Grep", "Glob", "Create", "Edit", "MultiEdit", "ApplyPatch", "Execute", "WebSearch", "FetchUrl", "mcp"]
|
|
7
6
|
---
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: market-researcher
|
|
3
|
-
description: Research markets, analyze competitors, brainstorm
|
|
4
|
-
when_to_use: Use for market research, brainstorming, competitive analysis, project briefs, and initial project discovery
|
|
3
|
+
description: Research markets, analyze competitors, brainstorm. Use for market research, brainstorming, competitive analysis, project briefs, and initial project discovery
|
|
5
4
|
model: inherit
|
|
6
5
|
tools: ["Read", "LS", "Grep", "Glob", "Create", "Edit", "MultiEdit", "ApplyPatch", "Execute", "WebSearch", "FetchUrl", "mcp"]
|
|
7
6
|
---
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: orchestrator
|
|
3
|
-
description: Route to agents, execute workflows, discover resources
|
|
4
|
-
when_to_use: Use for workflow coordination, multi-agent tasks, role switching, and when unsure which specialist to consult
|
|
3
|
+
description: Route to agents, execute workflows, discover resources. Use for workflow coordination, multi-agent tasks, role switching, and when unsure which specialist to consult
|
|
5
4
|
model: inherit
|
|
6
5
|
tools: ["Read", "LS", "Grep", "Glob", "Create", "Edit", "MultiEdit", "ApplyPatch", "Execute", "WebSearch", "FetchUrl", "mcp"]
|
|
7
6
|
---
|
|
@@ -77,7 +76,7 @@ Predefined multi-agent sequences:
|
|
|
77
76
|
| Workflow | Sequence | When |
|
|
78
77
|
|----------|----------|------|
|
|
79
78
|
| **Greenfield** | market-researcher → feature-planner → 1-create-prd → 2-generate-tasks → 3-process-task-list | New product/feature from scratch |
|
|
80
|
-
| **Brownfield** |
|
|
79
|
+
| **Brownfield** | system-architect → feature-planner | Understand existing codebase |
|
|
81
80
|
| **Feature** | feature-planner → 1-create-prd → 2-generate-tasks → 3-process-task-list | Add feature to existing product |
|
|
82
81
|
| **Bug Fix** | code-developer → quality-assurance | Fix and verify |
|
|
83
82
|
| **Sprint** | feature-planner (*sprint-plan) → 2-generate-tasks | Plan sprint from backlog |
|
|
@@ -96,7 +95,7 @@ Quick routing when user has clear intent:
|
|
|
96
95
|
| review, quality, test | quality-assurance |
|
|
97
96
|
| design, UI, wireframe | ui-designer |
|
|
98
97
|
| architecture, tech, design doc | system-architect |
|
|
99
|
-
| understand,
|
|
98
|
+
| understand, brownfield, existing codebase | system-architect |
|
|
100
99
|
|
|
101
100
|
## Commands
|
|
102
101
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: quality-assurance
|
|
3
|
-
description: Code quality validation, test architecture, security review
|
|
4
|
-
when_to_use: Use for code review, test coverage analysis, security scanning, quality gate decisions, and improvement recommendations
|
|
3
|
+
description: Code quality validation, test architecture, security review. Use for code review, test coverage analysis, security scanning, quality gate decisions, and improvement recommendations
|
|
5
4
|
model: inherit
|
|
6
5
|
tools: ["Read", "LS", "Grep", "Glob", "Create", "Edit", "MultiEdit", "ApplyPatch", "Execute", "WebSearch", "FetchUrl", "mcp"]
|
|
7
6
|
---
|
|
@@ -59,13 +58,15 @@ digraph QualityAssurance {
|
|
|
59
58
|
|
|
60
59
|
Before any analysis, read (if exists):
|
|
61
60
|
- `AGENTS.md` - Project instructions, patterns, conventions
|
|
61
|
+
<!-- mirror:literal:start — names every tool's config file on purpose -->
|
|
62
62
|
- `AGENT.md` / `AGENTS.md` - Agent configurations
|
|
63
|
+
<!-- mirror:literal:end -->
|
|
63
64
|
- `README.md` - Project overview
|
|
64
65
|
- Test config files (`jest.config`, `pytest.ini`, etc.)
|
|
65
66
|
|
|
66
67
|
## Slash Commands Available
|
|
67
68
|
|
|
68
|
-
Use these during analysis: `/branch-review`, `/security
|
|
69
|
+
Use these during analysis: `/branch-review`, `/security`
|
|
69
70
|
|
|
70
71
|
## Analysis Areas
|
|
71
72
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: system-architect
|
|
3
|
-
description: Design MVP-first architectures with opensource preference
|
|
4
|
-
when_to_use: Use for system design, HLA/HLD creation, technology selection, and architecture validation from epics, user stories, or PRDs
|
|
3
|
+
description: Design MVP-first architectures with opensource preference. Use for system design, HLA/HLD creation, technology selection, and architecture validation from epics, user stories, or PRDs
|
|
5
4
|
model: inherit
|
|
6
5
|
tools: ["Read", "LS", "Grep", "Glob", "Create", "Edit", "MultiEdit", "ApplyPatch", "Execute", "WebSearch", "FetchUrl", "mcp"]
|
|
7
6
|
---
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
---
|
|
2
2
|
name: ui-designer
|
|
3
|
-
description: Design lightweight, functional UI with simplified flows
|
|
4
|
-
when_to_use: Use for UI/UX design, user journeys, low-fidelity mockups, flow simplification, and framework selection
|
|
3
|
+
description: Design lightweight, functional UI with simplified flows. Use for UI/UX design, user journeys, low-fidelity mockups, flow simplification, and framework selection
|
|
5
4
|
model: inherit
|
|
6
5
|
tools: ["Read", "LS", "Grep", "Glob", "Create", "Edit", "MultiEdit", "ApplyPatch", "Execute", "WebSearch", "FetchUrl", "mcp"]
|
|
7
6
|
---
|
|
@@ -6,7 +6,7 @@ Opencode is a lightweight CLI tool that provides workflow automation commands.
|
|
|
6
6
|
|
|
7
7
|
These subagents are available when using Claude Code CLI. Opencode can reference them but doesn't implement them directly.
|
|
8
8
|
|
|
9
|
-
### Subagents (
|
|
9
|
+
### Subagents (10 total)
|
|
10
10
|
|
|
11
11
|
| ID | Title | When To Use |
|
|
12
12
|
|---|---|---|
|
|
@@ -14,7 +14,6 @@ These subagents are available when using Claude Code CLI. Opencode can reference
|
|
|
14
14
|
| 2-generate-tasks | 2-Generate Tasks | Detailed Planning - use to break down the PRD into a granular, actionable task list |
|
|
15
15
|
| 3-process-task-list | 3-Process Task List | Iterative Implementation - use to guide the AI to tackle one task at a time, allowing you to review and approve each change |
|
|
16
16
|
| code-developer | Full Stack Developer | Use for code implementation, debugging, refactoring, and development best practices |
|
|
17
|
-
| context-builder | Context Initializer | Use to initialize project context for new/existing projects, discover and organize documentation, create AGENTS.md and KNOWLEDGE_BASE.md for optimal token-efficient memory |
|
|
18
17
|
| feature-planner | Product Manager | Use for creating epics and user stories, prioritization, backlog navigation, story refinement, and retrospectives |
|
|
19
18
|
| market-researcher | Business Analyst | Use for market research, brainstorming, competitive analysis, project briefs, and initial project discovery |
|
|
20
19
|
| orchestrator | Master Orchestrator | Use for workflow coordination, multi-agent tasks, role switching guidance, and when unsure which specialist to consult |
|
|
@@ -22,28 +21,23 @@ These subagents are available when using Claude Code CLI. Opencode can reference
|
|
|
22
21
|
| system-architect | Architect | Use for system design, architecture documents, technology selection, API design, and infrastructure planning |
|
|
23
22
|
| ui-designer | UX Expert | Use for UI/UX design, wireframes, prototypes, front-end specifications, and user experience optimization |
|
|
24
23
|
|
|
25
|
-
## Opencode Commands (
|
|
24
|
+
## Opencode Commands (13 total)
|
|
26
25
|
|
|
27
|
-
| ID | Description | Usage |
|
|
28
|
-
|
|
29
|
-
| brainstorming | Refines rough ideas into fully-formed designs through collaborative questioning | /brainstorming <session-type> <topic> |
|
|
30
|
-
| docs-builder | Reorg a docs corpus, split an oversized doc, search it, keep pages current, index them | /docs-builder [reorg \| cleanup <file.md>] |
|
|
31
|
-
| live-canvas | Design UI variations and collect click-to-annotate feedback from the browser (batch mode only on Opencode) | /live-canvas |
|
|
32
|
-
|
|
|
33
|
-
| refactor | Refactor code while maintaining behavior and tests | /refactor <code-section> | - |
|
|
26
|
+
| ID | Description | Usage |
|
|
27
|
+
|---|---|---|
|
|
28
|
+
| brainstorming | Refines rough ideas into fully-formed designs through collaborative questioning | /brainstorming <session-type> <topic> |
|
|
29
|
+
| docs-builder | Reorg a docs corpus, split an oversized doc, search it, keep pages current, index them | /docs-builder [reorg \| cleanup <file.md>] |
|
|
30
|
+
| live-canvas | Design UI variations and collect click-to-annotate feedback from the browser (batch mode only on Opencode) | /live-canvas |
|
|
31
|
+
| refactor | Refactor and optimize code while maintaining behavior and tests | /refactor <code-section> | - |
|
|
34
32
|
| remember | Consolidate stashes + friction into project memory | /remember | - |
|
|
35
33
|
| branch-review | Pre-merge review: general review + full security audit, verify pass, no fixes | /branch-review [target] [level] | - |
|
|
36
|
-
|
|
|
34
|
+
| root-cause | Find the cause before changing code - evidence, backward trace, one hypothesis, fix at the source | /root-cause <bug-or-error-description> |
|
|
37
35
|
| security | Security audit — recurring six, injection, auth, trust boundaries; reports, never fixes | /security [target] | - |
|
|
38
36
|
| ship | Mechanical pre-deploy gate — tests, build, tree state | /ship | - |
|
|
39
37
|
| release | Verify, sweep docs, cut a version — then hand back the merge/tag/publish sequence | /release | - |
|
|
40
|
-
| skill-creator | Guide for creating effective skills and extending Claude capabilities | /skill-creator <skill-type> <skill-description> |
|
|
38
|
+
| skill-creator | Guide for creating effective skills and extending Claude capabilities | /skill-creator <skill-type> <skill-description> |
|
|
41
39
|
| stash | Save session context for compaction recovery or handoffs | /stash ["optional-name"] | - |
|
|
42
|
-
| debug-method | Four-phase debugging framework - investigate root cause before any fixes | /debug-method <bug-or-error-description> | false |
|
|
43
|
-
| tdd-flow | Write test first, watch it fail, write minimal code to pass | /tdd-flow <feature-or-behavior-to-test> | true |
|
|
44
40
|
| test-generate | Generate tests, run them, verify each one actually exercises the code | /test-generate <file> | - |
|
|
45
|
-
| test-traps | Prevents testing mock behavior and production pollution with test-only methods | /test-traps <testing-scenario> | true |
|
|
46
|
-
| verify-done | Requires running verification commands before making any success claims | /verify-done <work-to-verify> | true |
|
|
47
41
|
|
|
48
42
|
All resources are auto-discovered from frontmatter in their respective directories:
|
|
49
43
|
- **Agents**: `./agent/*.md`
|
|
@@ -41,29 +41,26 @@ digraph CodeDeveloper {
|
|
|
41
41
|
work_type [label="Work type?", shape=diamond];
|
|
42
42
|
|
|
43
43
|
// Context discovery (conditional)
|
|
44
|
-
needs_context [label="Debug
|
|
44
|
+
needs_context [label="Debug or\nrefactor?", shape=diamond];
|
|
45
45
|
context_discovery [label="Context Discovery\n(search related code,\ndeps, usages)", fillcolor=lightyellow];
|
|
46
46
|
|
|
47
47
|
// Debug path
|
|
48
|
-
use_debug [label="Use /
|
|
48
|
+
use_debug [label="Use /root-cause"];
|
|
49
49
|
|
|
50
50
|
// Refactor path
|
|
51
51
|
use_refactor [label="Use /refactor"];
|
|
52
52
|
|
|
53
|
-
// Optimize path
|
|
54
|
-
use_optimize [label="Use /optimize"];
|
|
55
|
-
|
|
56
53
|
// Implement path
|
|
57
54
|
implement [label="Implement changes"];
|
|
58
55
|
|
|
59
56
|
// Conditional testing
|
|
60
57
|
tdd_needed [label="TDD specified\nor tests needed?", shape=diamond];
|
|
61
|
-
use_tdd [label="Use /
|
|
58
|
+
use_tdd [label="Use /test-generate"];
|
|
62
59
|
|
|
63
60
|
// Validation
|
|
64
61
|
run_validations [label="Run validations\n(lint, build, tests)"];
|
|
65
62
|
validations_pass [label="Pass?", shape=diamond];
|
|
66
|
-
fix_issues [label="Fix issues\n(use /
|
|
63
|
+
fix_issues [label="Fix issues\n(use /root-cause if needed)"];
|
|
67
64
|
failure_count [label="3+ failures?", shape=diamond];
|
|
68
65
|
|
|
69
66
|
// Security check
|
|
@@ -80,7 +77,7 @@ digraph CodeDeveloper {
|
|
|
80
77
|
|
|
81
78
|
// Review and complete
|
|
82
79
|
code_review [label="Run /branch-review"];
|
|
83
|
-
verification [label="Run
|
|
80
|
+
verification [label="Run the proof", fillcolor=orange];
|
|
84
81
|
|
|
85
82
|
// Story-specific
|
|
86
83
|
update_story [label="Update story\n(checkbox, changelog)"];
|
|
@@ -104,12 +101,10 @@ digraph CodeDeveloper {
|
|
|
104
101
|
|
|
105
102
|
work_type -> use_debug [label="debug"];
|
|
106
103
|
work_type -> use_refactor [label="refactor"];
|
|
107
|
-
work_type -> use_optimize [label="optimize"];
|
|
108
104
|
work_type -> implement [label="implement"];
|
|
109
105
|
|
|
110
106
|
use_debug -> implement;
|
|
111
107
|
use_refactor -> implement;
|
|
112
|
-
use_optimize -> implement;
|
|
113
108
|
|
|
114
109
|
implement -> tdd_needed;
|
|
115
110
|
tdd_needed -> use_tdd [label="YES"];
|
|
@@ -188,14 +183,13 @@ All require `*` prefix. Invocation commands in table above. Additional:
|
|
|
188
183
|
|
|
189
184
|
| Situation | Delegate To |
|
|
190
185
|
|-----------|-------------|
|
|
191
|
-
| Bug encountered | `/
|
|
192
|
-
| Error deep in stack | `/
|
|
193
|
-
| Refactoring code | `/refactor` |
|
|
194
|
-
| Need tests (when required) | `/test-generate`
|
|
195
|
-
| Writing any test |
|
|
196
|
-
| Before completion |
|
|
186
|
+
| Bug encountered | `/root-cause` |
|
|
187
|
+
| Error deep in stack | `/root-cause` (Phase 1, step 5) |
|
|
188
|
+
| Refactoring code, or a perf problem | `/refactor` (its perf pass is on by default) |
|
|
189
|
+
| Need tests (when required) | `/test-generate` |
|
|
190
|
+
| Writing any test | AGENT_RULES.md → Testing Standards |
|
|
191
|
+
| Before completion | Run the proof and read its output |
|
|
197
192
|
| After code changes | `/security` |
|
|
198
193
|
| Task complete / general review | `/branch-review` (reviews the branch + full security audit, verifies claims, reports findings — never fixes) |
|
|
199
|
-
| Performance issues | `/optimize` |
|
|
200
194
|
|
|
201
195
|
You are an autonomous implementation specialist. Execute with precision, delegate appropriately, and communicate clearly when you need guidance or encounter blockers.
|
|
@@ -81,7 +81,7 @@ Predefined multi-agent sequences:
|
|
|
81
81
|
| Workflow | Sequence | When |
|
|
82
82
|
|----------|----------|------|
|
|
83
83
|
| **Greenfield** | market-researcher → feature-planner → 1-create-prd → 2-generate-tasks → 3-process-task-list | New product/feature from scratch |
|
|
84
|
-
| **Brownfield** |
|
|
84
|
+
| **Brownfield** | system-architect → feature-planner | Understand existing codebase |
|
|
85
85
|
| **Feature** | feature-planner → 1-create-prd → 2-generate-tasks → 3-process-task-list | Add feature to existing product |
|
|
86
86
|
| **Bug Fix** | code-developer → quality-assurance | Fix and verify |
|
|
87
87
|
| **Sprint** | feature-planner (*sprint-plan) → 2-generate-tasks | Plan sprint from backlog |
|
|
@@ -100,7 +100,7 @@ Quick routing when user has clear intent:
|
|
|
100
100
|
| review, quality, test | quality-assurance |
|
|
101
101
|
| design, UI, wireframe | ui-designer |
|
|
102
102
|
| architecture, tech, design doc | system-architect |
|
|
103
|
-
| understand,
|
|
103
|
+
| understand, brownfield, existing codebase | system-architect |
|
|
104
104
|
|
|
105
105
|
## Commands
|
|
106
106
|
|
|
@@ -63,13 +63,15 @@ digraph QualityAssurance {
|
|
|
63
63
|
|
|
64
64
|
Before any analysis, read (if exists):
|
|
65
65
|
- `AGENTS.md` - Project instructions, patterns, conventions
|
|
66
|
+
<!-- mirror:literal:start — names every tool's config file on purpose -->
|
|
66
67
|
- `AGENT.md` / `AGENTS.md` - Agent configurations
|
|
68
|
+
<!-- mirror:literal:end -->
|
|
67
69
|
- `README.md` - Project overview
|
|
68
70
|
- Test config files (`jest.config`, `pytest.ini`, etc.)
|
|
69
71
|
|
|
70
72
|
## Slash Commands Available
|
|
71
73
|
|
|
72
|
-
Use these during analysis: `/branch-review`, `/security
|
|
74
|
+
Use these during analysis: `/branch-review`, `/security`
|
|
73
75
|
|
|
74
76
|
## Analysis Areas
|
|
75
77
|
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: brainstorming
|
|
3
2
|
description: Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes
|
|
4
|
-
usage: /brainstorming <session-type> <topic>
|
|
5
|
-
auto_trigger: false
|
|
6
3
|
---
|
|
7
4
|
|
|
8
5
|
# Brainstorming Ideas Into Designs
|
|
@@ -43,7 +40,7 @@ Start by understanding the current project context, then ask questions one at a
|
|
|
43
40
|
|
|
44
41
|
**Implementation (if continuing):**
|
|
45
42
|
- Ask: "Ready to set up for implementation?"
|
|
46
|
-
- Create isolated workspace
|
|
43
|
+
- Create isolated workspace for implementation
|
|
47
44
|
- Create detailed implementation plan
|
|
48
45
|
|
|
49
46
|
## Key Principles
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: branch-review
|
|
3
2
|
description: Review a branch before merge [target] [level]
|
|
4
|
-
usage: /branch-review [target] [low|medium|high|max]
|
|
5
|
-
argument-hint: [file, branch (e.g. main), range (main..HEAD), or empty] [effort level]
|
|
6
|
-
allowed-tools: Read, Grep, Glob, Agent, Bash(git diff *), Bash(git log *), Bash(git show *), Bash(git status *), Bash(git grep *), Bash(git rev-parse *), Bash(git merge-base *), Bash(rg *)
|
|
7
3
|
---
|
|
8
4
|
Pre-merge review gate. Two stages — **general review** then a **full security
|
|
9
5
|
audit** — followed by an adversarial verify pass. It **never edits code**: it
|
|
@@ -11,7 +7,7 @@ reports findings and hands them back. Fixing is a separate, separately
|
|
|
11
7
|
authorized action.
|
|
12
8
|
|
|
13
9
|
Only **Critical** and **High** findings block the merge. Everything else is
|
|
14
|
-
appended to the **fix ledger** (`.
|
|
10
|
+
appended to the **fix ledger** (`.opencode/remember/fix-ledger.md`) — a local,
|
|
15
11
|
cumulative list, living beside `MEMORY.md`, that `/refactor` (no arguments)
|
|
16
12
|
works through between features. Like its neighbours it is a private working
|
|
17
13
|
artifact, usually gitignored; it persists across reviews, it is not a
|
|
@@ -44,17 +40,17 @@ at the current HEAD SHA.
|
|
|
44
40
|
review of a report. (Same rule `/security` carries inside stage 2.)
|
|
45
41
|
- **No edits — two exceptions.** You have no authorization to change code,
|
|
46
42
|
even for a finding you are certain about. Report it. The only files you may
|
|
47
|
-
write are `.
|
|
48
|
-
delete) and `.
|
|
43
|
+
write are `.opencode/remember/fix-ledger.md` (append bullets; never rewrite or
|
|
44
|
+
delete) and `.opencode/remember/last-review.md` (overwrite; the review record
|
|
49
45
|
described at the end of this file).
|
|
50
46
|
- **Prove it with two checks, because neither sees what the other does.**
|
|
51
47
|
`git status --porcelain`, at start and again before you report, proves no
|
|
52
48
|
**tracked** file changed — that is the "never edits code" guarantee, and it
|
|
53
|
-
is the one that matters. It cannot police your own two writes: `.
|
|
49
|
+
is the one that matters. It cannot police your own two writes: `.opencode/`
|
|
54
50
|
is normally gitignored, so porcelain stays empty whether you wrote the
|
|
55
51
|
allowed files, wrote nothing, or overwrote `MEMORY.md`. `git status
|
|
56
|
-
--ignored` does not close it either — it collapses to `!! .
|
|
57
|
-
directory, not the files. So also take `md5sum .
|
|
52
|
+
--ignored` does not close it either — it collapses to `!! .opencode/`, the
|
|
53
|
+
directory, not the files. So also take `md5sum .opencode/remember/*` before
|
|
58
54
|
you start and again before you report, and show the comparison: only
|
|
59
55
|
`fix-ledger.md` and `last-review.md` may differ.
|
|
60
56
|
|
|
@@ -95,7 +91,7 @@ Record the **HEAD SHA** you reviewed, and **report the target you resolved**
|
|
|
95
91
|
(the literal range or path) in your output, so the orchestrator can see what
|
|
96
92
|
was actually read rather than assuming.
|
|
97
93
|
|
|
98
|
-
**Re-review after fixes: read `.
|
|
94
|
+
**Re-review after fixes: read `.opencode/remember/last-review.md` first.** Its
|
|
99
95
|
`sha:` line is the previously-reviewed commit and its `blockers:` list is what
|
|
100
96
|
you owe an answer on — take both from the file, never from the orchestrator's
|
|
101
97
|
recollection, for the same reason `/release` does. Then:
|
|
@@ -231,7 +227,7 @@ check before escalating.
|
|
|
231
227
|
|
|
232
228
|
### Ledger (non-blocking — medium / low)
|
|
233
229
|
Not in the report. **Append** each one as a single bullet to
|
|
234
|
-
`.
|
|
230
|
+
`.opencode/remember/fix-ledger.md` (create the file with the header below if
|
|
235
231
|
missing):
|
|
236
232
|
|
|
237
233
|
```
|
|
@@ -256,7 +252,7 @@ with `UNVERIFIED:` so `/refactor` retests before acting.
|
|
|
256
252
|
The **snippet is the anchor**: 20–60 verbatim characters from the line,
|
|
257
253
|
unique enough for `git grep -F` to find it after lines shift. No line
|
|
258
254
|
numbers, no TODO comments in code — the ledger is the single writer. Before
|
|
259
|
-
appending, dedupe with **plain `grep -F "<snippet>" .
|
|
255
|
+
appending, dedupe with **plain `grep -F "<snippet>" .opencode/remember/fix-ledger.md`**;
|
|
260
256
|
if it is already there, skip it. Do not touch existing bullets.
|
|
261
257
|
|
|
262
258
|
**A bullet you disprove is deleted, not annotated.** If you establish that an
|
|
@@ -280,7 +276,7 @@ Then a coverage line: stage 1 at level `<level>`, stage 2 full, stage 3 —
|
|
|
280
276
|
each `ran ✓/✗` with its evidence. A stage you did not actually run is a **✗**, never an
|
|
281
277
|
assumed pass.
|
|
282
278
|
|
|
283
|
-
**Write the review record** to `.
|
|
279
|
+
**Write the review record** to `.opencode/remember/last-review.md`, overwriting
|
|
284
280
|
it. `/release` reads this file; a SHA that lives only in a chat message is
|
|
285
281
|
gone after a compaction or a handover, and the only remaining source is the
|
|
286
282
|
orchestrator — the one party this command already refuses to take a review's
|
|
@@ -326,7 +322,7 @@ does not move — which means nothing was fixed, which is the correct outcome.
|
|
|
326
322
|
|
|
327
323
|
End with:
|
|
328
324
|
- **Reviewed at HEAD `<sha>` on `<branch>`, target `<resolved range or path>`,
|
|
329
|
-
tree clean at start; at exit clean or the two `.
|
|
325
|
+
tree clean at start; at exit clean or the two `.opencode/remember/` paths
|
|
330
326
|
only.**
|
|
331
327
|
- **Fix ledger: N open, M added this run** (N = bullet count). When N > 0,
|
|
332
328
|
add: "N fixes waiting — run `/refactor` between features." The ledger is a
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: docs-builder
|
|
3
2
|
description: Reorg a docs corpus, split an oversized doc, search it, keep pages current, index them
|
|
4
|
-
usage: /docs-builder [reorg | cleanup <file.md> | search <query words...>]
|
|
5
|
-
argument-hint: [reorg | cleanup <file.md> | search <query words...> — empty asks first run vs. drift]
|
|
6
|
-
allowed-tools: Read, Write, Edit, Grep, Glob, Task, AskUserQuestion, Bash(node:*), Bash(git:*), Bash(rg:*)
|
|
7
3
|
---
|
|
8
4
|
|
|
9
5
|
# docs-builder
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
---
|
|
2
|
-
name: live-canvas
|
|
3
2
|
description: Conduct design interviews, generate UI variations, and collect live click-to-annotate feedback that streams into the session so edits land without leaving the browser. Use when the user wants rapid iterative UI refinement, not just batched feedback.
|
|
4
3
|
---
|
|
5
4
|
|
|
@@ -26,7 +25,7 @@ Live Canvas supports two feedback transports. **The user picks every time** —
|
|
|
26
25
|
|
|
27
26
|
### Host detection — do this first
|
|
28
27
|
|
|
29
|
-
This SKILL.md is the Claude Code variant of the skill. Same content is mirrored as docs for Droid/Amp/Opencode under `packages/<tool
|
|
28
|
+
This SKILL.md is the Claude Code variant of the skill. Same content is mirrored as docs for Droid/Amp/Opencode under `packages/<tool>/` beside the other capabilities, but those tools don't support the MCP channel.
|
|
30
29
|
|
|
31
30
|
**If running under Droid, Amp, or Opencode (not Claude Code):**
|
|
32
31
|
- Skip the mode question entirely.
|
|
@@ -109,6 +108,8 @@ Or pick JSON now to stay in this session — feedback gets written to a file
|
|
|
109
108
|
you paste back here. No relaunch needed.
|
|
110
109
|
```
|
|
111
110
|
|
|
111
|
+
<!-- mirror:literal:start — Live mode is the Claude Code MCP plugin; these are
|
|
112
|
+
Claude's real paths in every kit, because no other tool can install it -->
|
|
112
113
|
**Case C — first-time setup block:**
|
|
113
114
|
|
|
114
115
|
```
|
|
@@ -125,6 +126,7 @@ Live mode needs a one-time install. Two steps:
|
|
|
125
126
|
That's it — once the plugin is installed, /live-canvas in any session can
|
|
126
127
|
claim the channel. Re-run /live-canvas and pick Live.
|
|
127
128
|
```
|
|
129
|
+
<!-- mirror:literal:end -->
|
|
128
130
|
|
|
129
131
|
Do not try to run any of these commands yourself. Three reasons:
|
|
130
132
|
1. The `/plugin` steps are Claude Code slash commands — not doable from inside a running session.
|
|
@@ -418,7 +420,7 @@ Create all files under `.claude-design/`:
|
|
|
418
420
|
|
|
419
421
|
### The overlay
|
|
420
422
|
|
|
421
|
-
**One template, every framework:** `~/.
|
|
423
|
+
**One template, every framework:** `~/.config/opencode/command/live-canvas/templates/overlay-vanilla.js`. Single file, zero dependencies, plain DOM. Works in vanilla JS, Vue, Svelte, Rails, Django, Phoenix, plain HTML, Next.js, Vite-React, Remix — anywhere a `<script>` tag runs.
|
|
422
424
|
|
|
423
425
|
Copy it into a directory served by the dev server (e.g. `public/overlay-vanilla.js` for Next.js, `static/overlay-vanilla.js` for Vite, the public dir for Rails/Django). Reference it from the lab page.
|
|
424
426
|
|
|
@@ -545,7 +547,7 @@ The Live Canvas page must include:
|
|
|
545
547
|
1. **Header** with:
|
|
546
548
|
- Design Brief summary (target, scope, key requirements)
|
|
547
549
|
- Instructions for reviewing
|
|
548
|
-
- **Lab banner (REQUIRED)** — paste `~/.
|
|
550
|
+
- **Lab banner (REQUIRED)** — paste `~/.config/opencode/command/live-canvas/templates/lab-banner.html` at the top of the lab page. Same text in any mode. For React/TSX labs, translate the inline style to a JS object: camelCase keys, string values. E.g. `style="border-radius:8px; padding:10px 14px; font-size:13px"` → `style={{ borderRadius: '8px', padding: '10px 14px', fontSize: '13px' }}`. Keep the text and `role="note"`.
|
|
549
551
|
|
|
550
552
|
2. **Variant Grid** with:
|
|
551
553
|
- Clear labels (A, B, C, D, E)
|
|
@@ -568,7 +570,7 @@ The Live Canvas page must include:
|
|
|
568
570
|
|
|
569
571
|
The overlay (`overlay-vanilla.js`) enables users to click on elements and leave comments. Without it, the Live Canvas is just a static page with no way to collect structured feedback.
|
|
570
572
|
|
|
571
|
-
- Copy `~/.
|
|
573
|
+
- Copy `~/.config/opencode/command/live-canvas/templates/overlay-vanilla.js` into a directory served by the dev server (e.g. `public/`, `static/`, or wherever the framework serves static assets).
|
|
572
574
|
- Reference it from the lab page via `<script>` tag and call `LiveCanvas.init({...})` once with `target`, `channelUrl` (Live mode), and optional `batchEndpoint`. See "Wiring the overlay" above for the exact snippets per framework.
|
|
573
575
|
- Every variant container in the lab page MUST have a `data-variant="X"` attribute (A, B, C, D, E, or F). The overlay uses this to route comments to the right variant file.
|
|
574
576
|
|