clikit-plugin 0.2.45 → 0.2.47

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 (177) hide show
  1. package/AGENTS.md +69 -3
  2. package/README.md +128 -92
  3. package/command/commit.md +1 -1
  4. package/command/create.md +65 -8
  5. package/command/debug.md +1 -1
  6. package/command/design.md +183 -43
  7. package/command/handoff.md +1 -1
  8. package/command/import-plan.md +2 -2
  9. package/command/init.md +1 -1
  10. package/command/issue.md +3 -4
  11. package/command/pr.md +1 -1
  12. package/command/research.md +5 -7
  13. package/command/resume.md +1 -1
  14. package/command/ship.md +29 -32
  15. package/command/start.md +38 -27
  16. package/command/{status-beads.md → status.md} +2 -3
  17. package/command/verify.md +132 -48
  18. package/dist/.tsbuildinfo +1 -1
  19. package/dist/agents/index.d.ts +0 -0
  20. package/dist/agents/index.d.ts.map +0 -0
  21. package/dist/beads-context.test.d.ts +2 -0
  22. package/dist/beads-context.test.d.ts.map +1 -0
  23. package/dist/cli.d.ts +0 -0
  24. package/dist/cli.d.ts.map +0 -0
  25. package/dist/cli.js +5 -0
  26. package/dist/cli.test.d.ts +0 -0
  27. package/dist/cli.test.d.ts.map +0 -0
  28. package/dist/clikit.schema.json +32 -11
  29. package/dist/clilog.test.d.ts +0 -0
  30. package/dist/clilog.test.d.ts.map +0 -0
  31. package/dist/commands/index.d.ts +0 -0
  32. package/dist/commands/index.d.ts.map +0 -0
  33. package/dist/config.d.ts +15 -7
  34. package/dist/config.d.ts.map +1 -1
  35. package/dist/config.test.d.ts +0 -0
  36. package/dist/config.test.d.ts.map +0 -0
  37. package/dist/hooks/beads-context.d.ts +2 -0
  38. package/dist/hooks/beads-context.d.ts.map +1 -1
  39. package/dist/hooks/empty-message-sanitizer.d.ts +0 -0
  40. package/dist/hooks/empty-message-sanitizer.d.ts.map +0 -0
  41. package/dist/hooks/error-logger.d.ts +0 -0
  42. package/dist/hooks/error-logger.d.ts.map +0 -0
  43. package/dist/hooks/git-guard.d.ts +0 -0
  44. package/dist/hooks/git-guard.d.ts.map +0 -0
  45. package/dist/hooks/index.d.ts +0 -2
  46. package/dist/hooks/index.d.ts.map +1 -1
  47. package/dist/hooks/memory-digest.d.ts +1 -0
  48. package/dist/hooks/memory-digest.d.ts.map +1 -1
  49. package/dist/hooks/security-check.d.ts +0 -0
  50. package/dist/hooks/security-check.d.ts.map +0 -0
  51. package/dist/hooks/subagent-question-blocker.d.ts +0 -0
  52. package/dist/hooks/subagent-question-blocker.d.ts.map +0 -0
  53. package/dist/hooks/todo-beads-sync.d.ts +1 -0
  54. package/dist/hooks/todo-beads-sync.d.ts.map +1 -1
  55. package/dist/hooks/todo-enforcer.d.ts +1 -1
  56. package/dist/hooks/todo-enforcer.d.ts.map +1 -1
  57. package/dist/hooks/truncator.d.ts +0 -0
  58. package/dist/hooks/truncator.d.ts.map +0 -0
  59. package/dist/index.d.ts +0 -0
  60. package/dist/index.d.ts.map +1 -1
  61. package/dist/index.js +250 -576
  62. package/dist/skills/index.d.ts +0 -0
  63. package/dist/skills/index.d.ts.map +0 -0
  64. package/dist/tools/cass-memory.d.ts +0 -0
  65. package/dist/tools/cass-memory.d.ts.map +0 -0
  66. package/dist/tools/context-summary.d.ts +0 -0
  67. package/dist/tools/context-summary.d.ts.map +0 -0
  68. package/dist/tools/index.d.ts +0 -3
  69. package/dist/tools/index.d.ts.map +1 -1
  70. package/dist/tools/memory-db.d.ts +0 -0
  71. package/dist/tools/memory-db.d.ts.map +0 -0
  72. package/dist/tools/memory.d.ts +0 -0
  73. package/dist/tools/memory.d.ts.map +0 -0
  74. package/dist/tools/observation.d.ts +0 -0
  75. package/dist/tools/observation.d.ts.map +0 -0
  76. package/dist/types.d.ts +0 -0
  77. package/dist/types.d.ts.map +0 -0
  78. package/memory/_digest.md +1 -1
  79. package/memory/_templates/handoff.md +0 -0
  80. package/memory/_templates/plan.md +35 -0
  81. package/memory/_templates/prd.md +0 -0
  82. package/memory/_templates/research.md +0 -0
  83. package/memory/_templates/review.md +0 -0
  84. package/memory/_templates/spec.md +12 -0
  85. package/memory/beads/.gitkeep +0 -0
  86. package/memory/handoffs/.gitkeep +0 -0
  87. package/memory/memory.db +0 -0
  88. package/memory/plans/.gitkeep +0 -0
  89. package/memory/prds/.gitkeep +0 -0
  90. package/memory/research/.gitkeep +0 -0
  91. package/memory/reviews/.gitkeep +0 -0
  92. package/memory/specs/.gitkeep +0 -0
  93. package/package.json +4 -4
  94. package/skill/beads/SKILL.md +42 -43
  95. package/skill/beads/mcp.json +26 -0
  96. package/skill/beads/references/api-reference.md +64 -0
  97. package/skill/chrome-devtools/SKILL.md +22 -23
  98. package/skill/chrome-devtools/mcp.json +17 -0
  99. package/skill/chrome-devtools/references/tool-reference.md +63 -0
  100. package/skill/condition-based-waiting/SKILL.md +28 -66
  101. package/skill/deep-research/SKILL.md +34 -103
  102. package/skill/deep-research/mcp.json +21 -0
  103. package/skill/deep-research/references/lsp-ops.md +44 -0
  104. package/skill/defense-in-depth/SKILL.md +29 -69
  105. package/skill/executing-plans/SKILL.md +25 -34
  106. package/skill/finishing-a-development-branch/SKILL.md +28 -89
  107. package/skill/playwright/SKILL.md +27 -22
  108. package/skill/playwright/mcp.json +20 -0
  109. package/skill/playwright/references/tool-reference.md +64 -0
  110. package/skill/receiving-code-review/SKILL.md +16 -27
  111. package/skill/requesting-code-review/SKILL.md +22 -26
  112. package/skill/ritual-workflow/SKILL.md +22 -82
  113. package/skill/root-cause-tracing/SKILL.md +30 -54
  114. package/skill/session-management/SKILL.md +21 -40
  115. package/skill/source-code-research/SKILL.md +33 -102
  116. package/skill/source-code-research/mcp.json +13 -0
  117. package/skill/source-code-research/references/quick-ref.md +65 -0
  118. package/skill/systematic-debugging/SKILL.md +28 -41
  119. package/skill/systematic-debugging/references/patterns.md +71 -0
  120. package/skill/test-driven-development/SKILL.md +16 -40
  121. package/skill/testing-anti-patterns/SKILL.md +36 -64
  122. package/skill/testing-anti-patterns/references/decision-matrix.md +55 -0
  123. package/skill/using-git-worktrees/SKILL.md +27 -103
  124. package/skill/vercel-react-best-practices/SKILL.md +50 -139
  125. package/skill/vercel-react-best-practices/references/patterns.md +70 -0
  126. package/skill/verification-before-completion/SKILL.md +19 -37
  127. package/skill/writing-plans/SKILL.md +20 -32
  128. package/skill/writing-skills/SKILL.md +52 -41
  129. package/skill/writing-skills/references/skill-anatomy.md +210 -0
  130. package/src/agents/AGENTS.md +48 -18
  131. package/src/agents/build.md +342 -93
  132. package/src/agents/explore.md +77 -60
  133. package/src/agents/index.ts +0 -0
  134. package/src/agents/oracle.md +154 -64
  135. package/src/agents/plan.md +275 -110
  136. package/src/agents/research.md +72 -54
  137. package/src/agents/review.md +183 -62
  138. package/src/agents/vision.md +7 -5
  139. package/command/plan.md +0 -152
  140. package/command/review-codebase.md +0 -228
  141. package/command/review.md +0 -135
  142. package/command/vision.md +0 -210
  143. package/dist/hooks/swarm-enforcer.d.ts +0 -31
  144. package/dist/hooks/swarm-enforcer.d.ts.map +0 -1
  145. package/dist/tools/beads-memory-sync.d.ts +0 -17
  146. package/dist/tools/beads-memory-sync.d.ts.map +0 -1
  147. package/dist/tools/quick-research.d.ts +0 -16
  148. package/dist/tools/quick-research.d.ts.map +0 -1
  149. package/dist/tools/swarm.d.ts +0 -57
  150. package/dist/tools/swarm.d.ts.map +0 -1
  151. package/skill/accessibility-audit/SKILL.md +0 -115
  152. package/skill/beads-bridge/SKILL.md +0 -45
  153. package/skill/brainstorming/SKILL.md +0 -41
  154. package/skill/cass-village/SKILL.md +0 -217
  155. package/skill/cloudflare/SKILL.md +0 -96
  156. package/skill/design-system-audit/SKILL.md +0 -136
  157. package/skill/development-lifecycle/SKILL.md +0 -58
  158. package/skill/dispatching-parallel-agents/SKILL.md +0 -94
  159. package/skill/figma/SKILL.md +0 -34
  160. package/skill/frontend-aesthetics/SKILL.md +0 -63
  161. package/skill/gemini-large-context/SKILL.md +0 -80
  162. package/skill/mockup-to-code/SKILL.md +0 -98
  163. package/skill/mqdh/SKILL.md +0 -54
  164. package/skill/notebooklm/SKILL.md +0 -71
  165. package/skill/playwriter/SKILL.md +0 -56
  166. package/skill/polar/SKILL.md +0 -39
  167. package/skill/resend/SKILL.md +0 -85
  168. package/skill/sharing-skills/SKILL.md +0 -50
  169. package/skill/subagent-driven-development/SKILL.md +0 -69
  170. package/skill/supabase/SKILL.md +0 -80
  171. package/skill/supabase-postgres-best-practices/SKILL.md +0 -168
  172. package/skill/swarm-coordination/SKILL.md +0 -54
  173. package/skill/testing-skills-with-subagents/SKILL.md +0 -102
  174. package/skill/ui-ux-research/SKILL.md +0 -93
  175. package/skill/v0/SKILL.md +0 -67
  176. package/skill/v1-run/SKILL.md +0 -85
  177. package/skill/visual-analysis/SKILL.md +0 -113
