@kurokeita/add-skill 2.6.2 → 3.0.1
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/README.md +43 -64
- package/dist/bin/cli.js +270 -478
- package/dist/skills/statusline-setup/.claude-plugin/plugin.json +1 -1
- package/dist/skills/statusline-setup/SKILL.md +21 -436
- package/dist/skills/statusline-setup/mod/hooks/register.tsx +93 -103
- package/dist/skills/statusline-setup/mod/tests/work.test.ts +28 -10
- package/dist/skills/statusline-setup/mod/types/index.d.ts +2 -1
- package/dist/skills/universalize-agents/reference/mapping.md +3 -2
- package/package.json +3 -3
- package/dist/agents/backend-specialist.md +0 -277
- package/dist/agents/code-archaeologist.md +0 -114
- package/dist/agents/database-architect.md +0 -238
- package/dist/agents/debugger.md +0 -231
- package/dist/agents/devops-engineer.md +0 -242
- package/dist/agents/documentation-writer.md +0 -104
- package/dist/agents/explorer-agent.md +0 -79
- package/dist/agents/frontend-specialist.md +0 -594
- package/dist/agents/game-developer.md +0 -162
- package/dist/agents/mobile-developer.md +0 -383
- package/dist/agents/orchestrator.md +0 -435
- package/dist/agents/penetration-tester.md +0 -188
- package/dist/agents/performance-optimizer.md +0 -191
- package/dist/agents/product-manager.md +0 -122
- package/dist/agents/product-owner.md +0 -106
- package/dist/agents/project-planner.md +0 -408
- package/dist/agents/qa-automation-engineer.md +0 -109
- package/dist/agents/security-auditor.md +0 -171
- package/dist/agents/test-engineer.md +0 -158
- package/dist/skills/agent-identifier/SKILL.md +0 -431
- package/dist/skills/agent-identifier/examples/agent-creation-prompt.md +0 -247
- package/dist/skills/agent-identifier/examples/complete-agent-examples.md +0 -432
- package/dist/skills/agent-identifier/references/agent-creation-system-prompt.md +0 -215
- package/dist/skills/agent-identifier/references/system-prompt-design.md +0 -419
- package/dist/skills/agent-identifier/references/triggering-examples.md +0 -508
- package/dist/skills/agent-identifier/scripts/validate-agent.sh +0 -217
- package/dist/skills/code-review-excellence/SKILL.md +0 -525
- package/dist/skills/component-refactoring/SKILL.md +0 -492
- package/dist/skills/component-refactoring/references/complexity-patterns.md +0 -493
- package/dist/skills/component-refactoring/references/component-splitting.md +0 -477
- package/dist/skills/component-refactoring/references/hook-extraction.md +0 -317
- package/dist/skills/context7-guidelines/SKILL.md +0 -31
- package/dist/skills/feature-design-assistant/SKILL.md +0 -371
- package/dist/skills/find-bugs/SKILL.md +0 -75
- package/dist/skills/frontend-design/SKILL.md +0 -45
- package/dist/skills/go-concurrency-patterns/SKILL.md +0 -657
- package/dist/skills/grill-me/SKILL.md +0 -9
- package/dist/skills/handoff/SKILL.md +0 -16
- package/dist/skills/koreader-plugin-development/SKILL.md +0 -141
- package/dist/skills/koreader-plugin-development/examples/2-example-patch.lua +0 -17
- package/dist/skills/koreader-plugin-development/examples/_meta.lua +0 -6
- package/dist/skills/koreader-plugin-development/examples/helloworld.lua +0 -36
- package/dist/skills/koreader-plugin-development/references/debugging.md +0 -92
- package/dist/skills/koreader-plugin-development/references/events-and-widgets.md +0 -102
- package/dist/skills/koreader-plugin-development/references/patches.md +0 -118
- package/dist/skills/koreader-plugin-development/references/plugin-anatomy.md +0 -97
- package/dist/skills/make-instruction/SKILL.md +0 -68
- package/dist/skills/make-prompt/SKILL.md +0 -70
- package/dist/skills/make-skill/SKILL.md +0 -147
- package/dist/skills/prd-to-tasks/SKILL.md +0 -164
- package/dist/skills/react-native-async-patterns/SKILL.md +0 -256
- package/dist/skills/react-native-performance/SKILL.md +0 -425
- package/dist/skills/react-native-testing/SKILL.md +0 -458
- package/dist/skills/react-native-zustand-patterns/SKILL.md +0 -343
- package/dist/skills/skill-creator/SKILL.md +0 -385
- package/dist/skills/skill-creator/scripts/init_skill.cjs +0 -235
- package/dist/skills/skill-creator/scripts/package_skill.cjs +0 -84
- package/dist/skills/skill-creator/scripts/validate_skill.cjs +0 -127
- package/dist/skills/skill-development/SKILL.md +0 -676
- package/dist/skills/skill-development/references/skill-creator-original.md +0 -210
- package/dist/skills/sql-optimization-patterns/SKILL.md +0 -509
- package/dist/skills/test-driven-development/SKILL.md +0 -114
- package/dist/skills/test-driven-development/deep-modules.md +0 -33
- package/dist/skills/test-driven-development/interface-design.md +0 -35
- package/dist/skills/test-driven-development/mocking.md +0 -68
- package/dist/skills/test-driven-development/refactoring.md +0 -10
- package/dist/skills/test-driven-development/tests.md +0 -61
- package/dist/skills/vercel-react-best-practices/AGENTS.md +0 -2410
- package/dist/skills/vercel-react-best-practices/SKILL.md +0 -127
- package/dist/skills/vercel-react-best-practices/rules/advanced-event-handler-refs.md +0 -55
- package/dist/skills/vercel-react-best-practices/rules/advanced-use-latest.md +0 -49
- package/dist/skills/vercel-react-best-practices/rules/async-api-routes.md +0 -38
- package/dist/skills/vercel-react-best-practices/rules/async-defer-await.md +0 -80
- package/dist/skills/vercel-react-best-practices/rules/async-dependencies.md +0 -36
- package/dist/skills/vercel-react-best-practices/rules/async-parallel.md +0 -28
- package/dist/skills/vercel-react-best-practices/rules/async-suspense-boundaries.md +0 -99
- package/dist/skills/vercel-react-best-practices/rules/bundle-barrel-imports.md +0 -59
- package/dist/skills/vercel-react-best-practices/rules/bundle-conditional.md +0 -31
- package/dist/skills/vercel-react-best-practices/rules/bundle-defer-third-party.md +0 -49
- package/dist/skills/vercel-react-best-practices/rules/bundle-dynamic-imports.md +0 -35
- package/dist/skills/vercel-react-best-practices/rules/bundle-preload.md +0 -50
- package/dist/skills/vercel-react-best-practices/rules/client-event-listeners.md +0 -74
- package/dist/skills/vercel-react-best-practices/rules/client-localstorage-schema.md +0 -71
- package/dist/skills/vercel-react-best-practices/rules/client-passive-event-listeners.md +0 -48
- package/dist/skills/vercel-react-best-practices/rules/client-swr-dedup.md +0 -56
- package/dist/skills/vercel-react-best-practices/rules/js-batch-dom-css.md +0 -82
- package/dist/skills/vercel-react-best-practices/rules/js-cache-function-results.md +0 -80
- package/dist/skills/vercel-react-best-practices/rules/js-cache-property-access.md +0 -28
- package/dist/skills/vercel-react-best-practices/rules/js-cache-storage.md +0 -70
- package/dist/skills/vercel-react-best-practices/rules/js-combine-iterations.md +0 -32
- package/dist/skills/vercel-react-best-practices/rules/js-early-exit.md +0 -50
- package/dist/skills/vercel-react-best-practices/rules/js-hoist-regexp.md +0 -45
- package/dist/skills/vercel-react-best-practices/rules/js-index-maps.md +0 -37
- package/dist/skills/vercel-react-best-practices/rules/js-length-check-first.md +0 -50
- package/dist/skills/vercel-react-best-practices/rules/js-min-max-loop.md +0 -82
- package/dist/skills/vercel-react-best-practices/rules/js-set-map-lookups.md +0 -24
- package/dist/skills/vercel-react-best-practices/rules/js-tosorted-immutable.md +0 -57
- package/dist/skills/vercel-react-best-practices/rules/rendering-activity.md +0 -26
- package/dist/skills/vercel-react-best-practices/rules/rendering-animate-svg-wrapper.md +0 -47
- package/dist/skills/vercel-react-best-practices/rules/rendering-conditional-render.md +0 -40
- package/dist/skills/vercel-react-best-practices/rules/rendering-content-visibility.md +0 -38
- package/dist/skills/vercel-react-best-practices/rules/rendering-hoist-jsx.md +0 -46
- package/dist/skills/vercel-react-best-practices/rules/rendering-hydration-no-flicker.md +0 -82
- package/dist/skills/vercel-react-best-practices/rules/rendering-svg-precision.md +0 -28
- package/dist/skills/vercel-react-best-practices/rules/rerender-defer-reads.md +0 -39
- package/dist/skills/vercel-react-best-practices/rules/rerender-dependencies.md +0 -45
- package/dist/skills/vercel-react-best-practices/rules/rerender-derived-state.md +0 -29
- package/dist/skills/vercel-react-best-practices/rules/rerender-functional-setstate.md +0 -74
- package/dist/skills/vercel-react-best-practices/rules/rerender-lazy-state-init.md +0 -58
- package/dist/skills/vercel-react-best-practices/rules/rerender-memo.md +0 -44
- package/dist/skills/vercel-react-best-practices/rules/rerender-transitions.md +0 -40
- package/dist/skills/vercel-react-best-practices/rules/server-after-nonblocking.md +0 -73
- package/dist/skills/vercel-react-best-practices/rules/server-cache-lru.md +0 -41
- package/dist/skills/vercel-react-best-practices/rules/server-cache-react.md +0 -76
- package/dist/skills/vercel-react-best-practices/rules/server-parallel-fetching.md +0 -83
- package/dist/skills/vercel-react-best-practices/rules/server-serialization.md +0 -38
- package/dist/skills/web-design-guidelines/SKILL.md +0 -40
- package/dist/skills/workflow-patterns/SKILL.md +0 -623
- package/dist/skills/write-prd/SKILL.md +0 -162
- package/dist/workflows/brainstorm.md +0 -113
- package/dist/workflows/create.md +0 -60
- package/dist/workflows/debug.md +0 -107
- package/dist/workflows/deploy.md +0 -178
- package/dist/workflows/enhance.md +0 -64
- package/dist/workflows/github-pull-request-create.md +0 -134
- package/dist/workflows/orchestrate.md +0 -246
- package/dist/workflows/plan.md +0 -90
- package/dist/workflows/preview.md +0 -83
- package/dist/workflows/status.md +0 -87
- package/dist/workflows/test.md +0 -144
- package/dist/workflows/ui-ux-pro-max.md +0 -315
|
@@ -1,371 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: feature-design-assistant
|
|
3
|
-
description: "Turn ideas into fully formed designs and specs through natural collaborative dialogue. Use when planning new features, designing architecture, or making significant changes to the codebase."
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# Feature Design Assistant
|
|
7
|
-
|
|
8
|
-
Help turn ideas into fully formed designs and specs through structured information gathering and collaborative validation.
|
|
9
|
-
|
|
10
|
-
**Announce at start:** "I'm using the feature-design-assistant skill to design this feature."
|
|
11
|
-
|
|
12
|
-
## Phase 1: Context Discovery
|
|
13
|
-
|
|
14
|
-
First, explore the codebase to understand:
|
|
15
|
-
|
|
16
|
-
- Project structure and tech stack
|
|
17
|
-
- Existing patterns and conventions
|
|
18
|
-
- Related features or modules
|
|
19
|
-
- Recent changes in relevant areas
|
|
20
|
-
|
|
21
|
-
## Phase 2: Structured Information Gathering
|
|
22
|
-
|
|
23
|
-
Use **AskUserQuestion** to batch collect information efficiently. Each call can ask up to 4 questions.
|
|
24
|
-
|
|
25
|
-
### Round 1: Core Requirements (4 questions)
|
|
26
|
-
|
|
27
|
-
```json
|
|
28
|
-
{
|
|
29
|
-
"questions": [
|
|
30
|
-
{
|
|
31
|
-
"question": "What is the primary goal of this feature?",
|
|
32
|
-
"header": "Goal",
|
|
33
|
-
"multiSelect": false,
|
|
34
|
-
"options": [
|
|
35
|
-
{ "label": "New Functionality", "description": "Add entirely new capability to the system" },
|
|
36
|
-
{ "label": "Enhancement", "description": "Improve or extend existing feature" },
|
|
37
|
-
{ "label": "Bug Fix", "description": "Fix incorrect behavior or issue" },
|
|
38
|
-
{ "label": "Refactoring", "description": "Improve code quality without changing behavior" }
|
|
39
|
-
]
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
"question": "Who are the primary users of this feature?",
|
|
43
|
-
"header": "Users",
|
|
44
|
-
"multiSelect": true,
|
|
45
|
-
"options": [
|
|
46
|
-
{ "label": "End Users", "description": "External customers using the product" },
|
|
47
|
-
{ "label": "Admins", "description": "Internal administrators or operators" },
|
|
48
|
-
{ "label": "Developers", "description": "Other developers using APIs or SDKs" },
|
|
49
|
-
{ "label": "System", "description": "Automated processes or background jobs" }
|
|
50
|
-
]
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
"question": "What is the expected scope of this feature?",
|
|
54
|
-
"header": "Scope",
|
|
55
|
-
"multiSelect": false,
|
|
56
|
-
"options": [
|
|
57
|
-
{ "label": "Small (1-2 days)", "description": "Single component, limited changes" },
|
|
58
|
-
{ "label": "Medium (3-5 days)", "description": "Multiple components, moderate complexity" },
|
|
59
|
-
{ "label": "Large (1-2 weeks)", "description": "Cross-cutting concerns, significant changes" },
|
|
60
|
-
{ "label": "Unsure", "description": "Need to explore further to estimate" }
|
|
61
|
-
]
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
"question": "Are there any hard deadlines or constraints?",
|
|
65
|
-
"header": "Timeline",
|
|
66
|
-
"multiSelect": false,
|
|
67
|
-
"options": [
|
|
68
|
-
{ "label": "Urgent", "description": "Need this ASAP, within days" },
|
|
69
|
-
{ "label": "This Sprint", "description": "Should be done within current sprint" },
|
|
70
|
-
{ "label": "Flexible", "description": "No hard deadline, quality over speed" },
|
|
71
|
-
{ "label": "Planning Only", "description": "Just designing now, implementing later" }
|
|
72
|
-
]
|
|
73
|
-
}
|
|
74
|
-
]
|
|
75
|
-
}
|
|
76
|
-
```
|
|
77
|
-
|
|
78
|
-
### Round 2: Technical Requirements (4 questions)
|
|
79
|
-
|
|
80
|
-
```json
|
|
81
|
-
{
|
|
82
|
-
"questions": [
|
|
83
|
-
{
|
|
84
|
-
"question": "Which layers of the system will this feature touch?",
|
|
85
|
-
"header": "Layers",
|
|
86
|
-
"multiSelect": true,
|
|
87
|
-
"options": [
|
|
88
|
-
{ "label": "Data Model", "description": "Database schema, models, migrations" },
|
|
89
|
-
{ "label": "Business Logic", "description": "Services, domain logic, rules" },
|
|
90
|
-
{ "label": "API", "description": "REST/GraphQL endpoints, contracts" },
|
|
91
|
-
{ "label": "UI", "description": "Frontend components, user interface" }
|
|
92
|
-
]
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"question": "What are the key quality requirements?",
|
|
96
|
-
"header": "Quality",
|
|
97
|
-
"multiSelect": true,
|
|
98
|
-
"options": [
|
|
99
|
-
{ "label": "High Performance", "description": "Must handle high load or be very fast" },
|
|
100
|
-
{ "label": "Strong Security", "description": "Sensitive data, auth, access control" },
|
|
101
|
-
{ "label": "High Reliability", "description": "Cannot fail, needs redundancy" },
|
|
102
|
-
{ "label": "Easy Maintenance", "description": "Needs to be easily understood and modified" }
|
|
103
|
-
]
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
"question": "How should errors be handled?",
|
|
107
|
-
"header": "Errors",
|
|
108
|
-
"multiSelect": false,
|
|
109
|
-
"options": [
|
|
110
|
-
{ "label": "Fail Fast", "description": "Stop immediately on any error" },
|
|
111
|
-
{ "label": "Graceful Degrade", "description": "Continue with reduced functionality" },
|
|
112
|
-
{ "label": "Retry & Recover", "description": "Automatic retry with recovery logic" },
|
|
113
|
-
{ "label": "Context Dependent", "description": "Different strategies for different cases" }
|
|
114
|
-
]
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
"question": "What testing approach is preferred?",
|
|
118
|
-
"header": "Testing",
|
|
119
|
-
"multiSelect": false,
|
|
120
|
-
"options": [
|
|
121
|
-
{ "label": "TDD (Recommended)", "description": "Write tests first, then implementation" },
|
|
122
|
-
{ "label": "Test After", "description": "Implement first, add tests after" },
|
|
123
|
-
{ "label": "Minimal Tests", "description": "Only critical path testing" },
|
|
124
|
-
{ "label": "No Tests", "description": "Skip testing for this feature" }
|
|
125
|
-
]
|
|
126
|
-
}
|
|
127
|
-
]
|
|
128
|
-
}
|
|
129
|
-
```
|
|
130
|
-
|
|
131
|
-
### Round 3: Integration & Dependencies (4 questions)
|
|
132
|
-
|
|
133
|
-
```json
|
|
134
|
-
{
|
|
135
|
-
"questions": [
|
|
136
|
-
{
|
|
137
|
-
"question": "Does this feature need external integrations?",
|
|
138
|
-
"header": "Integrations",
|
|
139
|
-
"multiSelect": true,
|
|
140
|
-
"options": [
|
|
141
|
-
{ "label": "Database", "description": "New tables, queries, or migrations" },
|
|
142
|
-
{ "label": "External APIs", "description": "Third-party service calls" },
|
|
143
|
-
{ "label": "Message Queue", "description": "Async processing, events" },
|
|
144
|
-
{ "label": "None", "description": "No external integrations needed" }
|
|
145
|
-
]
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
"question": "Are there dependencies on other features or teams?",
|
|
149
|
-
"header": "Dependencies",
|
|
150
|
-
"multiSelect": true,
|
|
151
|
-
"options": [
|
|
152
|
-
{ "label": "Auth System", "description": "User authentication or authorization" },
|
|
153
|
-
{ "label": "Other Features", "description": "Depends on features being developed" },
|
|
154
|
-
{ "label": "External Team", "description": "Needs input from another team" },
|
|
155
|
-
{ "label": "None", "description": "Fully independent feature" }
|
|
156
|
-
]
|
|
157
|
-
},
|
|
158
|
-
{
|
|
159
|
-
"question": "How should we handle backwards compatibility?",
|
|
160
|
-
"header": "Compat",
|
|
161
|
-
"multiSelect": false,
|
|
162
|
-
"options": [
|
|
163
|
-
{ "label": "Must Maintain", "description": "Cannot break existing clients" },
|
|
164
|
-
{ "label": "Version API", "description": "Create new version, deprecate old" },
|
|
165
|
-
{ "label": "Breaking OK", "description": "Can make breaking changes" },
|
|
166
|
-
{ "label": "Not Applicable", "description": "New feature, no existing users" }
|
|
167
|
-
]
|
|
168
|
-
},
|
|
169
|
-
{
|
|
170
|
-
"question": "What documentation is needed?",
|
|
171
|
-
"header": "Docs",
|
|
172
|
-
"multiSelect": true,
|
|
173
|
-
"options": [
|
|
174
|
-
{ "label": "API Docs", "description": "Endpoint documentation" },
|
|
175
|
-
{ "label": "User Guide", "description": "How-to for end users" },
|
|
176
|
-
{ "label": "Dev Guide", "description": "Technical implementation details" },
|
|
177
|
-
{ "label": "None", "description": "No documentation needed" }
|
|
178
|
-
]
|
|
179
|
-
}
|
|
180
|
-
]
|
|
181
|
-
}
|
|
182
|
-
```
|
|
183
|
-
|
|
184
|
-
### Round 4: Clarifying Questions (Context-Dependent)
|
|
185
|
-
|
|
186
|
-
Based on previous answers, ask follow-up questions. Examples:
|
|
187
|
-
|
|
188
|
-
**If UI layer selected:**
|
|
189
|
-
|
|
190
|
-
```json
|
|
191
|
-
{
|
|
192
|
-
"questions": [
|
|
193
|
-
{
|
|
194
|
-
"question": "What UI framework/approach should we use?",
|
|
195
|
-
"header": "UI Tech",
|
|
196
|
-
"multiSelect": false,
|
|
197
|
-
"options": [
|
|
198
|
-
{ "label": "React", "description": "React components with hooks" },
|
|
199
|
-
{ "label": "Vue", "description": "Vue.js components" },
|
|
200
|
-
{ "label": "Server-Side", "description": "Server-rendered HTML templates" },
|
|
201
|
-
{ "label": "Existing Pattern", "description": "Follow current project conventions" }
|
|
202
|
-
]
|
|
203
|
-
}
|
|
204
|
-
]
|
|
205
|
-
}
|
|
206
|
-
```
|
|
207
|
-
|
|
208
|
-
**If High Security selected:**
|
|
209
|
-
|
|
210
|
-
```json
|
|
211
|
-
{
|
|
212
|
-
"questions": [
|
|
213
|
-
{
|
|
214
|
-
"question": "What security measures are required?",
|
|
215
|
-
"header": "Security",
|
|
216
|
-
"multiSelect": true,
|
|
217
|
-
"options": [
|
|
218
|
-
{ "label": "Input Validation", "description": "Strict input sanitization" },
|
|
219
|
-
{ "label": "Rate Limiting", "description": "Prevent abuse and DoS" },
|
|
220
|
-
{ "label": "Audit Logging", "description": "Track all sensitive actions" },
|
|
221
|
-
{ "label": "Encryption", "description": "Encrypt data at rest/transit" }
|
|
222
|
-
]
|
|
223
|
-
}
|
|
224
|
-
]
|
|
225
|
-
}
|
|
226
|
-
```
|
|
227
|
-
|
|
228
|
-
## Phase 3: Approach Exploration
|
|
229
|
-
|
|
230
|
-
After gathering requirements, propose 2-3 approaches:
|
|
231
|
-
|
|
232
|
-
```markdown
|
|
233
|
-
## Approach Options
|
|
234
|
-
|
|
235
|
-
### Option A: [Name] (Recommended)
|
|
236
|
-
**Pros:** ...
|
|
237
|
-
**Cons:** ...
|
|
238
|
-
**Best for:** ...
|
|
239
|
-
|
|
240
|
-
### Option B: [Name]
|
|
241
|
-
**Pros:** ...
|
|
242
|
-
**Cons:** ...
|
|
243
|
-
**Best for:** ...
|
|
244
|
-
|
|
245
|
-
### Option C: [Name]
|
|
246
|
-
**Pros:** ...
|
|
247
|
-
**Cons:** ...
|
|
248
|
-
**Best for:** ...
|
|
249
|
-
```
|
|
250
|
-
|
|
251
|
-
Use AskUserQuestion to confirm approach:
|
|
252
|
-
|
|
253
|
-
```json
|
|
254
|
-
{
|
|
255
|
-
"questions": [
|
|
256
|
-
{
|
|
257
|
-
"question": "Which approach would you like to proceed with?",
|
|
258
|
-
"header": "Approach",
|
|
259
|
-
"multiSelect": false,
|
|
260
|
-
"options": [
|
|
261
|
-
{ "label": "Option A (Recommended)", "description": "Brief summary of approach A" },
|
|
262
|
-
{ "label": "Option B", "description": "Brief summary of approach B" },
|
|
263
|
-
{ "label": "Option C", "description": "Brief summary of approach C" }
|
|
264
|
-
]
|
|
265
|
-
}
|
|
266
|
-
]
|
|
267
|
-
}
|
|
268
|
-
```
|
|
269
|
-
|
|
270
|
-
## Phase 4: Design Presentation
|
|
271
|
-
|
|
272
|
-
Present design in sections (300-500 words each), validate after each:
|
|
273
|
-
|
|
274
|
-
1. **Architecture Overview** - High-level structure
|
|
275
|
-
2. **Data Model** - Entities, relationships, schema
|
|
276
|
-
3. **API Design** - Endpoints, request/response
|
|
277
|
-
4. **Component Design** - Internal modules, interfaces
|
|
278
|
-
5. **Error Handling** - Error cases, recovery strategies
|
|
279
|
-
6. **Testing Strategy** - What and how to test
|
|
280
|
-
|
|
281
|
-
After each section, use AskUserQuestion:
|
|
282
|
-
|
|
283
|
-
```json
|
|
284
|
-
{
|
|
285
|
-
"questions": [
|
|
286
|
-
{
|
|
287
|
-
"question": "Does this section look correct?",
|
|
288
|
-
"header": "Review",
|
|
289
|
-
"multiSelect": false,
|
|
290
|
-
"options": [
|
|
291
|
-
{ "label": "Looks Good", "description": "Continue to next section" },
|
|
292
|
-
{ "label": "Minor Changes", "description": "Small adjustments needed" },
|
|
293
|
-
{ "label": "Major Revision", "description": "Significant changes required" },
|
|
294
|
-
{ "label": "Questions", "description": "Need clarification before proceeding" }
|
|
295
|
-
]
|
|
296
|
-
}
|
|
297
|
-
]
|
|
298
|
-
}
|
|
299
|
-
```
|
|
300
|
-
|
|
301
|
-
## Phase 5: Documentation & Tasks
|
|
302
|
-
|
|
303
|
-
### Save Design Document
|
|
304
|
-
|
|
305
|
-
Write to `docs/designs/YYYY-MM-DD-<topic>-design.md`:
|
|
306
|
-
|
|
307
|
-
```markdown
|
|
308
|
-
# Feature: [Name]
|
|
309
|
-
|
|
310
|
-
## Summary
|
|
311
|
-
[Brief description]
|
|
312
|
-
|
|
313
|
-
## Requirements
|
|
314
|
-
[From Phase 2 answers]
|
|
315
|
-
|
|
316
|
-
## Architecture
|
|
317
|
-
[From Phase 4]
|
|
318
|
-
|
|
319
|
-
## Implementation Tasks
|
|
320
|
-
[Task checklist]
|
|
321
|
-
```
|
|
322
|
-
|
|
323
|
-
### Generate Implementation Tasks
|
|
324
|
-
|
|
325
|
-
```markdown
|
|
326
|
-
## Implementation Tasks
|
|
327
|
-
|
|
328
|
-
- [ ] **Task Title** `priority:1` `phase:model` `time:15min`
|
|
329
|
-
- files: src/file1.py, tests/test_file1.py
|
|
330
|
-
- [ ] Write failing test for X
|
|
331
|
-
- [ ] Run test, verify it fails
|
|
332
|
-
- [ ] Implement minimal code
|
|
333
|
-
- [ ] Run test, verify it passes
|
|
334
|
-
- [ ] Commit
|
|
335
|
-
|
|
336
|
-
- [ ] **Another Task** `priority:2` `phase:api` `deps:Task Title` `time:10min`
|
|
337
|
-
- files: src/api.py
|
|
338
|
-
- [ ] Write failing test
|
|
339
|
-
- [ ] Implement and verify
|
|
340
|
-
- [ ] Commit
|
|
341
|
-
```
|
|
342
|
-
|
|
343
|
-
## Phase 6: Execution Handoff
|
|
344
|
-
|
|
345
|
-
```json
|
|
346
|
-
{
|
|
347
|
-
"questions": [
|
|
348
|
-
{
|
|
349
|
-
"question": "How would you like to proceed with implementation?",
|
|
350
|
-
"header": "Next Step",
|
|
351
|
-
"multiSelect": false,
|
|
352
|
-
"options": [
|
|
353
|
-
{ "label": "Execute Now", "description": "Run /feature-pipeline in this session" },
|
|
354
|
-
{ "label": "New Session", "description": "Start fresh session for implementation" },
|
|
355
|
-
{ "label": "Later", "description": "Save design, implement manually later" },
|
|
356
|
-
{ "label": "Revise Design", "description": "Go back and modify the design" }
|
|
357
|
-
]
|
|
358
|
-
}
|
|
359
|
-
]
|
|
360
|
-
}
|
|
361
|
-
```
|
|
362
|
-
|
|
363
|
-
## Key Principles
|
|
364
|
-
|
|
365
|
-
- **Batch questions efficiently** - Use all 4 question slots when appropriate
|
|
366
|
-
- **Use multiSelect for non-exclusive options** - Layers, features, requirements
|
|
367
|
-
- **Use single-select for decisions** - Approach, timeline, strategy
|
|
368
|
-
- **Mark recommendations** - Add "(Recommended)" to preferred options
|
|
369
|
-
- **Progressive refinement** - General → Specific questions
|
|
370
|
-
- **Validate incrementally** - Check understanding at each phase
|
|
371
|
-
- **YAGNI ruthlessly** - Remove unnecessary features from designs
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: find-bugs
|
|
3
|
-
description: Find bugs, security vulnerabilities, and code quality issues in local branch changes. Use when asked to review changes, find bugs, security review, or audit code on the current branch.
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# Find Bugs
|
|
7
|
-
|
|
8
|
-
Review changes on this branch for bugs, security vulnerabilities, and code quality issues.
|
|
9
|
-
|
|
10
|
-
## Phase 1: Complete Input Gathering
|
|
11
|
-
|
|
12
|
-
1. Get the FULL diff: `git diff master...HEAD`
|
|
13
|
-
2. If output is truncated, read each changed file individually until you have seen every changed line
|
|
14
|
-
3. List all files modified in this branch before proceeding
|
|
15
|
-
|
|
16
|
-
## Phase 2: Attack Surface Mapping
|
|
17
|
-
|
|
18
|
-
For each changed file, identify and list:
|
|
19
|
-
|
|
20
|
-
- All user inputs (request params, headers, body, URL components)
|
|
21
|
-
- All database queries
|
|
22
|
-
- All authentication/authorization checks
|
|
23
|
-
- All session/state operations
|
|
24
|
-
- All external calls
|
|
25
|
-
- All cryptographic operations
|
|
26
|
-
|
|
27
|
-
## Phase 3: Security Checklist (check EVERY item for EVERY file)
|
|
28
|
-
|
|
29
|
-
- [ ] **Injection**: SQL, command, template, header injection
|
|
30
|
-
- [ ] **XSS**: All outputs in templates properly escaped?
|
|
31
|
-
- [ ] **Authentication**: Auth checks on all protected operations?
|
|
32
|
-
- [ ] **Authorization/IDOR**: Access control verified, not just auth?
|
|
33
|
-
- [ ] **CSRF**: State-changing operations protected?
|
|
34
|
-
- [ ] **Race conditions**: TOCTOU in any read-then-write patterns?
|
|
35
|
-
- [ ] **Session**: Fixation, expiration, secure flags?
|
|
36
|
-
- [ ] **Cryptography**: Secure random, proper algorithms, no secrets in logs?
|
|
37
|
-
- [ ] **Information disclosure**: Error messages, logs, timing attacks?
|
|
38
|
-
- [ ] **DoS**: Unbounded operations, missing rate limits, resource exhaustion?
|
|
39
|
-
- [ ] **Business logic**: Edge cases, state machine violations, numeric overflow?
|
|
40
|
-
|
|
41
|
-
## Phase 4: Verification
|
|
42
|
-
|
|
43
|
-
For each potential issue:
|
|
44
|
-
|
|
45
|
-
- Check if it's already handled elsewhere in the changed code
|
|
46
|
-
- Search for existing tests covering the scenario
|
|
47
|
-
- Read surrounding context to verify the issue is real
|
|
48
|
-
|
|
49
|
-
## Phase 5: Pre-Conclusion Audit
|
|
50
|
-
|
|
51
|
-
Before finalizing, you MUST:
|
|
52
|
-
|
|
53
|
-
1. List every file you reviewed and confirm you read it completely
|
|
54
|
-
2. List every checklist item and note whether you found issues or confirmed it's clean
|
|
55
|
-
3. List any areas you could NOT fully verify and why
|
|
56
|
-
4. Only then provide your final findings
|
|
57
|
-
|
|
58
|
-
## Output Format
|
|
59
|
-
|
|
60
|
-
**Prioritize**: security vulnerabilities > bugs > code quality
|
|
61
|
-
|
|
62
|
-
**Skip**: stylistic/formatting issues
|
|
63
|
-
|
|
64
|
-
For each issue:
|
|
65
|
-
|
|
66
|
-
- **File:Line** - Brief description
|
|
67
|
-
- **Severity**: Critical/High/Medium/Low
|
|
68
|
-
- **Problem**: What's wrong
|
|
69
|
-
- **Evidence**: Why this is real (not already fixed, no existing test, etc.)
|
|
70
|
-
- **Fix**: Concrete suggestion
|
|
71
|
-
- **References**: OWASP, RFCs, or other standards if applicable
|
|
72
|
-
|
|
73
|
-
If you find nothing significant, say so - don't invent issues.
|
|
74
|
-
|
|
75
|
-
Do not make changes - just report findings. I'll decide what to address.
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
name: frontend-design
|
|
3
|
-
description: Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
|
|
4
|
-
license: Complete terms in LICENSE.txt
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
|
|
8
|
-
|
|
9
|
-
The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.
|
|
10
|
-
|
|
11
|
-
## Design Thinking
|
|
12
|
-
|
|
13
|
-
Before coding, understand the context and commit to a BOLD aesthetic direction:
|
|
14
|
-
|
|
15
|
-
- **Purpose**: What problem does this interface solve? Who uses it?
|
|
16
|
-
- **Tone**: Pick an extreme: brutally minimal, maximalist chaos, retro-futuristic, organic/natural, luxury/refined, playful/toy-like, editorial/magazine, brutalist/raw, art deco/geometric, soft/pastel, industrial/utilitarian, etc. There are so many flavors to choose from. Use these for inspiration but design one that is true to the aesthetic direction.
|
|
17
|
-
- **Constraints**: Technical requirements (framework, performance, accessibility).
|
|
18
|
-
- **Differentiation**: What makes this UNFORGETTABLE? What's the one thing someone will remember?
|
|
19
|
-
|
|
20
|
-
**CRITICAL**: Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work - the key is intentionality, not intensity.
|
|
21
|
-
|
|
22
|
-
Then implement working code (HTML/CSS/JS, React, Vue, etc.) that is:
|
|
23
|
-
|
|
24
|
-
- Production-grade and functional
|
|
25
|
-
- Visually striking and memorable
|
|
26
|
-
- Cohesive with a clear aesthetic point-of-view
|
|
27
|
-
- Meticulously refined in every detail
|
|
28
|
-
|
|
29
|
-
## Frontend Aesthetics Guidelines
|
|
30
|
-
|
|
31
|
-
Focus on:
|
|
32
|
-
|
|
33
|
-
- **Typography**: Choose fonts that are beautiful, unique, and interesting. Avoid generic fonts like Arial and Inter; opt instead for distinctive choices that elevate the frontend's aesthetics; unexpected, characterful font choices. Pair a distinctive display font with a refined body font.
|
|
34
|
-
- **Color & Theme**: Commit to a cohesive aesthetic. Use CSS variables for consistency. Dominant colors with sharp accents outperform timid, evenly-distributed palettes.
|
|
35
|
-
- **Motion**: Use animations for effects and micro-interactions. Prioritize CSS-only solutions for HTML. Use Motion library for React when available. Focus on high-impact moments: one well-orchestrated page load with staggered reveals (animation-delay) creates more delight than scattered micro-interactions. Use scroll-triggering and hover states that surprise.
|
|
36
|
-
- **Spatial Composition**: Unexpected layouts. Asymmetry. Overlap. Diagonal flow. Grid-breaking elements. Generous negative space OR controlled density.
|
|
37
|
-
- **Backgrounds & Visual Details**: Create atmosphere and depth rather than defaulting to solid colors. Add contextual effects and textures that match the overall aesthetic. Apply creative forms like gradient meshes, noise textures, geometric patterns, layered transparencies, dramatic shadows, decorative borders, custom cursors, and grain overlays.
|
|
38
|
-
|
|
39
|
-
NEVER use generic AI-generated aesthetics like overused font families (Inter, Roboto, Arial, system fonts), cliched color schemes (particularly purple gradients on white backgrounds), predictable layouts and component patterns, and cookie-cutter design that lacks context-specific character.
|
|
40
|
-
|
|
41
|
-
Interpret creatively and make unexpected choices that feel genuinely designed for the context. No design should be the same. Vary between light and dark themes, different fonts, different aesthetics. NEVER converge on common choices (Space Grotesk, for example) across generations.
|
|
42
|
-
|
|
43
|
-
**IMPORTANT**: Match implementation complexity to the aesthetic vision. Maximalist designs need elaborate code with extensive animations and effects. Minimalist or refined designs need restraint, precision, and careful attention to spacing, typography, and subtle details. Elegance comes from executing the vision well.
|
|
44
|
-
|
|
45
|
-
Remember: Claude is capable of extraordinary creative work. Don't hold back, show what can truly be created when thinking outside the box and committing fully to a distinctive vision.
|