@su-record/vibe 2.6.16 → 2.6.18

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 (249) hide show
  1. package/CLAUDE.md +681 -681
  2. package/LICENSE +21 -21
  3. package/README.md +235 -203
  4. package/agents/architect-low.md +41 -41
  5. package/agents/architect-medium.md +59 -59
  6. package/agents/architect.md +80 -80
  7. package/agents/build-error-resolver.md +115 -115
  8. package/agents/compounder.md +261 -261
  9. package/agents/diagrammer.md +178 -178
  10. package/agents/e2e-tester.md +266 -266
  11. package/agents/explorer-low.md +42 -42
  12. package/agents/explorer-medium.md +59 -59
  13. package/agents/explorer.md +48 -48
  14. package/agents/implementer-low.md +43 -43
  15. package/agents/implementer-medium.md +52 -52
  16. package/agents/implementer.md +54 -54
  17. package/agents/refactor-cleaner.md +143 -143
  18. package/agents/research/best-practices-agent.md +199 -199
  19. package/agents/research/codebase-patterns-agent.md +157 -157
  20. package/agents/research/framework-docs-agent.md +188 -188
  21. package/agents/research/security-advisory-agent.md +213 -213
  22. package/agents/review/architecture-reviewer.md +107 -107
  23. package/agents/review/complexity-reviewer.md +116 -116
  24. package/agents/review/data-integrity-reviewer.md +88 -88
  25. package/agents/review/git-history-reviewer.md +103 -103
  26. package/agents/review/performance-reviewer.md +86 -86
  27. package/agents/review/python-reviewer.md +150 -150
  28. package/agents/review/rails-reviewer.md +139 -139
  29. package/agents/review/react-reviewer.md +144 -144
  30. package/agents/review/security-reviewer.md +80 -80
  31. package/agents/review/simplicity-reviewer.md +140 -140
  32. package/agents/review/test-coverage-reviewer.md +116 -116
  33. package/agents/review/typescript-reviewer.md +127 -127
  34. package/agents/searcher.md +54 -54
  35. package/agents/simplifier.md +120 -120
  36. package/agents/tester.md +49 -49
  37. package/agents/ui-previewer.md +268 -268
  38. package/commands/vibe.analyze.md +356 -356
  39. package/commands/vibe.reason.md +329 -329
  40. package/commands/vibe.review.md +412 -412
  41. package/commands/vibe.run.md +1266 -1266
  42. package/commands/vibe.spec.md +1054 -1054
  43. package/commands/vibe.spec.review.md +319 -319
  44. package/commands/vibe.trace.md +161 -161
  45. package/commands/vibe.utils.md +376 -376
  46. package/commands/vibe.verify.md +375 -375
  47. package/dist/cli/collaborator.js +52 -52
  48. package/dist/cli/detect.js +32 -32
  49. package/dist/cli/hud.js +20 -20
  50. package/dist/cli/index.d.ts.map +1 -1
  51. package/dist/cli/index.js +120 -118
  52. package/dist/cli/index.js.map +1 -1
  53. package/dist/cli/llm.js +144 -144
  54. package/dist/cli/postinstall.d.ts +1 -0
  55. package/dist/cli/postinstall.d.ts.map +1 -1
  56. package/dist/cli/postinstall.js +859 -859
  57. package/dist/cli/postinstall.js.map +1 -1
  58. package/dist/cli/setup/ProjectSetup.d.ts +2 -2
  59. package/dist/cli/setup/ProjectSetup.d.ts.map +1 -1
  60. package/dist/cli/setup/ProjectSetup.js +51 -17
  61. package/dist/cli/setup/ProjectSetup.js.map +1 -1
  62. package/dist/lib/DeepInit.js +24 -24
  63. package/dist/lib/IterationTracker.js +11 -11
  64. package/dist/lib/PythonParser.js +108 -108
  65. package/dist/lib/ReviewRace.js +96 -96
  66. package/dist/lib/SkillFrontmatter.js +28 -28
  67. package/dist/lib/SkillQualityGate.js +9 -9
  68. package/dist/lib/SkillRepository.js +159 -159
  69. package/dist/lib/UltraQA.js +77 -77
  70. package/dist/lib/gemini-api.js +5 -5
  71. package/dist/lib/gpt-api.js +4 -4
  72. package/dist/lib/memory/KnowledgeGraph.js +4 -4
  73. package/dist/lib/memory/MemorySearch.js +20 -20
  74. package/dist/lib/memory/MemoryStorage.js +64 -64
  75. package/dist/orchestrator/AgentManager.js +12 -12
  76. package/dist/orchestrator/MultiLlmResearch.js +8 -8
  77. package/dist/orchestrator/SmartRouter.js +11 -11
  78. package/dist/orchestrator/SwarmOrchestrator.d.ts +144 -0
  79. package/dist/orchestrator/SwarmOrchestrator.d.ts.map +1 -0
  80. package/dist/orchestrator/SwarmOrchestrator.js +361 -0
  81. package/dist/orchestrator/SwarmOrchestrator.js.map +1 -0
  82. package/dist/orchestrator/SwarmOrchestrator.test.d.ts +5 -0
  83. package/dist/orchestrator/SwarmOrchestrator.test.d.ts.map +1 -0
  84. package/dist/orchestrator/SwarmOrchestrator.test.js +95 -0
  85. package/dist/orchestrator/SwarmOrchestrator.test.js.map +1 -0
  86. package/dist/orchestrator/index.d.ts +2 -0
  87. package/dist/orchestrator/index.d.ts.map +1 -1
  88. package/dist/orchestrator/index.js +2 -0
  89. package/dist/orchestrator/index.js.map +1 -1
  90. package/dist/orchestrator/parallelResearch.js +24 -24
  91. package/dist/tools/convention/analyzeComplexity.test.js +115 -115
  92. package/dist/tools/convention/validateCodeQuality.test.js +104 -104
  93. package/dist/tools/spec/prdParser.test.js +171 -171
  94. package/dist/tools/spec/specGenerator.js +169 -169
  95. package/dist/tools/spec/traceabilityMatrix.js +64 -64
  96. package/dist/tools/spec/traceabilityMatrix.test.js +28 -28
  97. package/hooks/hooks.json +222 -222
  98. package/hooks/scripts/code-check.js +22 -22
  99. package/hooks/scripts/code-review.js +22 -22
  100. package/hooks/scripts/complexity.js +22 -22
  101. package/hooks/scripts/compound.js +23 -23
  102. package/hooks/scripts/context-save.js +33 -33
  103. package/hooks/scripts/gemini-ui-gen.js +281 -281
  104. package/hooks/scripts/generate-brand-assets.js +474 -474
  105. package/hooks/scripts/hud-multiline.js +262 -262
  106. package/hooks/scripts/hud-status.js +291 -291
  107. package/hooks/scripts/keyword-detector.js +214 -214
  108. package/hooks/scripts/llm-orchestrate.js +171 -171
  109. package/hooks/scripts/post-edit.js +97 -97
  110. package/hooks/scripts/post-tool-verify.js +210 -210
  111. package/hooks/scripts/pre-tool-guard.js +125 -125
  112. package/hooks/scripts/recall.js +22 -22
  113. package/hooks/scripts/session-start.js +30 -30
  114. package/hooks/scripts/skill-injector.js +191 -191
  115. package/hooks/scripts/utils.js +97 -97
  116. package/languages/csharp-unity.md +515 -515
  117. package/languages/gdscript-godot.md +470 -470
  118. package/languages/ruby-rails.md +489 -489
  119. package/languages/typescript-angular.md +433 -433
  120. package/languages/typescript-astro.md +416 -416
  121. package/languages/typescript-electron.md +406 -406
  122. package/languages/typescript-nestjs.md +524 -524
  123. package/languages/typescript-svelte.md +407 -407
  124. package/languages/typescript-tauri.md +365 -365
  125. package/package.json +84 -84
  126. package/skills/brand-assets.md +141 -141
  127. package/skills/commerce-patterns.md +361 -361
  128. package/skills/context7-usage.md +102 -102
  129. package/skills/e2e-commerce.md +304 -304
  130. package/skills/frontend-design.md +92 -92
  131. package/skills/git-worktree.md +181 -181
  132. package/skills/parallel-research.md +77 -77
  133. package/skills/priority-todos.md +239 -239
  134. package/skills/seo-checklist.md +244 -244
  135. package/skills/tool-fallback.md +190 -190
  136. package/skills/vibe-capabilities.md +161 -161
  137. package/vibe/constitution.md +227 -227
  138. package/vibe/rules/core/communication-guide.md +98 -98
  139. package/vibe/rules/core/development-philosophy.md +52 -52
  140. package/vibe/rules/core/quick-start.md +102 -102
  141. package/vibe/rules/quality/bdd-contract-testing.md +393 -393
  142. package/vibe/rules/quality/checklist.md +276 -276
  143. package/vibe/rules/quality/testing-strategy.md +440 -440
  144. package/vibe/rules/standards/anti-patterns.md +541 -541
  145. package/vibe/rules/standards/code-structure.md +291 -291
  146. package/vibe/rules/standards/complexity-metrics.md +313 -313
  147. package/vibe/rules/standards/naming-conventions.md +198 -198
  148. package/vibe/setup.sh +31 -31
  149. package/vibe/templates/constitution-template.md +252 -252
  150. package/vibe/templates/contract-backend-template.md +526 -526
  151. package/vibe/templates/contract-frontend-template.md +599 -599
  152. package/vibe/templates/feature-template.md +96 -96
  153. package/vibe/templates/spec-template.md +221 -221
  154. package/dist/cli/mcp.d.ts +0 -49
  155. package/dist/cli/mcp.d.ts.map +0 -1
  156. package/dist/cli/mcp.js +0 -169
  157. package/dist/cli/mcp.js.map +0 -1
  158. package/dist/lib/gemini-mcp.d.ts +0 -10
  159. package/dist/lib/gemini-mcp.d.ts.map +0 -1
  160. package/dist/lib/gemini-mcp.js +0 -353
  161. package/dist/lib/gemini-mcp.js.map +0 -1
  162. package/dist/lib/gpt-mcp.d.ts +0 -10
  163. package/dist/lib/gpt-mcp.d.ts.map +0 -1
  164. package/dist/lib/gpt-mcp.js +0 -352
  165. package/dist/lib/gpt-mcp.js.map +0 -1
  166. package/dist/tools/analytics/getUsageAnalytics.d.ts +0 -10
  167. package/dist/tools/analytics/getUsageAnalytics.d.ts.map +0 -1
  168. package/dist/tools/analytics/getUsageAnalytics.js +0 -246
  169. package/dist/tools/analytics/getUsageAnalytics.js.map +0 -1
  170. package/dist/tools/analytics/index.d.ts +0 -5
  171. package/dist/tools/analytics/index.d.ts.map +0 -1
  172. package/dist/tools/analytics/index.js +0 -5
  173. package/dist/tools/analytics/index.js.map +0 -1
  174. package/dist/tools/convention/getCodingGuide.d.ts +0 -7
  175. package/dist/tools/convention/getCodingGuide.d.ts.map +0 -1
  176. package/dist/tools/convention/getCodingGuide.js +0 -69
  177. package/dist/tools/convention/getCodingGuide.js.map +0 -1
  178. package/dist/tools/planning/analyzeRequirements.d.ts +0 -9
  179. package/dist/tools/planning/analyzeRequirements.d.ts.map +0 -1
  180. package/dist/tools/planning/analyzeRequirements.js +0 -171
  181. package/dist/tools/planning/analyzeRequirements.js.map +0 -1
  182. package/dist/tools/planning/createUserStories.d.ts +0 -9
  183. package/dist/tools/planning/createUserStories.d.ts.map +0 -1
  184. package/dist/tools/planning/createUserStories.js +0 -124
  185. package/dist/tools/planning/createUserStories.js.map +0 -1
  186. package/dist/tools/planning/featureRoadmap.d.ts +0 -10
  187. package/dist/tools/planning/featureRoadmap.d.ts.map +0 -1
  188. package/dist/tools/planning/featureRoadmap.js +0 -207
  189. package/dist/tools/planning/featureRoadmap.js.map +0 -1
  190. package/dist/tools/planning/generatePrd.d.ts +0 -11
  191. package/dist/tools/planning/generatePrd.d.ts.map +0 -1
  192. package/dist/tools/planning/generatePrd.js +0 -161
  193. package/dist/tools/planning/generatePrd.js.map +0 -1
  194. package/dist/tools/planning/index.d.ts +0 -8
  195. package/dist/tools/planning/index.d.ts.map +0 -1
  196. package/dist/tools/planning/index.js +0 -8
  197. package/dist/tools/planning/index.js.map +0 -1
  198. package/dist/tools/prompt/analyzePrompt.d.ts +0 -7
  199. package/dist/tools/prompt/analyzePrompt.d.ts.map +0 -1
  200. package/dist/tools/prompt/analyzePrompt.js +0 -150
  201. package/dist/tools/prompt/analyzePrompt.js.map +0 -1
  202. package/dist/tools/prompt/enhancePrompt.d.ts +0 -8
  203. package/dist/tools/prompt/enhancePrompt.d.ts.map +0 -1
  204. package/dist/tools/prompt/enhancePrompt.js +0 -110
  205. package/dist/tools/prompt/enhancePrompt.js.map +0 -1
  206. package/dist/tools/prompt/enhancePromptGemini.d.ts +0 -8
  207. package/dist/tools/prompt/enhancePromptGemini.d.ts.map +0 -1
  208. package/dist/tools/prompt/enhancePromptGemini.js +0 -332
  209. package/dist/tools/prompt/enhancePromptGemini.js.map +0 -1
  210. package/dist/tools/prompt/index.d.ts +0 -7
  211. package/dist/tools/prompt/index.d.ts.map +0 -1
  212. package/dist/tools/prompt/index.js +0 -7
  213. package/dist/tools/prompt/index.js.map +0 -1
  214. package/dist/tools/reasoning/applyReasoningFramework.d.ts +0 -8
  215. package/dist/tools/reasoning/applyReasoningFramework.d.ts.map +0 -1
  216. package/dist/tools/reasoning/applyReasoningFramework.js +0 -266
  217. package/dist/tools/reasoning/applyReasoningFramework.js.map +0 -1
  218. package/dist/tools/reasoning/index.d.ts +0 -5
  219. package/dist/tools/reasoning/index.d.ts.map +0 -1
  220. package/dist/tools/reasoning/index.js +0 -5
  221. package/dist/tools/reasoning/index.js.map +0 -1
  222. package/dist/tools/thinking/analyzeProblem.d.ts +0 -7
  223. package/dist/tools/thinking/analyzeProblem.d.ts.map +0 -1
  224. package/dist/tools/thinking/analyzeProblem.js +0 -55
  225. package/dist/tools/thinking/analyzeProblem.js.map +0 -1
  226. package/dist/tools/thinking/breakDownProblem.d.ts +0 -8
  227. package/dist/tools/thinking/breakDownProblem.d.ts.map +0 -1
  228. package/dist/tools/thinking/breakDownProblem.js +0 -145
  229. package/dist/tools/thinking/breakDownProblem.js.map +0 -1
  230. package/dist/tools/thinking/createThinkingChain.d.ts +0 -7
  231. package/dist/tools/thinking/createThinkingChain.d.ts.map +0 -1
  232. package/dist/tools/thinking/createThinkingChain.js +0 -44
  233. package/dist/tools/thinking/createThinkingChain.js.map +0 -1
  234. package/dist/tools/thinking/formatAsPlan.d.ts +0 -9
  235. package/dist/tools/thinking/formatAsPlan.d.ts.map +0 -1
  236. package/dist/tools/thinking/formatAsPlan.js +0 -78
  237. package/dist/tools/thinking/formatAsPlan.js.map +0 -1
  238. package/dist/tools/thinking/index.d.ts +0 -10
  239. package/dist/tools/thinking/index.d.ts.map +0 -1
  240. package/dist/tools/thinking/index.js +0 -10
  241. package/dist/tools/thinking/index.js.map +0 -1
  242. package/dist/tools/thinking/stepByStepAnalysis.d.ts +0 -8
  243. package/dist/tools/thinking/stepByStepAnalysis.d.ts.map +0 -1
  244. package/dist/tools/thinking/stepByStepAnalysis.js +0 -63
  245. package/dist/tools/thinking/stepByStepAnalysis.js.map +0 -1
  246. package/dist/tools/thinking/thinkAloudProcess.d.ts +0 -8
  247. package/dist/tools/thinking/thinkAloudProcess.d.ts.map +0 -1
  248. package/dist/tools/thinking/thinkAloudProcess.js +0 -80
  249. package/dist/tools/thinking/thinkAloudProcess.js.map +0 -1