@@ -1,217 +0,0 @@
1
- ---
2
- name: cass-village
3
- description: Use when delegating multi-agent tasks with persistent memory. Combines CASS procedural memory with beads-village coordination so agents learn from every delegation cycle.
4
- ---
5
-
6
- # CASS Village Skill
7
-
8
- You are running the **cass-village** skill. Memory-informed multi-agent delegation with learning feedback loops.
9
-
10
- ## How It Works
11
-
12
- CliKit integrates with the real [CASS Memory System](https://github.com/Dicklesworthstone/cass_memory_system) (`cm` CLI) when available. If `cm` is not installed, it falls back to an embedded SQLite-based implementation with reduced capabilities.
13
-
14
- **With `cm` installed** (recommended): Full playbook management, Bayesian rule scoring, real reflection that distills sessions into rules, outcome tracking, and cross-agent memory sharing.
15
-
16
- **Without `cm`** (embedded fallback): Basic context retrieval via FTS5 search, feedback recording, and anti-pattern promotion. Reflection is a stub.
17
-
18
- ## The Problem
19
-
20
- Without shared memory, subagents repeat the same mistakes across sessions. Knowledge dies when a session ends. Tasks get assigned without context about what worked or failed before. This skill closes the loop: memory informs delegation, outcomes feed back into memory.
21
-
22
- ## Core Loop
23
-
24
- ```
25
- PLAN cm context per task Hydrate tasks with relevant rules
26
- | |
27
- v v
28
- ENRICH beads-village_add Tasks carry CASS context in description
29
- | |
30
- v v
31
- EXECUTE subagents claim Follow rules, leave inline feedback
32
- | |
33
- v v
34
- LEARN cm outcome + reflect Session knowledge becomes persistent rules
35
- ```
36
-
37
- ## Phase 1: Plan with Memory
38
-
39
- Before creating tasks, query CASS for relevant knowledge.
40
-
41
- ```bash
42
- # For each task you're about to delegate:
43
- cm context "<task description>" --json
44
- ```
45
-
46
- This returns:
47
- - **Playbook rules** scored against the task (with rule IDs like `b-8f3a2c`)
48
- - **History snippets** from past sessions where similar work was done
49
- - **Anti-patterns** to avoid (rules previously marked harmful)
50
-
51
- Extract the top 3-5 rules. These go into the task description.
52
-
53
- ## Phase 2: Enrich and Delegate
54
-
55
- When creating beads-village tasks, embed CASS context directly in the task description.
56
-
57
- **Task description template:**
58
-
59
- ```
60
- ## Task
61
- <what needs to be done>
62
-
63
- ## Memory Context
64
- Following rules from CASS playbook:
65
- - b-8f3a2c: <rule content> (score: 8.2, proven)
66
- - b-def456: <rule content> (score: 6.1, established)
67
-
68
- Avoid anti-patterns:
69
- - b-xyz789: PITFALL: <what not to do>
70
-
71
- ## Prior History
72
- <relevant snippet from cm context output, if any>
73
-
74
- ## Feedback Protocol
75
- When following a rule, comment: // [cass: helpful b-XXXX] - reason
76
- When a rule causes problems, comment: // [cass: harmful b-XXXX] - reason
77
- ```
78
-
79
- **Delegation commands:**
80
-
81
- ```
82
- beads-village_add title, desc (with CASS context), tags, deps
83
- beads-village_assign id, role
84
- ```
85
-
86
- Tag tasks with roles (`fe`, `be`, `qa`, `devops`, `mobile`) so the right subagent picks them up.
87
-
88
- ## Phase 3: Subagent Execution
89
-
90
- Subagents follow the standard beads cycle with one addition -- inline CASS feedback:
91
-
92
- ```
93
- 1. beads-village_claim Pick up the task
94
- 2. Read the Memory Context Note which rules apply
95
- 3. beads-village_reserve Lock files
96
- 4. Work Follow the rules, write code
97
- 5. Leave inline feedback // [cass: helpful b-XXX] or // [cass: harmful b-XXX]
98
- 6. beads-village_done Complete the task
99
- ```
100
-
101
- ### Inline Feedback Rules
102
-
103
- - Reference rule IDs when following them: `"Following b-8f3a2c, using retry with backoff"`
104
- - Mark rules helpful when they prevent a mistake or speed up work
105
- - Mark rules harmful when they cause a regression, waste time, or are wrong
106
- - Be specific in the reason -- vague feedback is discarded during reflection
107
-
108
- ## Phase 4: Learn from Outcomes
109
-
110
- After a batch of tasks completes, the leader records outcomes and triggers reflection.
111
-
112
- ### Record Task Outcomes
113
-
114
- For each completed task, record whether it succeeded or failed and which rules were used:
115
-
116
- ```bash
117
- # Successful task that followed specific rules
118
- cm outcome success b-8f3a2c,b-def456 --json
119
-
120
- # Failed task where a rule caused problems
121
- cm outcome failure b-xyz789 --text "Rate limiter approach caused deadlock" --json
122
-
123
- # Mixed results
124
- cm outcome mixed b-8f3a2c,b-def456 --json
125
- ```
126
-
127
- ### End-of-Session Reflection
128
-
129
- At session end, trigger reflection to distill new rules from the work done:
130
-
131
- ```bash
132
- cm reflect --days 1 --json
133
- ```
134
-
135
- This processes all session activity (including inline feedback) into:
136
- - New candidate rules from patterns detected
137
- - Score updates for existing rules (helpful/harmful counts)
138
- - Anti-pattern inversions for consistently harmful rules
139
- - Maturity promotions for consistently helpful rules
140
-
141
- ### Review Playbook Health
142
-
143
- ```bash
144
- # Top performing rules
145
- cm top 10
146
-
147
- # Find stale rules without recent feedback
148
- cm stale --days 60
149
-
150
- # Understand why a rule exists
151
- cm why b-8f3a2c
152
-
153
- # Overall playbook health metrics
154
- cm stats --json
155
- ```
156
-
157
- ## Decision Matrix
158
-
159
- | Situation | Action |
160
- |-----------|--------|
161
- | Creating a new task | Run `cm context` first, embed top rules |
162
- | Task similar to past failure | Include anti-patterns prominently in description |
163
- | Subagent following a rule successfully | Leave `// [cass: helpful b-XXX]` inline |
164
- | Rule caused a problem during execution | Leave `// [cass: harmful b-XXX]` inline |
165
- | Batch of tasks completed | Run `cm outcome` for each, then `cm reflect` |
166
- | Starting a new session | `cm context` for the overall goal to prime memory |
167
-
168
- ## Configuration
169
-
170
- In `clikit.config.json`:
171
-
172
- ```json
173
- {
174
- "hooks": {
175
- "cass_memory": {
176
- "enabled": true,
177
- "cm_path": "/path/to/cm",
178
- "context_on_session_created": true,
179
- "reflect_on_session_idle": true,
180
- "context_limit": 5,
181
- "reflect_days": 7,
182
- "log": true
183
- }
184
- }
185
- }
186
- ```
187
-
188
- The `cm_path` option lets you specify a custom path to the `cm` binary. If omitted, it looks for `cm` on your PATH.
189
-
190
- ## Graceful Degradation
191
-
192
- | Component Missing | Behavior |
193
- |-------------------|----------|
194
- | `cm` not installed | Falls back to embedded SQLite mode (basic context, no real reflection) |
195
- | No playbook rules match | Delegate without memory context |
196
- | `cm context` returns empty | Proceed -- the task is novel, learning starts now |
197
- | `cm reflect` fails | Outcomes are still recorded, retry later |
198
- | `cm outcome` without `cm` | Skipped (requires real cm CLI) |
199
-
200
- ## Leader Checklist
201
-
202
- ```
203
- [ ] Run cm context before creating tasks
204
- [ ] Embed top rules + anti-patterns in task descriptions
205
- [ ] Include feedback protocol instructions in each task
206
- [ ] After batch completion, run cm outcome for each task
207
- [ ] At session end, run cm reflect --days 1
208
- [ ] Review new/updated rules: cm top 10
209
- ```
210
-
211
- ## Anti-Patterns
212
-
213
- - Dumping the entire playbook into a task description (token waste, noise)
214
- - Skipping inline feedback (the learning loop breaks)
215
- - Never running reflection (knowledge stays ephemeral)
216
- - Assigning tasks without checking CASS first (repeating past mistakes)
217
- - Ignoring anti-patterns in task descriptions (same failures recur)
@@ -1,96 +0,0 @@
1
- ---
2
- name: cloudflare
3
- description: Use when deploying to Cloudflare Workers, managing Pages projects, using storage (KV, D1, R2), or configuring Cloudflare infrastructure.
4
- ---
5
-
6
- # Cloudflare Skill
7
-
8
- Comprehensive Cloudflare platform skill covering Workers, Pages, storage services (KV, D1, R2), AI services (Workers AI, Vectorize), and infrastructure-as-code management.
9
-
10
- ## Capabilities
11
-
12
- - **Workers**: Deploy, manage, debug serverless functions
13
- - **Pages**: Static site deployment with functions
14
- - **KV Storage**: Key-value data operations
15
- - **D1 Database**: SQLite at the edge
16
- - **R2 Storage**: Object storage (S3-compatible)
17
- - **Workers AI**: Run ML models at the edge
18
- - **Vectorize**: Vector database for embeddings
19
- - **Infrastructure-as-Code**: Wrangler configuration
20
-
21
- ## When to Use
22
-
23
- - Deploying serverless functions to the edge
24
- - Setting up static sites with edge functions
25
- - Managing edge storage (KV, D1, R2)
26
- - Running AI models at the edge
27
- - Building real-time applications
28
- - Configuring Cloudflare infrastructure
29
-
30
- ## Key Tools
31
-
32
- - `worker_deploy`: Deploy Worker script
33
- - `pages_deploy`: Deploy Pages project
34
- - `kv_get/set/delete`: KV namespace operations
35
- - `d1_query`: Execute D1 SQL queries
36
- - `r2_upload/download`: R2 object operations
37
- - `ai_run`: Execute Workers AI models
38
- - `vectorize_query`: Vector similarity search
39
-
40
- ## Example Usage
41
-
42
- ```
43
- // Deploy worker
44
- worker_deploy({
45
- name: "api-proxy",
46
- script: "./workers/proxy.ts",
47
- compatibility_date: "2024-01-01"
48
- })
49
-
50
- // KV operations
51
- kv_set({
52
- namespace: "cache",
53
- key: "user:123",
54
- value: { name: "Alice", role: "admin" }
55
- })
56
-
57
- // D1 query
58
- d1_query({
59
- database: "app-db",
60
- sql: "SELECT * FROM products WHERE category = ?",
61
- params: ["electronics"]
62
- })
63
-
64
- // Workers AI
65
- ai_run({
66
- model: "@cf/meta/llama-2-7b-chat-int8",
67
- prompt: "Explain edge computing"
68
- })
69
- ```
70
-
71
- ## Wrangler Configuration
72
-
73
- ```toml
74
- # wrangler.toml
75
- name = "my-worker"
76
- main = "src/index.ts"
77
- compatibility_date = "2024-01-01"
78
-
79
- [[kv_namespaces]]
80
- binding = "CACHE"
81
- id = "abc123"
82
-
83
- [[d1_databases]]
84
- binding = "DB"
85
- database_name = "app-db"
86
-
87
- [ai]
88
- binding = "AI"
89
- ```
90
-
91
- ## Notes
92
-
93
- - Requires Cloudflare API token
94
- - Supports wrangler CLI integration
95
- - Free tier available for most services
96
- - Global edge network deployment
@@ -1,136 +0,0 @@
1
- ---
2
- name: design-system-audit
3
- description: Use when auditing design systems for consistency, documenting tokens, or identifying design debt.
4
- ---
5
-
6
- # Design System Audit Skill
7
-
8
- You are running the **design-system-audit** skill. Consistency is currency.
9
-
10
- ## Audit Scope
11
-
12
- | Area | What to Check |
13
- |------|---------------|
14
- | Tokens | Definition, usage, gaps |
15
- | Components | Documentation, variants, states |
16
- | Patterns | Consistency, duplication |
17
- | Documentation | Completeness, accuracy |
18
-
19
- ## Process
20
-
21
- ### 1. Token Audit
22
-
23
- ```bash
24
- # Extract tokens from codebase
25
- grep -r "var(--" src/ --include="*.css" | sort | uniq
26
-
27
- # Compare with documented tokens
28
- diff <(grep "export" tokens.ts) <(cat tokens.md)
29
- ```
30
-
31
- Check:
32
- - [ ] All tokens documented
33
- - [ ] No hardcoded values bypassing tokens
34
- - [ ] Semantic tokens exist (not just primitive)
35
- - [ ] Token naming follows convention
36
-
37
- ### 2. Component Audit
38
-
39
- For each component:
40
- ```markdown
41
- ## [Component Name]
42
- - File: [path]
43
- - Props: [documented?] [types?]
44
- - Variants: [list] [documented?]
45
- - States: [default, hover, focus, disabled, error, loading]
46
- - Accessibility: [attributes] [tested?]
47
- - Usage examples: [present?]
48
- ```
49
-
50
- Red flags:
51
- - Undocumented props
52
- - Missing states
53
- - No accessibility attributes
54
- - Hardcoded colors/spacing
55
- - Duplicate patterns
56
-
57
- ### 3. Pattern Inventory
58
-
59
- ```bash
60
- # Find repeated patterns
61
- gemini -p "Identify duplicate or inconsistent UI patterns in these components: $(cat components/*.tsx)"
62
- ```
63
-
64
- Look for:
65
- - Multiple button implementations
66
- - Inconsistent spacing patterns
67
- - Different shadow definitions
68
- - Duplicate utility classes
69
-
70
- ### 4. Design Debt Score
71
-
72
- | Category | Weight | Scoring |
73
- |----------|--------|---------|
74
- | Undocumented tokens | High | Count × 2 |
75
- | Missing component states | Medium | Count × 1 |
76
- | Hardcoded values | High | Count × 3 |
77
- | Duplicate patterns | Medium | Count × 2 |
78
- | Outdated docs | Low | Count × 1 |
79
-
80
- ## Comparison: Implementation vs Design Specs
81
-
82
- ```bash
83
- # Compare Figma export with implementation
84
- gemini -p "Compare this design spec with the implemented component: Spec: $(cat spec.png) Code: $(cat component.tsx)"
85
- ```
86
-
87
- Check:
88
- - [ ] Colors match tokens
89
- - [ ] Spacing matches grid
90
- - [ ] Typography matches scale
91
- - [ ] Components match variants
92
- - [ ] States match specifications
93
-
94
- ## Output Template
95
-
96
- ```markdown
97
- ## Design System Audit Report
98
-
99
- ### Summary
100
- - Total components: [N]
101
- - Documented: [N] ([%])
102
- - Design debt score: [N]
103
-
104
- ### Token Gaps
105
- | Token | Used | Documented | Action |
106
- |-------|------|------------|--------|
107
- | --color-primary | Yes | No | Document |
108
-
109
- ### Component Issues
110
- | Component | Issue | Priority | Fix |
111
- |-----------|-------|----------|-----|
112
- | Button | Missing disabled state | High | Add state |
113
-
114
- ### Design Debt Items
115
- 1. [Item] - [Location] - [Recommended fix]
116
- ```
117
-
118
- ## Checklist
119
-
120
- - [ ] All tokens inventoried
121
- - [ ] Token documentation gaps identified
122
- - [ ] Components catalogued with states
123
- - [ ] Hardcoded values flagged
124
- - [ ] Duplicate patterns found
125
- - [ ] Design debt scored
126
- - [ ] Report saved to `.opencode/memory/reviews/`
127
-
128
- ## Red Flags
129
-
130
- - Tokens defined but never used
131
- - Components without documentation
132
- - Multiple implementations of same pattern
133
- - Hardcoded values overriding tokens
134
- - Outdated documentation
135
- - Missing accessibility documentation
136
- - No contribution guidelines
@@ -1,58 +0,0 @@
1
- ---
2
- name: development-lifecycle
3
- description: Use when building a complete feature from scratch. Orchestrates full lifecycle from ideation to verification.
4
- ---
5
-
6
- # Development Lifecycle Skill
7
-
8
- You are running the **development-lifecycle** skill. Guide features from idea to production.
9
-
10
- ## Phases
11
-
12
- ```
13
- IDEATION → DESIGN → SPECIFICATION → PLANNING → IMPLEMENTATION → VERIFICATION
14
- ```
15
-
16
- ### Phase 1: Ideation
17
- - Load: brainstorming skill
18
- - Goal: Understand the "why" and "what"
19
- - Output: Clear problem statement, success criteria
20
-
21
- ### Phase 2: Design
22
- - Explore architecture options
23
- - Consider constraints (time, resources, tech stack)
24
- - Output: Chosen approach, key decisions documented
25
-
26
- ### Phase 3: Specification
27
- - Define exact requirements
28
- - List acceptance criteria
29
- - Output: spec.md in `.opencode/memory/specs/`
30
-
31
- ### Phase 4: Planning
32
- - Load: writing-plans skill
33
- - Break into 2-5 min tasks
34
- - Output: plan.md in `.opencode/memory/plans/`
35
-
36
- ### Phase 5: Implementation
37
- - Load: executing-plans skill
38
- - Execute batch by batch
39
- - Checkpoint after each batch
40
-
41
- ### Phase 6: Verification
42
- - Run all tests
43
- - Type check
44
- - Lint
45
- - Build
46
- - Output: Verification report
47
-
48
- ## Phase Transitions
49
-
50
- Always confirm before moving to next phase:
51
- - "I've completed [phase]. Ready to move to [next phase]?"
52
-
53
- ## Rollback
54
-
55
- If issues found in later phases:
56
- 1. Document the issue
57
- 2. Roll back to relevant phase
58
- 3. Fix and re-verify downstream
@@ -1,94 +0,0 @@
1
- ---
2
- name: dispatching-parallel-agents
3
- description: Use when facing 3+ independent failures. Dispatches concurrent subagent workflows, one agent per problem domain.
4
- ---
5
-
6
- # Dispatching Parallel Agents Skill
7
-
8
- You are running the **dispatching-parallel-agents** skill. Solve multiple independent problems concurrently.
9
-
10
- ## When to Use
11
-
12
- **Use when:**
13
- - 3+ independent failures detected
14
- - Problems are in different domains/files
15
- - Each issue can be solved independently
16
- - Results can be merged after completion
17
-
18
- **Do NOT use when:**
19
- - Failures are related/dependent
20
- - Agents would edit the same files
21
- - Order of fixes matters
22
- - One fix might break another
23
-
24
- ## Dispatch Protocol
25
-
26
- ### 1. Problem Analysis
27
- ```
28
- For each failure:
29
- - Identify problem domain
30
- - Determine affected files
31
- - Check for file overlap with other problems
32
- - Estimate complexity
33
- ```
34
-
35
- ### 2. Agent Assignment
36
- ```
37
- Map problems to domains:
38
- - Frontend issues → @build with fe context
39
- - Backend issues → @build with be context
40
- - Test issues → @build with qa context
41
- - Config issues → @build with devops context
42
- ```
43
-
44
- ### 3. Parallel Execution
45
- - Launch all agents simultaneously
46
- - Each agent works in isolation
47
- - No cross-agent communication during work
48
- - Track progress independently
49
-
50
- ### 4. Result Merging
51
- ```
52
- After all agents complete:
53
- 1. Collect all changes
54
- 2. Verify no conflicts
55
- 3. Run integration tests
56
- 4. Merge results
57
- ```
58
-
59
- ## Example Scenario
60
-
61
- ```
62
- Failures detected:
63
- 1. Login button not rendering (frontend) → Agent A
64
- 2. API timeout on /users (backend) → Agent B
65
- 3. E2E test flaky (testing) → Agent C
66
-
67
- Dispatch 3 agents in parallel.
68
- Each fixes their domain.
69
- Merge after completion.
70
- ```
71
-
72
- ## Conflict Detection
73
-
74
- Before dispatching, verify:
75
- - No file overlap between assignments
76
- - No shared state modifications
77
- - No ordering dependencies
78
-
79
- ## Rules
80
-
81
- | Rule | Why |
82
- |------|-----|
83
- | Minimum 3 problems | Overhead worth it at scale |
84
- | Independent only | Avoid conflicts |
85
- | Different files | Safe parallel edits |
86
- | Merge verification | Catch integration issues |
87
-
88
- ## Failure Handling
89
-
90
- If any agent fails:
91
- 1. Report failure immediately
92
- 2. Other agents continue
93
- 3. Address failed agent's issue separately
94
- 4. Do not block successful completions
@@ -1,34 +0,0 @@
1
- ---
2
- name: figma
3
- description: Use when you need to access Figma design data, layouts, or assets for implementation.
4
- ---
5
-
6
- # Figma Skill
7
-
8
- You are running the **figma** skill. Access Figma design data via Framelink MCP.
9
-
10
- ## Capabilities
11
-
12
- | Action | Description |
13
- |--------|-------------|
14
- | Fetch layout | Get component hierarchy, spacing, dimensions |
15
- | Get styles | Colors, typography, shadows, borders |
16
- | Get components | Extract reusable component definitions |
17
- | Download assets | SVG/PNG export for icons, images |
18
-
19
- ## Usage
20
-
21
- 1. Provide Figma file URL or frame ID
22
- 2. Specify what you need (layout, styles, assets)
23
- 3. Skill fetches via Framelink MCP (on-demand)
24
- 4. Convert to code matching your tech stack
25
-
26
- ## MCP Loading
27
-
28
- This skill loads the Framelink MCP server **only when used**. No persistent connection overhead.
29
-
30
- ## Best Practices
31
-
32
- - Request specific frames, not entire files
33
- - Export assets at appropriate resolutions
34
- - Match design tokens to your CSS variables
@@ -1,63 +0,0 @@
1
- ---
2
- name: frontend-aesthetics
3
- description: Use when building UI components or pages. Prevents AI slop aesthetic with distinctive design direction.
4
- ---
5
-
6
- # Frontend Aesthetics Skill
7
-
8
- You are running the **frontend-aesthetics** skill. No generic AI designs. No purple gradients.
9
-
10
- ## Core Principle
11
-
12
- Pick ONE aesthetic direction. Commit fully. No hybrid compromises.
13
-
14
- ## Aesthetic Directions
15
-
16
- | Direction | Typography | Colors | Motion |
17
- |-----------|------------|--------|--------|
18
- | Neo-Brutalist | Bold sans-serif, high contrast | Black/white + 1 accent | Sharp, instant |
19
- | Glass Morphism | Light, geometric | Translucent overlays | Smooth blur transitions |
20
- | Swiss Design | Grid-aligned, minimal | Primary + neutrals | Subtle, functional |
21
- | Retro-Future | Geometric, display | Warm gradients | Smooth, nostalgic |
22
- | Dark Industrial | Monospace, condensed | Dark + neon accent | Glitch, scan effects |
23
- | Organic Minimal | Rounded, friendly | Earth tones | Gentle, springy |
24
-
25
- ## Typography Rules
26
-
27
- - NEVER: Inter, Roboto, Arial, Helvetica, system-ui
28
- - PICK: Space Grotesk, JetBrains Mono, Instrument Sans, Clash Display, Satoshi, DM Sans, Outfit, Plus Jakarta Sans
29
- - Pair: 1 display font (headlines) + 1 UI font (body)
30
- - Scale: Use typographic scale (1.25 or 1.333 ratio), not arbitrary sizes
31
-
32
- ## Color Rules
33
-
34
- - Maximum 3 colors: Primary, Secondary, Accent
35
- - No purple gradients (the hallmark of AI-generated design)
36
- - Define semantic colors: success, warning, error, info
37
- - Use CSS variables - no hardcoded hex values in components
38
-
39
- ## Motion Rules
40
-
41
- - Motion must be meaningful: state change, attention, feedback
42
- - Duration: 150-300ms for micro, 300-500ms for transitions
43
- - Easing: Use custom easings, not just ease-in-out
44
- - Reduce motion: Respect prefers-reduced-motion
45
-
46
- ## Checklist
47
-
48
- - [ ] One aesthetic direction chosen and documented
49
- - [ ] Typography: Display + UI font selected (not Inter/Roboto)
50
- - [ ] Color palette: Max 3 colors + semantics defined
51
- - [ ] Motion tokens: Duration, easing, reduction defined
52
- - [ ] No purple gradients anywhere
53
- - [ ] No centered hero with 3-column cards layout
54
-
55
- ## Red Flags
56
-
57
- - Make it look modern without direction
58
- - Inter or Roboto in font stack
59
- - Purple-to-pink gradients
60
- - Centered hero + 3-column feature cards
61
- - Generic placeholder images (stock photos)
62
- - Inconsistent spacing (use 4px or 8px grid)
63
- - Multiple competing aesthetic styles