@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.
Files changed (140) hide show
  1. package/README.md +43 -64
  2. package/dist/bin/cli.js +270 -478
  3. package/dist/skills/statusline-setup/.claude-plugin/plugin.json +1 -1
  4. package/dist/skills/statusline-setup/SKILL.md +21 -436
  5. package/dist/skills/statusline-setup/mod/hooks/register.tsx +93 -103
  6. package/dist/skills/statusline-setup/mod/tests/work.test.ts +28 -10
  7. package/dist/skills/statusline-setup/mod/types/index.d.ts +2 -1
  8. package/dist/skills/universalize-agents/reference/mapping.md +3 -2
  9. package/package.json +3 -3
  10. package/dist/agents/backend-specialist.md +0 -277
  11. package/dist/agents/code-archaeologist.md +0 -114
  12. package/dist/agents/database-architect.md +0 -238
  13. package/dist/agents/debugger.md +0 -231
  14. package/dist/agents/devops-engineer.md +0 -242
  15. package/dist/agents/documentation-writer.md +0 -104
  16. package/dist/agents/explorer-agent.md +0 -79
  17. package/dist/agents/frontend-specialist.md +0 -594
  18. package/dist/agents/game-developer.md +0 -162
  19. package/dist/agents/mobile-developer.md +0 -383
  20. package/dist/agents/orchestrator.md +0 -435
  21. package/dist/agents/penetration-tester.md +0 -188
  22. package/dist/agents/performance-optimizer.md +0 -191
  23. package/dist/agents/product-manager.md +0 -122
  24. package/dist/agents/product-owner.md +0 -106
  25. package/dist/agents/project-planner.md +0 -408
  26. package/dist/agents/qa-automation-engineer.md +0 -109
  27. package/dist/agents/security-auditor.md +0 -171
  28. package/dist/agents/test-engineer.md +0 -158
  29. package/dist/skills/agent-identifier/SKILL.md +0 -431
  30. package/dist/skills/agent-identifier/examples/agent-creation-prompt.md +0 -247
  31. package/dist/skills/agent-identifier/examples/complete-agent-examples.md +0 -432
  32. package/dist/skills/agent-identifier/references/agent-creation-system-prompt.md +0 -215
  33. package/dist/skills/agent-identifier/references/system-prompt-design.md +0 -419
  34. package/dist/skills/agent-identifier/references/triggering-examples.md +0 -508
  35. package/dist/skills/agent-identifier/scripts/validate-agent.sh +0 -217
  36. package/dist/skills/code-review-excellence/SKILL.md +0 -525
  37. package/dist/skills/component-refactoring/SKILL.md +0 -492
  38. package/dist/skills/component-refactoring/references/complexity-patterns.md +0 -493
  39. package/dist/skills/component-refactoring/references/component-splitting.md +0 -477
  40. package/dist/skills/component-refactoring/references/hook-extraction.md +0 -317
  41. package/dist/skills/context7-guidelines/SKILL.md +0 -31
  42. package/dist/skills/feature-design-assistant/SKILL.md +0 -371
  43. package/dist/skills/find-bugs/SKILL.md +0 -75
  44. package/dist/skills/frontend-design/SKILL.md +0 -45
  45. package/dist/skills/go-concurrency-patterns/SKILL.md +0 -657
  46. package/dist/skills/grill-me/SKILL.md +0 -9
  47. package/dist/skills/handoff/SKILL.md +0 -16
  48. package/dist/skills/koreader-plugin-development/SKILL.md +0 -141
  49. package/dist/skills/koreader-plugin-development/examples/2-example-patch.lua +0 -17
  50. package/dist/skills/koreader-plugin-development/examples/_meta.lua +0 -6
  51. package/dist/skills/koreader-plugin-development/examples/helloworld.lua +0 -36
  52. package/dist/skills/koreader-plugin-development/references/debugging.md +0 -92
  53. package/dist/skills/koreader-plugin-development/references/events-and-widgets.md +0 -102
  54. package/dist/skills/koreader-plugin-development/references/patches.md +0 -118
  55. package/dist/skills/koreader-plugin-development/references/plugin-anatomy.md +0 -97
  56. package/dist/skills/make-instruction/SKILL.md +0 -68
  57. package/dist/skills/make-prompt/SKILL.md +0 -70
  58. package/dist/skills/make-skill/SKILL.md +0 -147
  59. package/dist/skills/prd-to-tasks/SKILL.md +0 -164
  60. package/dist/skills/react-native-async-patterns/SKILL.md +0 -256
  61. package/dist/skills/react-native-performance/SKILL.md +0 -425
  62. package/dist/skills/react-native-testing/SKILL.md +0 -458
  63. package/dist/skills/react-native-zustand-patterns/SKILL.md +0 -343
  64. package/dist/skills/skill-creator/SKILL.md +0 -385
  65. package/dist/skills/skill-creator/scripts/init_skill.cjs +0 -235
  66. package/dist/skills/skill-creator/scripts/package_skill.cjs +0 -84
  67. package/dist/skills/skill-creator/scripts/validate_skill.cjs +0 -127
  68. package/dist/skills/skill-development/SKILL.md +0 -676
  69. package/dist/skills/skill-development/references/skill-creator-original.md +0 -210
  70. package/dist/skills/sql-optimization-patterns/SKILL.md +0 -509
  71. package/dist/skills/test-driven-development/SKILL.md +0 -114
  72. package/dist/skills/test-driven-development/deep-modules.md +0 -33
  73. package/dist/skills/test-driven-development/interface-design.md +0 -35
  74. package/dist/skills/test-driven-development/mocking.md +0 -68
  75. package/dist/skills/test-driven-development/refactoring.md +0 -10
  76. package/dist/skills/test-driven-development/tests.md +0 -61
  77. package/dist/skills/vercel-react-best-practices/AGENTS.md +0 -2410
  78. package/dist/skills/vercel-react-best-practices/SKILL.md +0 -127
  79. package/dist/skills/vercel-react-best-practices/rules/advanced-event-handler-refs.md +0 -55
  80. package/dist/skills/vercel-react-best-practices/rules/advanced-use-latest.md +0 -49
  81. package/dist/skills/vercel-react-best-practices/rules/async-api-routes.md +0 -38
  82. package/dist/skills/vercel-react-best-practices/rules/async-defer-await.md +0 -80
  83. package/dist/skills/vercel-react-best-practices/rules/async-dependencies.md +0 -36
  84. package/dist/skills/vercel-react-best-practices/rules/async-parallel.md +0 -28
  85. package/dist/skills/vercel-react-best-practices/rules/async-suspense-boundaries.md +0 -99
  86. package/dist/skills/vercel-react-best-practices/rules/bundle-barrel-imports.md +0 -59
  87. package/dist/skills/vercel-react-best-practices/rules/bundle-conditional.md +0 -31
  88. package/dist/skills/vercel-react-best-practices/rules/bundle-defer-third-party.md +0 -49
  89. package/dist/skills/vercel-react-best-practices/rules/bundle-dynamic-imports.md +0 -35
  90. package/dist/skills/vercel-react-best-practices/rules/bundle-preload.md +0 -50
  91. package/dist/skills/vercel-react-best-practices/rules/client-event-listeners.md +0 -74
  92. package/dist/skills/vercel-react-best-practices/rules/client-localstorage-schema.md +0 -71
  93. package/dist/skills/vercel-react-best-practices/rules/client-passive-event-listeners.md +0 -48
  94. package/dist/skills/vercel-react-best-practices/rules/client-swr-dedup.md +0 -56
  95. package/dist/skills/vercel-react-best-practices/rules/js-batch-dom-css.md +0 -82
  96. package/dist/skills/vercel-react-best-practices/rules/js-cache-function-results.md +0 -80
  97. package/dist/skills/vercel-react-best-practices/rules/js-cache-property-access.md +0 -28
  98. package/dist/skills/vercel-react-best-practices/rules/js-cache-storage.md +0 -70
  99. package/dist/skills/vercel-react-best-practices/rules/js-combine-iterations.md +0 -32
  100. package/dist/skills/vercel-react-best-practices/rules/js-early-exit.md +0 -50
  101. package/dist/skills/vercel-react-best-practices/rules/js-hoist-regexp.md +0 -45
  102. package/dist/skills/vercel-react-best-practices/rules/js-index-maps.md +0 -37
  103. package/dist/skills/vercel-react-best-practices/rules/js-length-check-first.md +0 -50
  104. package/dist/skills/vercel-react-best-practices/rules/js-min-max-loop.md +0 -82
  105. package/dist/skills/vercel-react-best-practices/rules/js-set-map-lookups.md +0 -24
  106. package/dist/skills/vercel-react-best-practices/rules/js-tosorted-immutable.md +0 -57
  107. package/dist/skills/vercel-react-best-practices/rules/rendering-activity.md +0 -26
  108. package/dist/skills/vercel-react-best-practices/rules/rendering-animate-svg-wrapper.md +0 -47
  109. package/dist/skills/vercel-react-best-practices/rules/rendering-conditional-render.md +0 -40
  110. package/dist/skills/vercel-react-best-practices/rules/rendering-content-visibility.md +0 -38
  111. package/dist/skills/vercel-react-best-practices/rules/rendering-hoist-jsx.md +0 -46
  112. package/dist/skills/vercel-react-best-practices/rules/rendering-hydration-no-flicker.md +0 -82
  113. package/dist/skills/vercel-react-best-practices/rules/rendering-svg-precision.md +0 -28
  114. package/dist/skills/vercel-react-best-practices/rules/rerender-defer-reads.md +0 -39
  115. package/dist/skills/vercel-react-best-practices/rules/rerender-dependencies.md +0 -45
  116. package/dist/skills/vercel-react-best-practices/rules/rerender-derived-state.md +0 -29
  117. package/dist/skills/vercel-react-best-practices/rules/rerender-functional-setstate.md +0 -74
  118. package/dist/skills/vercel-react-best-practices/rules/rerender-lazy-state-init.md +0 -58
  119. package/dist/skills/vercel-react-best-practices/rules/rerender-memo.md +0 -44
  120. package/dist/skills/vercel-react-best-practices/rules/rerender-transitions.md +0 -40
  121. package/dist/skills/vercel-react-best-practices/rules/server-after-nonblocking.md +0 -73
  122. package/dist/skills/vercel-react-best-practices/rules/server-cache-lru.md +0 -41
  123. package/dist/skills/vercel-react-best-practices/rules/server-cache-react.md +0 -76
  124. package/dist/skills/vercel-react-best-practices/rules/server-parallel-fetching.md +0 -83
  125. package/dist/skills/vercel-react-best-practices/rules/server-serialization.md +0 -38
  126. package/dist/skills/web-design-guidelines/SKILL.md +0 -40
  127. package/dist/skills/workflow-patterns/SKILL.md +0 -623
  128. package/dist/skills/write-prd/SKILL.md +0 -162
  129. package/dist/workflows/brainstorm.md +0 -113
  130. package/dist/workflows/create.md +0 -60
  131. package/dist/workflows/debug.md +0 -107
  132. package/dist/workflows/deploy.md +0 -178
  133. package/dist/workflows/enhance.md +0 -64
  134. package/dist/workflows/github-pull-request-create.md +0 -134
  135. package/dist/workflows/orchestrate.md +0 -246
  136. package/dist/workflows/plan.md +0 -90
  137. package/dist/workflows/preview.md +0 -83
  138. package/dist/workflows/status.md +0 -87
  139. package/dist/workflows/test.md +0 -144
  140. 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.