@@ -222,7 +222,7 @@ function seedInlineSkills(targetDir) {
222
222
  }
223
223
  }
224
224
  // 스택 타입 → 언어 룰 파일 매핑
225
- const STACK_TO_LANGUAGE_FILE = {
225
+ export const STACK_TO_LANGUAGE_FILE = {
226
226
  'typescript-nextjs': 'typescript-nextjs.md',
227
227
  'typescript-react': 'typescript-react.md',
228
228
  'typescript-react-native': 'typescript-react-native.md',
@@ -292,13 +292,13 @@ function convertLanguageRuleToCursor(content, filename) {
292
292
  // glob 패턴 가져오기
293
293
  const globs = LANGUAGE_GLOBS[filename] || '**/*';
294
294
  // .mdc frontmatter + 본문
295
- return `---
296
- description: ${description} - complexity limits, type safety, error handling
297
- globs: "${globs}"
298
- alwaysApply: false
299
- ---
300
-
301
- ${normalizedContent}
295
+ return `---
296
+ description: ${description} - complexity limits, type safety, error handling
297
+ globs: "${globs}"
298
+ alwaysApply: false
299
+ ---
300
+
301
+ ${normalizedContent}
302
302
  `;
303
303
  }
304
304
  /**
@@ -427,38 +427,38 @@ function convertAgentToCursor(content, filename) {
427
427
  const nextStepsSection = nextAgents
428
428
  .map((a) => `- For ${a.replace('-reviewer', '')} review: "Use ${a}"`)
429
429
  .join('\n');
430
- return `---
431
- name: ${name}
432
- model: ${model}
433
- description: ${description}
434
- ---
435
-
436
- # ${title}
437
-
438
- ## When Invoked
439
-
440
- 1. Run \`git diff\` to see recent changes
441
- 2. Focus on modified files relevant to this review type
442
- 3. Begin review immediately without asking questions
443
-
444
- ## Role
445
-
446
- ${roleLines.map((r) => `- ${r}`).join('\n')}
447
-
448
- ## Checklist
449
-
450
- ${checklist}
451
-
452
- ## Output Format
453
-
454
- ${outputFormat}
455
-
456
- ## Next Steps
457
-
458
- Review complete. Consider these follow-up actions:
459
-
460
- ${nextStepsSection}
461
- - All reviews done: Ready to commit
430
+ return `---
431
+ name: ${name}
432
+ model: ${model}
433
+ description: ${description}
434
+ ---
435
+
436
+ # ${title}
437
+
438
+ ## When Invoked
439
+
440
+ 1. Run \`git diff\` to see recent changes
441
+ 2. Focus on modified files relevant to this review type
442
+ 3. Begin review immediately without asking questions
443
+
444
+ ## Role
445
+
446
+ ${roleLines.map((r) => `- ${r}`).join('\n')}
447
+
448
+ ## Checklist
449
+
450
+ ${checklist}
451
+
452
+ ## Output Format
453
+
454
+ ${outputFormat}
455
+
456
+ ## Next Steps
457
+
458
+ Review complete. Consider these follow-up actions:
459
+
460
+ ${nextStepsSection}
461
+ - All reviews done: Ready to commit
462
462
  `;
463
463
  }
464
464
  /**
@@ -478,86 +478,86 @@ function generateCursorRules(cursorRulesDir, detectedStacks = [], languagesDir)
478
478
  const commonRules = [
479
479
  {
480
480
  filename: 'code-quality.mdc',
481
- content: `---
482
- description: General code quality rules for all files
483
- alwaysApply: true
484
- ---
485
-
486
- # Code Quality Rules
487
-
488
- ## Core Principles
489
- - **Modify only requested scope** - Don't touch unrelated code
490
- - **Preserve existing style** - Follow project conventions
491
- - **Keep working code** - No unnecessary refactoring
492
-
493
- ## Forbidden Patterns
494
- - No \`console.log\` in production code (remove after debugging)
495
- - No hardcoded strings/numbers → Extract to constants
496
- - No commented-out code in commits
497
- - No incomplete code without TODO marker
498
-
499
- ## Naming Conventions
500
- - Variables/functions: camelCase
501
- - Classes/types: PascalCase
502
- - Constants: UPPER_SNAKE_CASE
503
- - Files: kebab-case or PascalCase (match project style)
504
-
505
- ## Function Design
506
- - Single responsibility per function
507
- - Max 5 parameters (use object for more)
508
- - Descriptive names (verb + noun)
509
- - Document non-obvious behavior
510
-
511
- ## Complexity Limits
512
- | Metric | Limit |
513
- |--------|-------|
514
- | Function length | ≤30 lines (recommended), ≤50 lines (max) |
515
- | Nesting depth | ≤3 levels |
516
- | Parameters | ≤5 |
517
- | Cyclomatic complexity | ≤10 |
518
-
519
- ## Dependency Management
520
- - Avoid circular dependencies
521
- - Keep loose coupling (depend on interfaces)
522
- - High cohesion (group related functions)
481
+ content: `---
482
+ description: General code quality rules for all files
483
+ alwaysApply: true
484
+ ---
485
+
486
+ # Code Quality Rules
487
+
488
+ ## Core Principles
489
+ - **Modify only requested scope** - Don't touch unrelated code
490
+ - **Preserve existing style** - Follow project conventions
491
+ - **Keep working code** - No unnecessary refactoring
492
+
493
+ ## Forbidden Patterns
494
+ - No \`console.log\` in production code (remove after debugging)
495
+ - No hardcoded strings/numbers → Extract to constants
496
+ - No commented-out code in commits
497
+ - No incomplete code without TODO marker
498
+
499
+ ## Naming Conventions
500
+ - Variables/functions: camelCase
501
+ - Classes/types: PascalCase
502
+ - Constants: UPPER_SNAKE_CASE
503
+ - Files: kebab-case or PascalCase (match project style)
504
+
505
+ ## Function Design
506
+ - Single responsibility per function
507
+ - Max 5 parameters (use object for more)
508
+ - Descriptive names (verb + noun)
509
+ - Document non-obvious behavior
510
+
511
+ ## Complexity Limits
512
+ | Metric | Limit |
513
+ |--------|-------|
514
+ | Function length | ≤30 lines (recommended), ≤50 lines (max) |
515
+ | Nesting depth | ≤3 levels |
516
+ | Parameters | ≤5 |
517
+ | Cyclomatic complexity | ≤10 |
518
+
519
+ ## Dependency Management
520
+ - Avoid circular dependencies
521
+ - Keep loose coupling (depend on interfaces)
522
+ - High cohesion (group related functions)
523
523
  `,
524
524
  },
525
525
  {
526
526
  filename: 'security-checklist.mdc',
527
- content: `---
528
- description: Security checklist for code changes
529
- globs: "**/*.ts,**/*.tsx,**/*.js,**/*.jsx,**/*.py,**/*.go,**/*.rs,**/*.java,**/*.kt,**/*.swift"
530
- alwaysApply: false
531
- ---
532
-
533
- # Security Checklist
534
-
535
- ## Input Validation
536
- - [ ] Validate all user inputs
537
- - [ ] Sanitize data before database queries
538
- - [ ] Use parameterized queries (prevent SQL injection)
539
-
540
- ## Authentication
541
- - [ ] Secure password handling (never store plain text)
542
- - [ ] Session management is secure
543
- - [ ] Tokens have appropriate expiry
544
-
545
- ## Data Protection
546
- - [ ] Sensitive data is encrypted
547
- - [ ] API keys not committed to code
548
- - [ ] Error messages don't leak sensitive info
549
-
550
- ## OWASP Top 10 Awareness
551
- - Injection (SQL, XSS, Command)
552
- - Broken authentication
553
- - Sensitive data exposure
554
- - XML external entities (XXE)
555
- - Broken access control
556
- - Security misconfiguration
557
- - Cross-site scripting (XSS)
558
- - Insecure deserialization
559
- - Using components with known vulnerabilities
560
- - Insufficient logging & monitoring
527
+ content: `---
528
+ description: Security checklist for code changes
529
+ globs: "**/*.ts,**/*.tsx,**/*.js,**/*.jsx,**/*.py,**/*.go,**/*.rs,**/*.java,**/*.kt,**/*.swift"
530
+ alwaysApply: false
531
+ ---
532
+
533
+ # Security Checklist
534
+
535
+ ## Input Validation
536
+ - [ ] Validate all user inputs
537
+ - [ ] Sanitize data before database queries
538
+ - [ ] Use parameterized queries (prevent SQL injection)
539
+
540
+ ## Authentication
541
+ - [ ] Secure password handling (never store plain text)
542
+ - [ ] Session management is secure
543
+ - [ ] Tokens have appropriate expiry
544
+
545
+ ## Data Protection
546
+ - [ ] Sensitive data is encrypted
547
+ - [ ] API keys not committed to code
548
+ - [ ] Error messages don't leak sensitive info
549
+
550
+ ## OWASP Top 10 Awareness
551
+ - Injection (SQL, XSS, Command)
552
+ - Broken authentication
553
+ - Sensitive data exposure
554
+ - XML external entities (XXE)
555
+ - Broken access control
556
+ - Security misconfiguration
557
+ - Cross-site scripting (XSS)
558
+ - Insecure deserialization
559
+ - Using components with known vulnerabilities
560
+ - Insufficient logging & monitoring
561
561
  `,
562
562
  },
563
563
  ];
@@ -611,773 +611,773 @@ function generateCursorSkills(cursorSkillsDir) {
611
611
  const skills = [
612
612
  {
613
613
  id: 'vibe-spec',
614
- content: `---
615
- name: vibe-spec
616
- model: claude-4.5-sonnet-thinking
617
- description: "SPEC document creation with parallel research. Use when starting new feature implementation."
618
- ---
619
-
620
- # vibe spec - SPEC Creation Skill
621
-
622
- SPEC-driven feature development workflow. Creates AI-executable specification documents.
623
-
624
- ## When to Use
625
-
626
- - Starting new feature implementation
627
- - Complex tasks requiring research and planning
628
- - Features needing clear requirements documentation
629
-
630
- ## Invocation
631
-
632
- User says: "vibe spec [feature-name]" or "Create SPEC for [feature-name]"
633
-
634
- ## Workflow
635
-
636
- ### Phase 1: Requirements Gathering
637
- 1. Ask user for feature requirements
638
- 2. Clarify scope and constraints
639
- 3. Identify tech stack and dependencies
640
-
641
- ### Phase 2: Parallel Research (Manual)
642
- Run these in parallel:
643
- - "Use best-practices-agent for [feature]"
644
- - "Use security-advisory-agent for [feature]"
645
- - Search framework docs with context7
646
-
647
- ### Phase 3: SPEC Document Generation
648
- Create SPEC in PTCF format:
649
- \`\`\`
650
- <role> AI role definition
651
- <context> Background, tech stack, related code
652
- <task> Phase-by-phase task list
653
- <constraints> Constraints
654
- <output_format> Files to create/modify
655
- <acceptance> Verification criteria
656
- \`\`\`
657
-
658
- ### Phase 4: Save SPEC
659
- Save to \`.claude/vibe/specs/[feature-name]-spec.md\`
660
-
661
- ## Output Format
662
-
663
- \`\`\`markdown
664
- # [Feature Name] SPEC
665
-
666
- ## Overview
667
- [1-2 sentence summary]
668
-
669
- ## Requirements
670
- - REQ-001: [Requirement]
671
- - REQ-002: [Requirement]
672
-
673
- ## Technical Approach
674
- [Implementation strategy]
675
-
676
- ## Phases
677
- ### Phase 1: [Setup]
678
- - [ ] Task 1
679
- - [ ] Task 2
680
-
681
- ### Phase 2: [Core Implementation]
682
- ...
683
-
684
- ## Acceptance Criteria
685
- - [ ] Criterion 1
686
- - [ ] Criterion 2
687
- \`\`\`
688
-
689
- ## Next Steps
690
-
691
- After SPEC creation:
692
- - "vibe spec review" - Review SPEC with external LLMs
693
- - "vibe run [feature-name]" - Start implementation
614
+ content: `---
615
+ name: vibe-spec
616
+ model: claude-4.5-sonnet-thinking
617
+ description: "SPEC document creation with parallel research. Use when starting new feature implementation."
618
+ ---
619
+
620
+ # vibe spec - SPEC Creation Skill
621
+
622
+ SPEC-driven feature development workflow. Creates AI-executable specification documents.
623
+
624
+ ## When to Use
625
+
626
+ - Starting new feature implementation
627
+ - Complex tasks requiring research and planning
628
+ - Features needing clear requirements documentation
629
+
630
+ ## Invocation
631
+
632
+ User says: "vibe spec [feature-name]" or "Create SPEC for [feature-name]"
633
+
634
+ ## Workflow
635
+
636
+ ### Phase 1: Requirements Gathering
637
+ 1. Ask user for feature requirements
638
+ 2. Clarify scope and constraints
639
+ 3. Identify tech stack and dependencies
640
+
641
+ ### Phase 2: Parallel Research (Manual)
642
+ Run these in parallel:
643
+ - "Use best-practices-agent for [feature]"
644
+ - "Use security-advisory-agent for [feature]"
645
+ - Search framework docs with context7
646
+
647
+ ### Phase 3: SPEC Document Generation
648
+ Create SPEC in PTCF format:
649
+ \`\`\`
650
+ <role> AI role definition
651
+ <context> Background, tech stack, related code
652
+ <task> Phase-by-phase task list
653
+ <constraints> Constraints
654
+ <output_format> Files to create/modify
655
+ <acceptance> Verification criteria
656
+ \`\`\`
657
+
658
+ ### Phase 4: Save SPEC
659
+ Save to \`.claude/vibe/specs/[feature-name]-spec.md\`
660
+
661
+ ## Output Format
662
+
663
+ \`\`\`markdown
664
+ # [Feature Name] SPEC
665
+
666
+ ## Overview
667
+ [1-2 sentence summary]
668
+
669
+ ## Requirements
670
+ - REQ-001: [Requirement]
671
+ - REQ-002: [Requirement]
672
+
673
+ ## Technical Approach
674
+ [Implementation strategy]
675
+
676
+ ## Phases
677
+ ### Phase 1: [Setup]
678
+ - [ ] Task 1
679
+ - [ ] Task 2
680
+
681
+ ### Phase 2: [Core Implementation]
682
+ ...
683
+
684
+ ## Acceptance Criteria
685
+ - [ ] Criterion 1
686
+ - [ ] Criterion 2
687
+ \`\`\`
688
+
689
+ ## Next Steps
690
+
691
+ After SPEC creation:
692
+ - "vibe spec review" - Review SPEC with external LLMs
693
+ - "vibe run [feature-name]" - Start implementation
694
694
  `,
695
695
  },
696
696
  {
697
697
  id: 'vibe-run',
698
- content: `---
699
- name: vibe-run
700
- model: claude-4.5-opus-high
701
- description: "Execute SPEC implementation with Scenario-Driven Development. Use after SPEC is approved."
702
- ---
703
-
704
- # vibe run - Implementation Execution Skill
705
-
706
- Executes SPEC-based implementation using Scenario-Driven Development methodology.
707
-
708
- ## When to Use
709
-
710
- - After SPEC is created and approved
711
- - When implementing features phase by phase
712
- - For complex multi-file implementations
713
-
714
- ## Invocation
715
-
716
- User says: "vibe run [feature-name]" or "Implement [feature-name]"
717
-
718
- ## Pre-requisites
719
-
720
- 1. SPEC document exists at \`.claude/vibe/specs/[feature-name]-spec.md\`
721
- 2. SPEC has been reviewed (optional but recommended)
722
-
723
- ## Workflow
724
-
725
- ### Step 1: Load SPEC
726
- Read SPEC from \`.claude/vibe/specs/[feature-name]-spec.md\`
727
-
728
- ### Step 2: For Each Phase in SPEC
729
-
730
- #### 2a. Phase Planning
731
- - List all tasks for current phase
732
- - Identify file dependencies
733
- - Check existing code patterns
734
-
735
- #### 2b. Implementation
736
- - Implement each task
737
- - Follow existing code style
738
- - Keep functions under complexity limits
739
-
740
- #### 2c. Phase Verification
741
- - Run relevant tests
742
- - Check TypeScript compilation
743
- - Verify no regressions
744
-
745
- ### Step 3: Phase Completion
746
- Mark phase complete, proceed to next phase
747
-
748
- ## ULTRAWORK Mode
749
-
750
- Add "ultrawork" or "ulw" for maximum performance:
751
- - Parallel sub-agent exploration
752
- - Auto-continue between phases
753
- - Auto-retry on errors (max 3)
754
-
755
- ## Output Format
756
-
757
- Per phase:
758
- \`\`\`
759
- ## Phase [N]: [Name]
760
-
761
- ### Completed Tasks
762
- - [x] Task 1 - [file.ts]
763
- - [x] Task 2 - [file.ts]
764
-
765
- ### Files Modified
766
- - src/feature/index.ts (new)
767
- - src/feature/utils.ts (modified)
768
-
769
- ### Verification
770
- - ✅ TypeScript compilation
771
- - ✅ Tests passing
772
- \`\`\`
773
-
774
- ## Next Steps
775
-
776
- After implementation:
777
- - "vibe review" - Run 12+ agent code review
778
- - "vibe verify [feature-name]" - Verify against SPEC
779
- - "vibe trace [feature-name]" - Generate traceability matrix
698
+ content: `---
699
+ name: vibe-run
700
+ model: claude-4.5-opus-high
701
+ description: "Execute SPEC implementation with Scenario-Driven Development. Use after SPEC is approved."
702
+ ---
703
+
704
+ # vibe run - Implementation Execution Skill
705
+
706
+ Executes SPEC-based implementation using Scenario-Driven Development methodology.
707
+
708
+ ## When to Use
709
+
710
+ - After SPEC is created and approved
711
+ - When implementing features phase by phase
712
+ - For complex multi-file implementations
713
+
714
+ ## Invocation
715
+
716
+ User says: "vibe run [feature-name]" or "Implement [feature-name]"
717
+
718
+ ## Pre-requisites
719
+
720
+ 1. SPEC document exists at \`.claude/vibe/specs/[feature-name]-spec.md\`
721
+ 2. SPEC has been reviewed (optional but recommended)
722
+
723
+ ## Workflow
724
+
725
+ ### Step 1: Load SPEC
726
+ Read SPEC from \`.claude/vibe/specs/[feature-name]-spec.md\`
727
+
728
+ ### Step 2: For Each Phase in SPEC
729
+
730
+ #### 2a. Phase Planning
731
+ - List all tasks for current phase
732
+ - Identify file dependencies
733
+ - Check existing code patterns
734
+
735
+ #### 2b. Implementation
736
+ - Implement each task
737
+ - Follow existing code style
738
+ - Keep functions under complexity limits
739
+
740
+ #### 2c. Phase Verification
741
+ - Run relevant tests
742
+ - Check TypeScript compilation
743
+ - Verify no regressions
744
+
745
+ ### Step 3: Phase Completion
746
+ Mark phase complete, proceed to next phase
747
+
748
+ ## ULTRAWORK Mode
749
+
750
+ Add "ultrawork" or "ulw" for maximum performance:
751
+ - Parallel sub-agent exploration
752
+ - Auto-continue between phases
753
+ - Auto-retry on errors (max 3)
754
+
755
+ ## Output Format
756
+
757
+ Per phase:
758
+ \`\`\`
759
+ ## Phase [N]: [Name]
760
+
761
+ ### Completed Tasks
762
+ - [x] Task 1 - [file.ts]
763
+ - [x] Task 2 - [file.ts]
764
+
765
+ ### Files Modified
766
+ - src/feature/index.ts (new)
767
+ - src/feature/utils.ts (modified)
768
+
769
+ ### Verification
770
+ - ✅ TypeScript compilation
771
+ - ✅ Tests passing
772
+ \`\`\`
773
+
774
+ ## Next Steps
775
+
776
+ After implementation:
777
+ - "vibe review" - Run 12+ agent code review
778
+ - "vibe verify [feature-name]" - Verify against SPEC
779
+ - "vibe trace [feature-name]" - Generate traceability matrix
780
780
  `,
781
781
  },
782
782
  {
783
783
  id: 'vibe-review',
784
- content: `---
785
- name: vibe-review
786
- model: auto
787
- description: "Parallel code review with 12+ specialized agents. Use after code changes."
788
- ---
789
-
790
- # vibe review - Parallel Code Review Skill
791
-
792
- Orchestrates 12+ specialized review agents for comprehensive code review.
793
-
794
- ## When to Use
795
-
796
- - After implementing new features
797
- - Before creating pull requests
798
- - After significant code changes
799
-
800
- ## Invocation
801
-
802
- User says: "vibe review" or "Review my code"
803
-
804
- ## Available Review Agents
805
-
806
- ### Security & Architecture (Thinking Models)
807
- - **security-reviewer** - OWASP Top 10, authentication, data handling
808
- - **architecture-reviewer** - Design patterns, dependencies, structure
809
- - **data-integrity-reviewer** - Data flow, state management, persistence
810
-
811
- ### Language Specialists (Codex Models)
812
- - **typescript-reviewer** - Type safety, modern patterns
813
- - **python-reviewer** - Type hints, PEP8, async patterns
814
- - **react-reviewer** - Hooks, component patterns
815
- - **rails-reviewer** - MVC, ActiveRecord best practices
816
-
817
- ### Pattern Checkers (Flash Models)
818
- - **performance-reviewer** - N+1 queries, loops, memory
819
- - **complexity-reviewer** - Function length, nesting, cyclomatic
820
- - **simplicity-reviewer** - Over-engineering detection
821
- - **test-coverage-reviewer** - Missing tests, edge cases
822
- - **git-history-reviewer** - Risk patterns, commit analysis
823
-
824
- ## Workflow
825
-
826
- ### Step 1: Analyze Changes
827
- \`\`\`bash
828
- git diff HEAD~1
829
- \`\`\`
830
-
831
- ### Step 2: Select Relevant Agents
832
- Based on changed files:
833
- - .ts/.tsx → typescript-reviewer, react-reviewer
834
- - .py → python-reviewer
835
- - Security-related → security-reviewer
836
- - Architecture changes → architecture-reviewer
837
-
838
- ### Step 3: Run Reviews (Parallel)
839
- Invoke selected agents:
840
- - "Use security-reviewer"
841
- - "Use typescript-reviewer"
842
- - (etc.)
843
-
844
- ### Step 4: Consolidate Findings
845
-
846
- ## Priority System
847
-
848
- | Priority | Meaning | Action |
849
- |----------|---------|--------|
850
- | 🔴 P1 | Critical | Blocks merge, fix immediately |
851
- | 🟡 P2 | Important | Fix recommended before merge |
852
- | 🔵 P3 | Nice-to-have | Add to backlog |
853
-
854
- ## Output Format
855
-
856
- \`\`\`markdown
857
- # Code Review Summary
858
-
859
- ## 🔴 P1 - Critical (X issues)
860
- - [Issue description] - [file:line]
861
-
862
- ## 🟡 P2 - Important (X issues)
863
- - [Issue description] - [file:line]
864
-
865
- ## 🔵 P3 - Suggestions (X issues)
866
- - [Issue description] - [file:line]
867
-
868
- ## Reviewed By
869
- - security-reviewer ✅
870
- - typescript-reviewer ✅
871
- - performance-reviewer ✅
872
- \`\`\`
873
-
874
- ## Next Steps
875
-
876
- After review:
877
- - Fix P1 issues immediately
878
- - Address P2 issues before merge
879
- - Track P3 in backlog
880
- - Ready to commit when P1/P2 resolved
784
+ content: `---
785
+ name: vibe-review
786
+ model: auto
787
+ description: "Parallel code review with 12+ specialized agents. Use after code changes."
788
+ ---
789
+
790
+ # vibe review - Parallel Code Review Skill
791
+
792
+ Orchestrates 12+ specialized review agents for comprehensive code review.
793
+
794
+ ## When to Use
795
+
796
+ - After implementing new features
797
+ - Before creating pull requests
798
+ - After significant code changes
799
+
800
+ ## Invocation
801
+
802
+ User says: "vibe review" or "Review my code"
803
+
804
+ ## Available Review Agents
805
+
806
+ ### Security & Architecture (Thinking Models)
807
+ - **security-reviewer** - OWASP Top 10, authentication, data handling
808
+ - **architecture-reviewer** - Design patterns, dependencies, structure
809
+ - **data-integrity-reviewer** - Data flow, state management, persistence
810
+
811
+ ### Language Specialists (Codex Models)
812
+ - **typescript-reviewer** - Type safety, modern patterns
813
+ - **python-reviewer** - Type hints, PEP8, async patterns
814
+ - **react-reviewer** - Hooks, component patterns
815
+ - **rails-reviewer** - MVC, ActiveRecord best practices
816
+
817
+ ### Pattern Checkers (Flash Models)
818
+ - **performance-reviewer** - N+1 queries, loops, memory
819
+ - **complexity-reviewer** - Function length, nesting, cyclomatic
820
+ - **simplicity-reviewer** - Over-engineering detection
821
+ - **test-coverage-reviewer** - Missing tests, edge cases
822
+ - **git-history-reviewer** - Risk patterns, commit analysis
823
+
824
+ ## Workflow
825
+
826
+ ### Step 1: Analyze Changes
827
+ \`\`\`bash
828
+ git diff HEAD~1
829
+ \`\`\`
830
+
831
+ ### Step 2: Select Relevant Agents
832
+ Based on changed files:
833
+ - .ts/.tsx → typescript-reviewer, react-reviewer
834
+ - .py → python-reviewer
835
+ - Security-related → security-reviewer
836
+ - Architecture changes → architecture-reviewer
837
+
838
+ ### Step 3: Run Reviews (Parallel)
839
+ Invoke selected agents:
840
+ - "Use security-reviewer"
841
+ - "Use typescript-reviewer"
842
+ - (etc.)
843
+
844
+ ### Step 4: Consolidate Findings
845
+
846
+ ## Priority System
847
+
848
+ | Priority | Meaning | Action |
849
+ |----------|---------|--------|
850
+ | 🔴 P1 | Critical | Blocks merge, fix immediately |
851
+ | 🟡 P2 | Important | Fix recommended before merge |
852
+ | 🔵 P3 | Nice-to-have | Add to backlog |
853
+
854
+ ## Output Format
855
+
856
+ \`\`\`markdown
857
+ # Code Review Summary
858
+
859
+ ## 🔴 P1 - Critical (X issues)
860
+ - [Issue description] - [file:line]
861
+
862
+ ## 🟡 P2 - Important (X issues)
863
+ - [Issue description] - [file:line]
864
+
865
+ ## 🔵 P3 - Suggestions (X issues)
866
+ - [Issue description] - [file:line]
867
+
868
+ ## Reviewed By
869
+ - security-reviewer ✅
870
+ - typescript-reviewer ✅
871
+ - performance-reviewer ✅
872
+ \`\`\`
873
+
874
+ ## Next Steps
875
+
876
+ After review:
877
+ - Fix P1 issues immediately
878
+ - Address P2 issues before merge
879
+ - Track P3 in backlog
880
+ - Ready to commit when P1/P2 resolved
881
881
  `,
882
882
  },
883
883
  {
884
884
  id: 'vibe-analyze',
885
- content: `---
886
- name: vibe-analyze
887
- model: claude-4.5-sonnet-thinking
888
- description: "Project and feature analysis. Use when exploring codebase or planning changes."
889
- ---
890
-
891
- # vibe analyze - Analysis Skill
892
-
893
- Comprehensive project and feature analysis for understanding codebases.
894
-
895
- ## When to Use
896
-
897
- - Exploring unfamiliar codebase
898
- - Planning feature changes
899
- - Understanding dependencies
900
- - Identifying potential issues
901
-
902
- ## Invocation
903
-
904
- User says: "vibe analyze" or "Analyze [feature/path]"
905
-
906
- ## Analysis Modes
907
-
908
- ### 1. Project Analysis (Default)
909
- Analyzes entire project structure and architecture.
910
-
911
- ### 2. Feature Analysis
912
- Analyzes specific feature or module.
913
- \`\`\`
914
- vibe analyze src/auth
915
- vibe analyze "login feature"
916
- \`\`\`
917
-
918
- ### 3. Dependency Analysis
919
- Maps dependencies and coupling.
920
-
921
- ## Workflow
922
-
923
- ### Step 1: Structure Scan
924
- \`\`\`bash
925
- # Find key files
926
- ls -la
927
- find . -name "*.ts" -o -name "*.tsx" | head -20
928
- \`\`\`
929
-
930
- ### Step 2: Entry Points
931
- Identify main entry points:
932
- - package.json scripts
933
- - src/index.ts
934
- - app/main.ts
935
-
936
- ### Step 3: Architecture Mapping
937
- - Module boundaries
938
- - Data flow paths
939
- - External dependencies
940
-
941
- ### Step 4: Quality Assessment
942
- - Complexity hotspots
943
- - Test coverage gaps
944
- - Security concerns
945
-
946
- ## Output Format
947
-
948
- \`\`\`markdown
949
- # Project Analysis: [Name]
950
-
951
- ## Overview
952
- - Framework: [e.g., Next.js 14]
953
- - Language: [e.g., TypeScript 5.x]
954
- - Package Manager: [e.g., pnpm]
955
-
956
- ## Architecture
957
- ### Layers
958
- 1. Presentation (src/components/)
959
- 2. Business Logic (src/services/)
960
- 3. Data Access (src/repositories/)
961
-
962
- ### Key Modules
963
- | Module | Purpose | Files |
964
- |--------|---------|-------|
965
- | auth | Authentication | 12 |
966
- | api | API routes | 8 |
967
-
968
- ## Dependencies
969
- ### Internal
970
- - auth → db, utils
971
- - api → auth, services
972
-
973
- ### External (Notable)
974
- - next: ^14.0.0
975
- - prisma: ^5.0.0
976
-
977
- ## Quality Metrics
978
- | Metric | Value | Status |
979
- |--------|-------|--------|
980
- | Avg Complexity | 8.2 | ✅ Good |
981
- | Test Coverage | 65% | ⚠️ Moderate |
982
- | Type Coverage | 95% | ✅ Good |
983
-
984
- ## Recommendations
985
- 1. [Recommendation 1]
986
- 2. [Recommendation 2]
987
- \`\`\`
988
-
989
- ## Next Steps
990
-
991
- After analysis:
992
- - "vibe spec [feature]" - Create SPEC for changes
993
- - "vibe review" - Review existing code quality
994
- - Plan Mode - For simple modifications
885
+ content: `---
886
+ name: vibe-analyze
887
+ model: claude-4.5-sonnet-thinking
888
+ description: "Project and feature analysis. Use when exploring codebase or planning changes."
889
+ ---
890
+
891
+ # vibe analyze - Analysis Skill
892
+
893
+ Comprehensive project and feature analysis for understanding codebases.
894
+
895
+ ## When to Use
896
+
897
+ - Exploring unfamiliar codebase
898
+ - Planning feature changes
899
+ - Understanding dependencies
900
+ - Identifying potential issues
901
+
902
+ ## Invocation
903
+
904
+ User says: "vibe analyze" or "Analyze [feature/path]"
905
+
906
+ ## Analysis Modes
907
+
908
+ ### 1. Project Analysis (Default)
909
+ Analyzes entire project structure and architecture.
910
+
911
+ ### 2. Feature Analysis
912
+ Analyzes specific feature or module.
913
+ \`\`\`
914
+ vibe analyze src/auth
915
+ vibe analyze "login feature"
916
+ \`\`\`
917
+
918
+ ### 3. Dependency Analysis
919
+ Maps dependencies and coupling.
920
+
921
+ ## Workflow
922
+
923
+ ### Step 1: Structure Scan
924
+ \`\`\`bash
925
+ # Find key files
926
+ ls -la
927
+ find . -name "*.ts" -o -name "*.tsx" | head -20
928
+ \`\`\`
929
+
930
+ ### Step 2: Entry Points
931
+ Identify main entry points:
932
+ - package.json scripts
933
+ - src/index.ts
934
+ - app/main.ts
935
+
936
+ ### Step 3: Architecture Mapping
937
+ - Module boundaries
938
+ - Data flow paths
939
+ - External dependencies
940
+
941
+ ### Step 4: Quality Assessment
942
+ - Complexity hotspots
943
+ - Test coverage gaps
944
+ - Security concerns
945
+
946
+ ## Output Format
947
+
948
+ \`\`\`markdown
949
+ # Project Analysis: [Name]
950
+
951
+ ## Overview
952
+ - Framework: [e.g., Next.js 14]
953
+ - Language: [e.g., TypeScript 5.x]
954
+ - Package Manager: [e.g., pnpm]
955
+
956
+ ## Architecture
957
+ ### Layers
958
+ 1. Presentation (src/components/)
959
+ 2. Business Logic (src/services/)
960
+ 3. Data Access (src/repositories/)
961
+
962
+ ### Key Modules
963
+ | Module | Purpose | Files |
964
+ |--------|---------|-------|
965
+ | auth | Authentication | 12 |
966
+ | api | API routes | 8 |
967
+
968
+ ## Dependencies
969
+ ### Internal
970
+ - auth → db, utils
971
+ - api → auth, services
972
+
973
+ ### External (Notable)
974
+ - next: ^14.0.0
975
+ - prisma: ^5.0.0
976
+
977
+ ## Quality Metrics
978
+ | Metric | Value | Status |
979
+ |--------|-------|--------|
980
+ | Avg Complexity | 8.2 | ✅ Good |
981
+ | Test Coverage | 65% | ⚠️ Moderate |
982
+ | Type Coverage | 95% | ✅ Good |
983
+
984
+ ## Recommendations
985
+ 1. [Recommendation 1]
986
+ 2. [Recommendation 2]
987
+ \`\`\`
988
+
989
+ ## Next Steps
990
+
991
+ After analysis:
992
+ - "vibe spec [feature]" - Create SPEC for changes
993
+ - "vibe review" - Review existing code quality
994
+ - Plan Mode - For simple modifications
995
995
  `,
996
996
  },
997
997
  {
998
998
  id: 'vibe-verify',
999
- content: `---
1000
- name: vibe-verify
1001
- model: claude-4.5-sonnet-thinking
1002
- description: "Verify implementation against SPEC requirements. Use after implementation."
1003
- ---
1004
-
1005
- # vibe verify - Verification Skill
1006
-
1007
- Verifies implementation completeness against SPEC requirements.
1008
-
1009
- ## When to Use
1010
-
1011
- - After completing implementation
1012
- - Before marking feature as done
1013
- - For requirement traceability
1014
-
1015
- ## Invocation
1016
-
1017
- User says: "vibe verify [feature-name]"
1018
-
1019
- ## Pre-requisites
1020
-
1021
- 1. SPEC exists at \`.claude/vibe/specs/[feature-name]-spec.md\`
1022
- 2. Implementation is complete
1023
-
1024
- ## Workflow
1025
-
1026
- ### Step 1: Load SPEC
1027
- Read SPEC and extract:
1028
- - Requirements (REQ-XXX)
1029
- - Acceptance criteria
1030
- - Expected outputs
1031
-
1032
- ### Step 2: Map Implementation
1033
- For each requirement:
1034
- - Find implementing code
1035
- - Identify test coverage
1036
- - Check acceptance criteria
1037
-
1038
- ### Step 3: Gap Analysis
1039
- Identify:
1040
- - Unimplemented requirements
1041
- - Untested features
1042
- - Missing acceptance criteria
1043
-
1044
- ### Step 4: Generate Report
1045
-
1046
- ## Verification Levels
1047
-
1048
- | Level | Meaning |
1049
- |-------|---------|
1050
- | ✅ Full | Code + Test + Verified |
1051
- | ⚠️ Partial | Code exists, missing test or verification |
1052
- | ❌ None | Not implemented |
1053
-
1054
- ## Output Format
1055
-
1056
- \`\`\`markdown
1057
- # Verification Report: [Feature]
1058
-
1059
- ## Summary
1060
- - Total Requirements: 10
1061
- - Fully Verified: 8 (80%)
1062
- - Partial: 1 (10%)
1063
- - Missing: 1 (10%)
1064
-
1065
- ## Requirement Matrix
1066
-
1067
- | ID | Requirement | Code | Test | Status |
1068
- |----|-------------|------|------|--------|
1069
- | REQ-001 | User login | ✅ | ✅ | ✅ Full |
1070
- | REQ-002 | Password reset | ✅ | ❌ | ⚠️ Partial |
1071
- | REQ-003 | MFA support | ❌ | ❌ | ❌ None |
1072
-
1073
- ## Acceptance Criteria
1074
-
1075
- | Criterion | Status | Evidence |
1076
- |-----------|--------|----------|
1077
- | Login < 2s | ✅ | Performance test |
1078
- | No plain passwords | ✅ | Code review |
1079
-
1080
- ## Gaps to Address
1081
-
1082
- 1. **REQ-003**: MFA support not implemented
1083
- 2. **REQ-002**: Missing test for password reset
1084
-
1085
- ## Recommendation
1086
- ⚠️ Address gaps before release
1087
- \`\`\`
1088
-
1089
- ## Next Steps
1090
-
1091
- After verification:
1092
- - Fix gaps if any
1093
- - "vibe trace [feature]" - Full traceability matrix
1094
- - "vibe review" - Final code review
1095
- - Ready for release if all verified
999
+ content: `---
1000
+ name: vibe-verify
1001
+ model: claude-4.5-sonnet-thinking
1002
+ description: "Verify implementation against SPEC requirements. Use after implementation."
1003
+ ---
1004
+
1005
+ # vibe verify - Verification Skill
1006
+
1007
+ Verifies implementation completeness against SPEC requirements.
1008
+
1009
+ ## When to Use
1010
+
1011
+ - After completing implementation
1012
+ - Before marking feature as done
1013
+ - For requirement traceability
1014
+
1015
+ ## Invocation
1016
+
1017
+ User says: "vibe verify [feature-name]"
1018
+
1019
+ ## Pre-requisites
1020
+
1021
+ 1. SPEC exists at \`.claude/vibe/specs/[feature-name]-spec.md\`
1022
+ 2. Implementation is complete
1023
+
1024
+ ## Workflow
1025
+
1026
+ ### Step 1: Load SPEC
1027
+ Read SPEC and extract:
1028
+ - Requirements (REQ-XXX)
1029
+ - Acceptance criteria
1030
+ - Expected outputs
1031
+
1032
+ ### Step 2: Map Implementation
1033
+ For each requirement:
1034
+ - Find implementing code
1035
+ - Identify test coverage
1036
+ - Check acceptance criteria
1037
+
1038
+ ### Step 3: Gap Analysis
1039
+ Identify:
1040
+ - Unimplemented requirements
1041
+ - Untested features
1042
+ - Missing acceptance criteria
1043
+
1044
+ ### Step 4: Generate Report
1045
+
1046
+ ## Verification Levels
1047
+
1048
+ | Level | Meaning |
1049
+ |-------|---------|
1050
+ | ✅ Full | Code + Test + Verified |
1051
+ | ⚠️ Partial | Code exists, missing test or verification |
1052
+ | ❌ None | Not implemented |
1053
+
1054
+ ## Output Format
1055
+
1056
+ \`\`\`markdown
1057
+ # Verification Report: [Feature]
1058
+
1059
+ ## Summary
1060
+ - Total Requirements: 10
1061
+ - Fully Verified: 8 (80%)
1062
+ - Partial: 1 (10%)
1063
+ - Missing: 1 (10%)
1064
+
1065
+ ## Requirement Matrix
1066
+
1067
+ | ID | Requirement | Code | Test | Status |
1068
+ |----|-------------|------|------|--------|
1069
+ | REQ-001 | User login | ✅ | ✅ | ✅ Full |
1070
+ | REQ-002 | Password reset | ✅ | ❌ | ⚠️ Partial |
1071
+ | REQ-003 | MFA support | ❌ | ❌ | ❌ None |
1072
+
1073
+ ## Acceptance Criteria
1074
+
1075
+ | Criterion | Status | Evidence |
1076
+ |-----------|--------|----------|
1077
+ | Login < 2s | ✅ | Performance test |
1078
+ | No plain passwords | ✅ | Code review |
1079
+
1080
+ ## Gaps to Address
1081
+
1082
+ 1. **REQ-003**: MFA support not implemented
1083
+ 2. **REQ-002**: Missing test for password reset
1084
+
1085
+ ## Recommendation
1086
+ ⚠️ Address gaps before release
1087
+ \`\`\`
1088
+
1089
+ ## Next Steps
1090
+
1091
+ After verification:
1092
+ - Fix gaps if any
1093
+ - "vibe trace [feature]" - Full traceability matrix
1094
+ - "vibe review" - Final code review
1095
+ - Ready for release if all verified
1096
1096
  `,
1097
1097
  },
1098
1098
  {
1099
1099
  id: 'vibe-reason',
1100
- content: `---
1101
- name: vibe-reason
1102
- model: claude-4.5-opus-high-thinking
1103
- description: "Systematic 9-step reasoning framework. Use for complex problem solving."
1104
- ---
1105
-
1106
- # vibe reason - Reasoning Framework Skill
1107
-
1108
- Applies systematic reasoning to complex problems and decisions.
1109
-
1110
- ## When to Use
1111
-
1112
- - Complex debugging scenarios
1113
- - Architecture decisions
1114
- - Trade-off analysis
1115
- - Root cause analysis
1116
-
1117
- ## Invocation
1118
-
1119
- User says: "vibe reason [problem]" or "Reason about [problem]"
1120
-
1121
- ## 9-Step Reasoning Framework
1122
-
1123
- ### Step 1: Problem Definition
1124
- - What exactly is the problem?
1125
- - What are the symptoms?
1126
- - What is the expected vs actual behavior?
1127
-
1128
- ### Step 2: Context Gathering
1129
- - What is the relevant code/system?
1130
- - What changed recently?
1131
- - What are the constraints?
1132
-
1133
- ### Step 3: Hypothesis Generation
1134
- Generate multiple hypotheses:
1135
- - Hypothesis A: [Description]
1136
- - Hypothesis B: [Description]
1137
- - Hypothesis C: [Description]
1138
-
1139
- ### Step 4: Evidence Collection
1140
- For each hypothesis:
1141
- - What evidence supports it?
1142
- - What evidence contradicts it?
1143
- - What additional info needed?
1144
-
1145
- ### Step 5: Hypothesis Evaluation
1146
- Score each hypothesis:
1147
- | Hypothesis | Support | Contradict | Confidence |
1148
- |------------|---------|------------|------------|
1149
- | A | 3 | 1 | 75% |
1150
- | B | 2 | 2 | 50% |
1151
- | C | 1 | 3 | 25% |
1152
-
1153
- ### Step 6: Deep Dive
1154
- Focus on highest-confidence hypothesis:
1155
- - Trace code paths
1156
- - Check logs/metrics
1157
- - Reproduce issue
1158
-
1159
- ### Step 7: Solution Design
1160
- Design solution addressing root cause:
1161
- - Option 1: [Description] - Pros/Cons
1162
- - Option 2: [Description] - Pros/Cons
1163
-
1164
- ### Step 8: Risk Assessment
1165
- | Risk | Impact | Probability | Mitigation |
1166
- |------|--------|-------------|------------|
1167
- | [Risk 1] | High | Medium | [Strategy] |
1168
-
1169
- ### Step 9: Recommendation
1170
- Final recommendation with:
1171
- - Chosen solution
1172
- - Implementation steps
1173
- - Verification plan
1174
-
1175
- ## Output Format
1176
-
1177
- \`\`\`markdown
1178
- # Reasoning Analysis: [Problem]
1179
-
1180
- ## 1. Problem Definition
1181
- [Clear statement of the problem]
1182
-
1183
- ## 2. Context
1184
- [Relevant background and constraints]
1185
-
1186
- ## 3. Hypotheses
1187
- 1. **H1**: [Description]
1188
- 2. **H2**: [Description]
1189
- 3. **H3**: [Description]
1190
-
1191
- ## 4-5. Evidence & Evaluation
1192
- | Hypothesis | Evidence For | Evidence Against | Confidence |
1193
- |------------|--------------|------------------|------------|
1194
- | H1 | [List] | [List] | 80% |
1195
- | H2 | [List] | [List] | 40% |
1196
-
1197
- ## 6. Deep Dive (H1)
1198
- [Detailed analysis of most likely cause]
1199
-
1200
- ## 7. Solutions
1201
- ### Option A (Recommended)
1202
- - Description: [...]
1203
- - Pros: [...]
1204
- - Cons: [...]
1205
-
1206
- ### Option B
1207
- - Description: [...]
1208
- - Pros: [...]
1209
- - Cons: [...]
1210
-
1211
- ## 8. Risks
1212
- | Risk | Mitigation |
1213
- |------|------------|
1214
- | [Risk] | [Strategy] |
1215
-
1216
- ## 9. Recommendation
1217
- **Proceed with Option A because:**
1218
- 1. [Reason 1]
1219
- 2. [Reason 2]
1220
-
1221
- **Next Steps:**
1222
- 1. [Step 1]
1223
- 2. [Step 2]
1224
- \`\`\`
1225
-
1226
- ## Next Steps
1227
-
1228
- After reasoning:
1229
- - Implement chosen solution
1230
- - "vibe spec [solution]" - If solution needs SPEC
1231
- - "vibe verify" - Verify solution addresses problem
1100
+ content: `---
1101
+ name: vibe-reason
1102
+ model: claude-4.5-opus-high-thinking
1103
+ description: "Systematic 9-step reasoning framework. Use for complex problem solving."
1104
+ ---
1105
+
1106
+ # vibe reason - Reasoning Framework Skill
1107
+
1108
+ Applies systematic reasoning to complex problems and decisions.
1109
+
1110
+ ## When to Use
1111
+
1112
+ - Complex debugging scenarios
1113
+ - Architecture decisions
1114
+ - Trade-off analysis
1115
+ - Root cause analysis
1116
+
1117
+ ## Invocation
1118
+
1119
+ User says: "vibe reason [problem]" or "Reason about [problem]"
1120
+
1121
+ ## 9-Step Reasoning Framework
1122
+
1123
+ ### Step 1: Problem Definition
1124
+ - What exactly is the problem?
1125
+ - What are the symptoms?
1126
+ - What is the expected vs actual behavior?
1127
+
1128
+ ### Step 2: Context Gathering
1129
+ - What is the relevant code/system?
1130
+ - What changed recently?
1131
+ - What are the constraints?
1132
+
1133
+ ### Step 3: Hypothesis Generation
1134
+ Generate multiple hypotheses:
1135
+ - Hypothesis A: [Description]
1136
+ - Hypothesis B: [Description]
1137
+ - Hypothesis C: [Description]
1138
+
1139
+ ### Step 4: Evidence Collection
1140
+ For each hypothesis:
1141
+ - What evidence supports it?
1142
+ - What evidence contradicts it?
1143
+ - What additional info needed?
1144
+
1145
+ ### Step 5: Hypothesis Evaluation
1146
+ Score each hypothesis:
1147
+ | Hypothesis | Support | Contradict | Confidence |
1148
+ |------------|---------|------------|------------|
1149
+ | A | 3 | 1 | 75% |
1150
+ | B | 2 | 2 | 50% |
1151
+ | C | 1 | 3 | 25% |
1152
+
1153
+ ### Step 6: Deep Dive
1154
+ Focus on highest-confidence hypothesis:
1155
+ - Trace code paths
1156
+ - Check logs/metrics
1157
+ - Reproduce issue
1158
+
1159
+ ### Step 7: Solution Design
1160
+ Design solution addressing root cause:
1161
+ - Option 1: [Description] - Pros/Cons
1162
+ - Option 2: [Description] - Pros/Cons
1163
+
1164
+ ### Step 8: Risk Assessment
1165
+ | Risk | Impact | Probability | Mitigation |
1166
+ |------|--------|-------------|------------|
1167
+ | [Risk 1] | High | Medium | [Strategy] |
1168
+
1169
+ ### Step 9: Recommendation
1170
+ Final recommendation with:
1171
+ - Chosen solution
1172
+ - Implementation steps
1173
+ - Verification plan
1174
+
1175
+ ## Output Format
1176
+
1177
+ \`\`\`markdown
1178
+ # Reasoning Analysis: [Problem]
1179
+
1180
+ ## 1. Problem Definition
1181
+ [Clear statement of the problem]
1182
+
1183
+ ## 2. Context
1184
+ [Relevant background and constraints]
1185
+
1186
+ ## 3. Hypotheses
1187
+ 1. **H1**: [Description]
1188
+ 2. **H2**: [Description]
1189
+ 3. **H3**: [Description]
1190
+
1191
+ ## 4-5. Evidence & Evaluation
1192
+ | Hypothesis | Evidence For | Evidence Against | Confidence |
1193
+ |------------|--------------|------------------|------------|
1194
+ | H1 | [List] | [List] | 80% |
1195
+ | H2 | [List] | [List] | 40% |
1196
+
1197
+ ## 6. Deep Dive (H1)
1198
+ [Detailed analysis of most likely cause]
1199
+
1200
+ ## 7. Solutions
1201
+ ### Option A (Recommended)
1202
+ - Description: [...]
1203
+ - Pros: [...]
1204
+ - Cons: [...]
1205
+
1206
+ ### Option B
1207
+ - Description: [...]
1208
+ - Pros: [...]
1209
+ - Cons: [...]
1210
+
1211
+ ## 8. Risks
1212
+ | Risk | Mitigation |
1213
+ |------|------------|
1214
+ | [Risk] | [Strategy] |
1215
+
1216
+ ## 9. Recommendation
1217
+ **Proceed with Option A because:**
1218
+ 1. [Reason 1]
1219
+ 2. [Reason 2]
1220
+
1221
+ **Next Steps:**
1222
+ 1. [Step 1]
1223
+ 2. [Step 2]
1224
+ \`\`\`
1225
+
1226
+ ## Next Steps
1227
+
1228
+ After reasoning:
1229
+ - Implement chosen solution
1230
+ - "vibe spec [solution]" - If solution needs SPEC
1231
+ - "vibe verify" - Verify solution addresses problem
1232
1232
  `,
1233
1233
  },
1234
1234
  {
1235
1235
  id: 'vibe-ui',
1236
- content: `---
1237
- name: vibe-ui
1238
- model: gpt-5.2-codex
1239
- description: "UI preview and generation utilities. Use for UI component work."
1240
- ---
1241
-
1242
- # vibe ui - UI Utilities Skill
1243
-
1244
- UI preview, generation, and refactoring utilities.
1245
-
1246
- ## When to Use
1247
-
1248
- - Creating new UI components
1249
- - Previewing UI designs
1250
- - Refactoring existing components
1251
- - Generating component code from descriptions
1252
-
1253
- ## Invocation
1254
-
1255
- User says: "vibe ui [description]" or "Preview UI for [description]"
1256
-
1257
- ## Modes
1258
-
1259
- ### 1. UI Preview
1260
- Generate visual preview of UI description.
1261
- \`\`\`
1262
- vibe ui "Login form with email, password, and remember me checkbox"
1263
- \`\`\`
1264
-
1265
- ### 2. Component Generation
1266
- Generate component code from description.
1267
- \`\`\`
1268
- vibe ui generate "User profile card with avatar, name, and bio"
1269
- \`\`\`
1270
-
1271
- ### 3. UI Refactoring
1272
- Refactor existing component for better patterns.
1273
- \`\`\`
1274
- vibe ui refactor src/components/UserCard.tsx
1275
- \`\`\`
1276
-
1277
- ## Workflow
1278
-
1279
- ### UI Preview Mode
1280
-
1281
- 1. **Parse Description**
1282
- - Extract UI elements
1283
- - Identify layout requirements
1284
- - Note interactions
1285
-
1286
- 2. **Generate Preview**
1287
- - Create HTML/CSS mockup
1288
- - Show component structure
1289
- - Illustrate states (default, hover, active)
1290
-
1291
- 3. **Output**
1292
- - Visual description
1293
- - Component hierarchy
1294
- - Suggested implementation
1295
-
1296
- ### Component Generation Mode
1297
-
1298
- 1. **Analyze Requirements**
1299
- - Component purpose
1300
- - Props interface
1301
- - State requirements
1302
-
1303
- 2. **Generate Code**
1304
- - TypeScript/React component
1305
- - Styled with project's CSS approach
1306
- - Include prop types
1307
-
1308
- 3. **Output**
1309
- - Complete component file
1310
- - Usage example
1311
- - Test suggestions
1312
-
1313
- ### Refactoring Mode
1314
-
1315
- 1. **Analyze Existing**
1316
- - Current structure
1317
- - Identified issues
1318
- - Improvement opportunities
1319
-
1320
- 2. **Plan Refactor**
1321
- - Extract components
1322
- - Improve patterns
1323
- - Optimize performance
1324
-
1325
- 3. **Apply Changes**
1326
- - Preserve functionality
1327
- - Improve readability
1328
- - Add documentation
1329
-
1330
- ## Output Format
1331
-
1332
- ### Preview Output
1333
- \`\`\`markdown
1334
- # UI Preview: [Description]
1335
-
1336
- ## Visual Structure
1337
- \`\`\`
1338
- ┌─────────────────────────────────┐
1339
- │ [Header] │
1340
- ├─────────────────────────────────┤
1341
- │ 📧 Email: [_______________] │
1342
- │ 🔒 Password: [_______________] │
1343
- │ ☐ Remember me │
1344
- │ │
1345
- │ [ Login ] │
1346
- └─────────────────────────────────┘
1347
- \`\`\`
1348
-
1349
- ## Component Hierarchy
1350
- - LoginForm
1351
- - FormField (email)
1352
- - FormField (password)
1353
- - Checkbox (remember)
1354
- - Button (submit)
1355
-
1356
- ## Suggested Props
1357
- \`\`\`typescript
1358
- interface LoginFormProps {
1359
- onSubmit: (data: LoginData) => void;
1360
- isLoading?: boolean;
1361
- error?: string;
1362
- }
1363
- \`\`\`
1364
- \`\`\`
1365
-
1366
- ### Generation Output
1367
- \`\`\`typescript
1368
- // Complete component code with:
1369
- // - TypeScript types
1370
- // - React hooks
1371
- // - Styled components or CSS classes
1372
- // - Event handlers
1373
- \`\`\`
1374
-
1375
- ## Next Steps
1376
-
1377
- After UI work:
1378
- - "vibe review" - Review generated components
1379
- - "vibe run [feature]" - Continue implementation
1380
- - Add tests for new components
1236
+ content: `---
1237
+ name: vibe-ui
1238
+ model: gpt-5.2-codex
1239
+ description: "UI preview and generation utilities. Use for UI component work."
1240
+ ---
1241
+
1242
+ # vibe ui - UI Utilities Skill
1243
+
1244
+ UI preview, generation, and refactoring utilities.
1245
+
1246
+ ## When to Use
1247
+
1248
+ - Creating new UI components
1249
+ - Previewing UI designs
1250
+ - Refactoring existing components
1251
+ - Generating component code from descriptions
1252
+
1253
+ ## Invocation
1254
+
1255
+ User says: "vibe ui [description]" or "Preview UI for [description]"
1256
+
1257
+ ## Modes
1258
+
1259
+ ### 1. UI Preview
1260
+ Generate visual preview of UI description.
1261
+ \`\`\`
1262
+ vibe ui "Login form with email, password, and remember me checkbox"
1263
+ \`\`\`
1264
+
1265
+ ### 2. Component Generation
1266
+ Generate component code from description.
1267
+ \`\`\`
1268
+ vibe ui generate "User profile card with avatar, name, and bio"
1269
+ \`\`\`
1270
+
1271
+ ### 3. UI Refactoring
1272
+ Refactor existing component for better patterns.
1273
+ \`\`\`
1274
+ vibe ui refactor src/components/UserCard.tsx
1275
+ \`\`\`
1276
+
1277
+ ## Workflow
1278
+
1279
+ ### UI Preview Mode
1280
+
1281
+ 1. **Parse Description**
1282
+ - Extract UI elements
1283
+ - Identify layout requirements
1284
+ - Note interactions
1285
+
1286
+ 2. **Generate Preview**
1287
+ - Create HTML/CSS mockup
1288
+ - Show component structure
1289
+ - Illustrate states (default, hover, active)
1290
+
1291
+ 3. **Output**
1292
+ - Visual description
1293
+ - Component hierarchy
1294
+ - Suggested implementation
1295
+
1296
+ ### Component Generation Mode
1297
+
1298
+ 1. **Analyze Requirements**
1299
+ - Component purpose
1300
+ - Props interface
1301
+ - State requirements
1302
+
1303
+ 2. **Generate Code**
1304
+ - TypeScript/React component
1305
+ - Styled with project's CSS approach
1306
+ - Include prop types
1307
+
1308
+ 3. **Output**
1309
+ - Complete component file
1310
+ - Usage example
1311
+ - Test suggestions
1312
+
1313
+ ### Refactoring Mode
1314
+
1315
+ 1. **Analyze Existing**
1316
+ - Current structure
1317
+ - Identified issues
1318
+ - Improvement opportunities
1319
+
1320
+ 2. **Plan Refactor**
1321
+ - Extract components
1322
+ - Improve patterns
1323
+ - Optimize performance
1324
+
1325
+ 3. **Apply Changes**
1326
+ - Preserve functionality
1327
+ - Improve readability
1328
+ - Add documentation
1329
+
1330
+ ## Output Format
1331
+
1332
+ ### Preview Output
1333
+ \`\`\`markdown
1334
+ # UI Preview: [Description]
1335
+
1336
+ ## Visual Structure
1337
+ \`\`\`
1338
+ ┌─────────────────────────────────┐
1339
+ │ [Header] │
1340
+ ├─────────────────────────────────┤
1341
+ │ 📧 Email: [_______________] │
1342
+ │ 🔒 Password: [_______________] │
1343
+ │ ☐ Remember me │
1344
+ │ │
1345
+ │ [ Login ] │
1346
+ └─────────────────────────────────┘
1347
+ \`\`\`
1348
+
1349
+ ## Component Hierarchy
1350
+ - LoginForm
1351
+ - FormField (email)
1352
+ - FormField (password)
1353
+ - Checkbox (remember)
1354
+ - Button (submit)
1355
+
1356
+ ## Suggested Props
1357
+ \`\`\`typescript
1358
+ interface LoginFormProps {
1359
+ onSubmit: (data: LoginData) => void;
1360
+ isLoading?: boolean;
1361
+ error?: string;
1362
+ }
1363
+ \`\`\`
1364
+ \`\`\`
1365
+
1366
+ ### Generation Output
1367
+ \`\`\`typescript
1368
+ // Complete component code with:
1369
+ // - TypeScript types
1370
+ // - React hooks
1371
+ // - Styled components or CSS classes
1372
+ // - Event handlers
1373
+ \`\`\`
1374
+
1375
+ ## Next Steps
1376
+
1377
+ After UI work:
1378
+ - "vibe review" - Review generated components
1379
+ - "vibe run [feature]" - Continue implementation
1380
+ - Add tests for new components
1381
1381
  `,
1382
1382
  },
1383
1383
  ];