@su-record/vibe 2.9.24 → 2.9.32

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 (530) hide show
  1. package/.env.example +37 -37
  2. package/CLAUDE.md +109 -105
  3. package/LICENSE +21 -21
  4. package/README.en.md +220 -220
  5. package/README.md +171 -171
  6. package/agents/architect-low.md +41 -41
  7. package/agents/architect-medium.md +59 -59
  8. package/agents/architect.md +80 -80
  9. package/agents/build-error-resolver.md +115 -115
  10. package/agents/compounder.md +261 -261
  11. package/agents/diagrammer.md +178 -178
  12. package/agents/docs/api-documenter.md +99 -99
  13. package/agents/docs/changelog-writer.md +93 -93
  14. package/agents/e2e-tester.md +294 -294
  15. package/agents/event/event-comms.md +78 -78
  16. package/agents/event/event-content.md +68 -68
  17. package/agents/event/event-image.md +95 -95
  18. package/agents/event/event-ops.md +84 -84
  19. package/agents/event/event-scheduler.md +69 -69
  20. package/agents/event/event-speaker.md +86 -86
  21. package/agents/explorer-low.md +42 -42
  22. package/agents/explorer-medium.md +59 -59
  23. package/agents/explorer.md +48 -48
  24. package/agents/implementer-low.md +43 -43
  25. package/agents/implementer-medium.md +52 -52
  26. package/agents/implementer.md +54 -54
  27. package/agents/junior-mentor.md +141 -141
  28. package/agents/planning/requirements-analyst.md +84 -84
  29. package/agents/planning/ux-advisor.md +83 -83
  30. package/agents/qa/acceptance-tester.md +86 -86
  31. package/agents/qa/edge-case-finder.md +93 -93
  32. package/agents/qa/qa-coordinator.md +131 -131
  33. package/agents/refactor-cleaner.md +143 -143
  34. package/agents/research/best-practices-agent.md +199 -199
  35. package/agents/research/codebase-patterns-agent.md +157 -157
  36. package/agents/research/framework-docs-agent.md +188 -188
  37. package/agents/research/security-advisory-agent.md +213 -213
  38. package/agents/review/architecture-reviewer.md +107 -107
  39. package/agents/review/complexity-reviewer.md +116 -116
  40. package/agents/review/data-integrity-reviewer.md +88 -88
  41. package/agents/review/git-history-reviewer.md +103 -103
  42. package/agents/review/performance-reviewer.md +86 -86
  43. package/agents/review/python-reviewer.md +150 -150
  44. package/agents/review/rails-reviewer.md +139 -139
  45. package/agents/review/react-reviewer.md +144 -144
  46. package/agents/review/security-reviewer.md +80 -80
  47. package/agents/review/simplicity-reviewer.md +140 -140
  48. package/agents/review/test-coverage-reviewer.md +116 -116
  49. package/agents/review/typescript-reviewer.md +127 -127
  50. package/agents/searcher.md +54 -54
  51. package/agents/simplifier.md +120 -120
  52. package/agents/teams/debug-team.md +70 -70
  53. package/agents/teams/dev-team.md +88 -88
  54. package/agents/teams/docs-team.md +80 -80
  55. package/agents/teams/figma/figma-analyst.md +52 -52
  56. package/agents/teams/figma/figma-architect.md +112 -112
  57. package/agents/teams/figma/figma-auditor.md +82 -82
  58. package/agents/teams/figma/figma-builder.md +100 -100
  59. package/agents/teams/figma-team.md +85 -85
  60. package/agents/teams/fullstack-team.md +83 -83
  61. package/agents/teams/lite-team.md +69 -69
  62. package/agents/teams/migration-team.md +78 -78
  63. package/agents/teams/refactor-team.md +94 -94
  64. package/agents/teams/research-team.md +86 -86
  65. package/agents/teams/review-debate-team.md +125 -125
  66. package/agents/teams/security-team.md +81 -81
  67. package/agents/tester.md +49 -49
  68. package/agents/ui/ui-a11y-auditor.md +93 -93
  69. package/agents/ui/ui-antipattern-detector.md +102 -102
  70. package/agents/ui/ui-dataviz-advisor.md +69 -69
  71. package/agents/ui/ui-design-system-gen.md +57 -57
  72. package/agents/ui/ui-industry-analyzer.md +49 -49
  73. package/agents/ui/ui-layout-architect.md +65 -65
  74. package/agents/ui/ui-stack-implementer.md +68 -68
  75. package/agents/ui/ux-compliance-reviewer.md +81 -81
  76. package/agents/ui-previewer.md +258 -258
  77. package/commands/vibe.analyze.md +533 -533
  78. package/commands/vibe.contract.md +105 -105
  79. package/commands/vibe.docs.md +33 -33
  80. package/commands/vibe.event.md +163 -163
  81. package/commands/vibe.figma.md +600 -584
  82. package/commands/vibe.harness.md +177 -177
  83. package/commands/vibe.regress.md +73 -73
  84. package/commands/vibe.review.md +624 -624
  85. package/commands/vibe.run.md +1946 -1940
  86. package/commands/vibe.scaffold.md +195 -195
  87. package/commands/vibe.spec.md +577 -577
  88. package/commands/vibe.test.md +49 -96
  89. package/commands/vibe.trace.md +276 -276
  90. package/commands/vibe.utils.md +413 -413
  91. package/commands/vibe.verify.md +572 -550
  92. package/dist/cli/auth.d.ts +7 -1
  93. package/dist/cli/auth.d.ts.map +1 -1
  94. package/dist/cli/auth.js +51 -11
  95. package/dist/cli/auth.js.map +1 -1
  96. package/dist/cli/collaborator.d.ts +5 -1
  97. package/dist/cli/collaborator.d.ts.map +1 -1
  98. package/dist/cli/collaborator.js +60 -55
  99. package/dist/cli/collaborator.js.map +1 -1
  100. package/dist/cli/commands/codex-proxy.js +15 -15
  101. package/dist/cli/commands/config.js +9 -9
  102. package/dist/cli/commands/evolution.js +12 -12
  103. package/dist/cli/commands/figma.js +20 -20
  104. package/dist/cli/commands/info.d.ts.map +1 -1
  105. package/dist/cli/commands/info.js +47 -63
  106. package/dist/cli/commands/info.js.map +1 -1
  107. package/dist/cli/commands/init.d.ts +13 -5
  108. package/dist/cli/commands/init.d.ts.map +1 -1
  109. package/dist/cli/commands/init.js +71 -35
  110. package/dist/cli/commands/init.js.map +1 -1
  111. package/dist/cli/commands/remove.d.ts.map +1 -1
  112. package/dist/cli/commands/remove.js +35 -22
  113. package/dist/cli/commands/remove.js.map +1 -1
  114. package/dist/cli/commands/sentinel.js +27 -27
  115. package/dist/cli/commands/skills.js +5 -5
  116. package/dist/cli/commands/slack.js +10 -10
  117. package/dist/cli/commands/stats.js +6 -6
  118. package/dist/cli/commands/telegram.js +12 -12
  119. package/dist/cli/commands/update.d.ts.map +1 -1
  120. package/dist/cli/commands/update.js +10 -6
  121. package/dist/cli/commands/update.js.map +1 -1
  122. package/dist/cli/detect.js +32 -32
  123. package/dist/cli/index.js +37 -35
  124. package/dist/cli/index.js.map +1 -1
  125. package/dist/cli/llm/claude-commands.js +16 -16
  126. package/dist/cli/llm/config.js +18 -18
  127. package/dist/cli/llm/gemini-commands.js +16 -16
  128. package/dist/cli/llm/gpt-commands.js +19 -19
  129. package/dist/cli/llm/help.js +21 -21
  130. package/dist/cli/postinstall/constants.d.ts.map +1 -1
  131. package/dist/cli/postinstall/constants.js +1 -0
  132. package/dist/cli/postinstall/constants.js.map +1 -1
  133. package/dist/cli/postinstall/cursor-agents.js +32 -32
  134. package/dist/cli/postinstall/cursor-rules.js +83 -83
  135. package/dist/cli/postinstall/cursor-skills.js +743 -743
  136. package/dist/cli/postinstall/global-config.d.ts.map +1 -1
  137. package/dist/cli/postinstall/global-config.js +8 -4
  138. package/dist/cli/postinstall/global-config.js.map +1 -1
  139. package/dist/cli/setup/LegacyMigration.d.ts +14 -0
  140. package/dist/cli/setup/LegacyMigration.d.ts.map +1 -1
  141. package/dist/cli/setup/LegacyMigration.js +61 -0
  142. package/dist/cli/setup/LegacyMigration.js.map +1 -1
  143. package/dist/cli/setup/ProjectSetup.d.ts +9 -3
  144. package/dist/cli/setup/ProjectSetup.d.ts.map +1 -1
  145. package/dist/cli/setup/ProjectSetup.js +60 -36
  146. package/dist/cli/setup/ProjectSetup.js.map +1 -1
  147. package/dist/cli/setup/Provisioner.js +44 -44
  148. package/dist/cli/setup/Provisioner.js.map +1 -1
  149. package/dist/cli/setup.d.ts +1 -1
  150. package/dist/cli/setup.d.ts.map +1 -1
  151. package/dist/cli/setup.js +1 -1
  152. package/dist/cli/setup.js.map +1 -1
  153. package/dist/cli/utils/cli-detector.d.ts +9 -6
  154. package/dist/cli/utils/cli-detector.d.ts.map +1 -1
  155. package/dist/cli/utils/cli-detector.js +127 -8
  156. package/dist/cli/utils/cli-detector.js.map +1 -1
  157. package/dist/infra/lib/DeepInit.js +24 -24
  158. package/dist/infra/lib/IterationTracker.js +11 -11
  159. package/dist/infra/lib/PythonParser.js +108 -108
  160. package/dist/infra/lib/ReviewRace.js +96 -96
  161. package/dist/infra/lib/SkillFrontmatter.js +28 -28
  162. package/dist/infra/lib/SkillQualityGate.js +9 -9
  163. package/dist/infra/lib/SkillRepository.js +159 -159
  164. package/dist/infra/lib/UltraQA.js +99 -99
  165. package/dist/infra/lib/autonomy/AuditStore.js +41 -41
  166. package/dist/infra/lib/autonomy/ConfirmationStore.js +30 -30
  167. package/dist/infra/lib/autonomy/EventOutbox.js +38 -38
  168. package/dist/infra/lib/autonomy/PolicyEngine.d.ts +3 -3
  169. package/dist/infra/lib/autonomy/PolicyEngine.js +18 -18
  170. package/dist/infra/lib/autonomy/SecuritySentinel.js +1 -1
  171. package/dist/infra/lib/autonomy/SuggestionStore.js +33 -33
  172. package/dist/infra/lib/browser/compare.d.ts +27 -0
  173. package/dist/infra/lib/browser/compare.d.ts.map +1 -1
  174. package/dist/infra/lib/browser/compare.js +55 -0
  175. package/dist/infra/lib/browser/compare.js.map +1 -1
  176. package/dist/infra/lib/browser/index.d.ts +2 -1
  177. package/dist/infra/lib/browser/index.d.ts.map +1 -1
  178. package/dist/infra/lib/browser/index.js +1 -1
  179. package/dist/infra/lib/browser/index.js.map +1 -1
  180. package/dist/infra/lib/embedding/VectorStore.js +22 -22
  181. package/dist/infra/lib/evolution/AgentAnalyzer.js +10 -10
  182. package/dist/infra/lib/evolution/DescriptionOptimizer.js +21 -21
  183. package/dist/infra/lib/evolution/GenerationRegistry.js +36 -36
  184. package/dist/infra/lib/evolution/InsightStore.js +90 -90
  185. package/dist/infra/lib/evolution/ParityTester.js +57 -57
  186. package/dist/infra/lib/evolution/RollbackManager.js +5 -5
  187. package/dist/infra/lib/evolution/SkillBenchmark.js +23 -23
  188. package/dist/infra/lib/evolution/SkillEvalRunner.js +50 -50
  189. package/dist/infra/lib/evolution/SkillGapDetector.js +10 -10
  190. package/dist/infra/lib/evolution/UsageTracker.js +28 -28
  191. package/dist/infra/lib/figma/audit.d.ts +37 -0
  192. package/dist/infra/lib/figma/audit.d.ts.map +1 -0
  193. package/dist/infra/lib/figma/audit.js +130 -0
  194. package/dist/infra/lib/figma/audit.js.map +1 -0
  195. package/dist/infra/lib/figma/extract.d.ts +21 -1
  196. package/dist/infra/lib/figma/extract.d.ts.map +1 -1
  197. package/dist/infra/lib/figma/extract.js +84 -12
  198. package/dist/infra/lib/figma/extract.js.map +1 -1
  199. package/dist/infra/lib/figma/index.d.ts +4 -2
  200. package/dist/infra/lib/figma/index.d.ts.map +1 -1
  201. package/dist/infra/lib/figma/index.js +2 -1
  202. package/dist/infra/lib/figma/index.js.map +1 -1
  203. package/dist/infra/lib/figma/types.d.ts +31 -0
  204. package/dist/infra/lib/figma/types.d.ts.map +1 -1
  205. package/dist/infra/lib/gemini/orchestration.js +5 -5
  206. package/dist/infra/lib/gpt/orchestration.js +4 -4
  207. package/dist/infra/lib/memory/KnowledgeGraph.js +4 -4
  208. package/dist/infra/lib/memory/MemorySearch.js +57 -57
  209. package/dist/infra/lib/memory/MemoryStorage.d.ts +5 -0
  210. package/dist/infra/lib/memory/MemoryStorage.d.ts.map +1 -1
  211. package/dist/infra/lib/memory/MemoryStorage.js +202 -183
  212. package/dist/infra/lib/memory/MemoryStorage.js.map +1 -1
  213. package/dist/infra/lib/memory/ObservationStore.js +28 -28
  214. package/dist/infra/lib/memory/ReflectionStore.js +30 -30
  215. package/dist/infra/lib/memory/SessionRAGRetriever.js +7 -7
  216. package/dist/infra/lib/memory/SessionRAGStore.js +225 -225
  217. package/dist/infra/lib/memory/SessionSummarizer.js +9 -9
  218. package/dist/infra/orchestrator/AgentManager.js +12 -12
  219. package/dist/infra/orchestrator/AgentRegistry.js +65 -65
  220. package/dist/infra/orchestrator/MultiLlmResearch.js +8 -8
  221. package/dist/infra/orchestrator/SwarmOrchestrator.test.js +16 -16
  222. package/dist/infra/orchestrator/parallelResearch.js +24 -24
  223. package/dist/tools/convention/analyzeComplexity.test.js +115 -115
  224. package/dist/tools/convention/validateCodeQuality.test.js +104 -104
  225. package/dist/tools/memory/createMemoryTimeline.js +10 -10
  226. package/dist/tools/memory/getMemoryGraph.js +12 -12
  227. package/dist/tools/memory/getSessionContext.js +9 -9
  228. package/dist/tools/memory/linkMemories.js +14 -14
  229. package/dist/tools/memory/listMemories.js +4 -4
  230. package/dist/tools/memory/recallMemory.js +4 -4
  231. package/dist/tools/memory/saveMemory.js +4 -4
  232. package/dist/tools/memory/searchMemoriesAdvanced.js +23 -23
  233. package/dist/tools/semantic/analyzeDependencyGraph.js +12 -12
  234. package/dist/tools/semantic/astGrep.test.js +6 -6
  235. package/dist/tools/spec/prdParser.test.js +171 -171
  236. package/dist/tools/spec/specGenerator.js +169 -169
  237. package/dist/tools/spec/traceabilityMatrix.js +64 -64
  238. package/dist/tools/spec/traceabilityMatrix.test.js +28 -28
  239. package/hooks/gemini-hooks.json +73 -73
  240. package/hooks/hooks.json +134 -126
  241. package/hooks/scripts/__tests__/keyword-detector.test.js +199 -199
  242. package/hooks/scripts/__tests__/pre-tool-guard.test.js +409 -368
  243. package/hooks/scripts/__tests__/sentinel-guard.test.js +208 -208
  244. package/hooks/scripts/auto-commit.js +97 -97
  245. package/hooks/scripts/auto-format.js +64 -64
  246. package/hooks/scripts/auto-test.js +81 -81
  247. package/hooks/scripts/code-check.js +271 -271
  248. package/hooks/scripts/codex-detect.js +46 -46
  249. package/hooks/scripts/codex-review-gate.js +80 -80
  250. package/hooks/scripts/command-log.js +32 -32
  251. package/hooks/scripts/context-save.js +353 -353
  252. package/hooks/scripts/evolution-engine.js +91 -91
  253. package/hooks/scripts/figma-extract.js +768 -635
  254. package/hooks/scripts/figma-guard.js +219 -219
  255. package/hooks/scripts/figma-refine.js +315 -315
  256. package/hooks/scripts/figma-to-scss.js +394 -394
  257. package/hooks/scripts/figma-validate.js +353 -353
  258. package/hooks/scripts/hud-status.js +321 -321
  259. package/hooks/scripts/keyword-detector.js +214 -214
  260. package/hooks/scripts/lib/dispatcher.js +87 -83
  261. package/hooks/scripts/lib/scope-from-spec.js +276 -261
  262. package/hooks/scripts/llm-orchestrate.js +645 -645
  263. package/hooks/scripts/post-edit.js +35 -35
  264. package/hooks/scripts/pr-test-gate.js +52 -52
  265. package/hooks/scripts/pre-tool-guard.js +259 -254
  266. package/hooks/scripts/prompt-dispatcher.js +192 -190
  267. package/hooks/scripts/scope-guard.js +145 -145
  268. package/hooks/scripts/sentinel-guard.js +130 -130
  269. package/hooks/scripts/session-start.js +186 -186
  270. package/hooks/scripts/skill-injector.js +83 -83
  271. package/hooks/scripts/step-counter.js +45 -0
  272. package/hooks/scripts/stop-notify.js +209 -209
  273. package/hooks/scripts/utils.js +315 -257
  274. package/languages/csharp-unity.md +515 -515
  275. package/languages/gdscript-godot.md +470 -470
  276. package/languages/ruby-rails.md +489 -489
  277. package/languages/typescript-angular.md +433 -433
  278. package/languages/typescript-astro.md +416 -416
  279. package/languages/typescript-electron.md +406 -406
  280. package/languages/typescript-nestjs.md +524 -524
  281. package/languages/typescript-svelte.md +407 -407
  282. package/languages/typescript-tauri.md +365 -365
  283. package/package.json +106 -106
  284. package/skills/agents-md/SKILL.md +121 -121
  285. package/skills/agents-md/rubrics/what-to-keep.md +49 -49
  286. package/skills/agents-md/templates/agents-md.md +36 -36
  287. package/skills/arch-guard/SKILL.md +181 -181
  288. package/skills/arch-guard/agents/detector.md +48 -48
  289. package/skills/arch-guard/agents/reporter.md +48 -48
  290. package/skills/arch-guard/agents/rule-generator.md +49 -49
  291. package/skills/arch-guard/agents/violation-checker.md +51 -51
  292. package/skills/arch-guard/frameworks/clean-architecture.md +108 -108
  293. package/skills/arch-guard/frameworks/solid.md +102 -102
  294. package/skills/arch-guard/scripts/check-boundaries.js +90 -90
  295. package/skills/arch-guard/templates/arch-rules.json +47 -47
  296. package/skills/arch-guard/templates/violation-report.md +53 -53
  297. package/skills/brand-assets/SKILL.md +147 -147
  298. package/skills/brand-assets/rubrics/asset-checklist.md +98 -98
  299. package/skills/brand-assets/templates/brand-guide.md +161 -161
  300. package/skills/capability-loop/SKILL.md +272 -272
  301. package/skills/capability-loop/agents/capability-designer.md +61 -61
  302. package/skills/capability-loop/agents/failure-analyst.md +55 -55
  303. package/skills/capability-loop/agents/implementer.md +50 -50
  304. package/skills/capability-loop/agents/tester.md +53 -53
  305. package/skills/capability-loop/templates/capability-spec.md +118 -118
  306. package/skills/capability-loop/templates/failure-analysis.md +118 -118
  307. package/skills/characterization-test/SKILL.md +207 -207
  308. package/skills/characterization-test/agents/behavior-capturer.md +50 -50
  309. package/skills/characterization-test/agents/coverage-checker.md +54 -54
  310. package/skills/characterization-test/agents/reporter.md +50 -50
  311. package/skills/characterization-test/agents/test-writer.md +49 -49
  312. package/skills/characterization-test/rubrics/coverage-criteria.md +53 -53
  313. package/skills/characterization-test/templates/test-template.ts +101 -101
  314. package/skills/chub-usage/SKILL.md +139 -139
  315. package/skills/claude-md-guide/SKILL.md +351 -351
  316. package/skills/claude-md-guide/rubrics/anti-patterns.md +88 -88
  317. package/skills/claude-md-guide/templates/claude-md.md +54 -54
  318. package/skills/commerce-patterns/SKILL.md +64 -64
  319. package/skills/commerce-patterns/rubrics/checkout-flow.md +48 -48
  320. package/skills/commerce-patterns/templates/product-schema.md +85 -85
  321. package/skills/commit-push-pr/SKILL.md +77 -77
  322. package/skills/commit-push-pr/agents/change-analyzer.md +55 -55
  323. package/skills/commit-push-pr/agents/message-writer.md +50 -50
  324. package/skills/commit-push-pr/agents/pr-writer.md +58 -58
  325. package/skills/commit-push-pr/agents/reviewer.md +52 -52
  326. package/skills/commit-push-pr/rubrics/commit-message.md +73 -73
  327. package/skills/commit-push-pr/templates/pr-body.md +63 -63
  328. package/skills/context7-usage/SKILL.md +106 -106
  329. package/skills/context7-usage/rubrics/when-to-use.md +50 -50
  330. package/skills/create-prd/SKILL.md +90 -90
  331. package/skills/create-prd/agents/edge-case-finder.md +48 -48
  332. package/skills/create-prd/agents/prioritizer.md +60 -60
  333. package/skills/create-prd/agents/requirements-writer.md +48 -48
  334. package/skills/create-prd/agents/researcher.md +55 -55
  335. package/skills/create-prd/agents/reviewer.md +54 -54
  336. package/skills/create-prd/frameworks/jobs-to-be-done.md +96 -96
  337. package/skills/create-prd/frameworks/rice-scoring.md +97 -97
  338. package/skills/create-prd/orchestrator.md +70 -70
  339. package/skills/create-prd/rubrics/completeness.md +58 -58
  340. package/skills/create-prd/templates/prd.md +139 -139
  341. package/skills/design-audit/SKILL.md +152 -152
  342. package/skills/design-audit/agents/a11y-auditor.md +43 -43
  343. package/skills/design-audit/agents/performance-auditor.md +46 -46
  344. package/skills/design-audit/agents/responsive-auditor.md +46 -46
  345. package/skills/design-audit/agents/scorer.md +47 -47
  346. package/skills/design-audit/agents/slop-detector.md +47 -47
  347. package/skills/design-audit/frameworks/core-web-vitals.md +107 -107
  348. package/skills/design-audit/frameworks/wcag-checklist.md +64 -64
  349. package/skills/design-audit/orchestrator.md +64 -64
  350. package/skills/design-audit/rubrics/ai-slop-patterns.md +83 -83
  351. package/skills/design-audit/rubrics/scoring.md +63 -63
  352. package/skills/design-audit/templates/report.md +88 -88
  353. package/skills/design-critique/SKILL.md +139 -139
  354. package/skills/design-critique/rubrics/ux-heuristics.md +143 -143
  355. package/skills/design-critique/templates/critique-report.md +86 -86
  356. package/skills/design-distill/SKILL.md +130 -130
  357. package/skills/design-distill/templates/design-system.md +132 -132
  358. package/skills/design-normalize/SKILL.md +133 -133
  359. package/skills/design-normalize/rubrics/token-naming.md +117 -117
  360. package/skills/design-normalize/templates/token-audit.md +89 -89
  361. package/skills/design-polish/SKILL.md +131 -131
  362. package/skills/design-polish/rubrics/polish-checklist.md +68 -68
  363. package/skills/design-polish/templates/polish-report.md +64 -64
  364. package/skills/design-teach/SKILL.md +182 -182
  365. package/skills/design-teach/rubrics/brand-personality.md +73 -73
  366. package/skills/design-teach/templates/design-context.json +36 -36
  367. package/skills/devlog/SKILL.md +143 -143
  368. package/skills/e2e-commerce/SKILL.md +62 -62
  369. package/skills/e2e-commerce/templates/test-scenarios.md +170 -170
  370. package/skills/event-comms/SKILL.md +172 -172
  371. package/skills/event-comms/templates/email-invite.md +99 -99
  372. package/skills/event-comms/templates/sns-post.md +133 -133
  373. package/skills/event-ops/SKILL.md +207 -207
  374. package/skills/event-ops/rubrics/contingency.md +85 -85
  375. package/skills/event-ops/templates/d-day-checklist.md +65 -65
  376. package/skills/event-planning/SKILL.md +144 -144
  377. package/skills/event-planning/rubrics/timeline.md +70 -70
  378. package/skills/event-planning/templates/event-plan.md +91 -91
  379. package/skills/exec-plan/SKILL.md +149 -149
  380. package/skills/exec-plan/agents/decomposer.md +47 -47
  381. package/skills/exec-plan/agents/dependency-mapper.md +44 -44
  382. package/skills/exec-plan/agents/estimator.md +43 -43
  383. package/skills/exec-plan/agents/validator.md +55 -55
  384. package/skills/exec-plan/orchestrator.md +70 -70
  385. package/skills/exec-plan/rubrics/complexity-scoring.md +75 -75
  386. package/skills/exec-plan/templates/plan.md +147 -147
  387. package/skills/git-worktree/SKILL.md +73 -73
  388. package/skills/git-worktree/rubrics/when-to-use.md +55 -55
  389. package/skills/handoff/SKILL.md +110 -110
  390. package/skills/handoff/agents/context-summarizer.md +51 -51
  391. package/skills/handoff/agents/document-writer.md +63 -63
  392. package/skills/handoff/agents/state-collector.md +53 -53
  393. package/skills/handoff/agents/verifier.md +48 -48
  394. package/skills/handoff/rubrics/completeness.md +62 -62
  395. package/skills/handoff/templates/handoff.md +107 -107
  396. package/skills/parallel-research/SKILL.md +104 -104
  397. package/skills/parallel-research/agents/best-practices.md +43 -43
  398. package/skills/parallel-research/agents/codebase-patterns.md +46 -46
  399. package/skills/parallel-research/agents/framework-docs.md +45 -45
  400. package/skills/parallel-research/agents/security-advisory.md +46 -46
  401. package/skills/parallel-research/agents/synthesizer.md +57 -57
  402. package/skills/parallel-research/experts/best-practices.md +50 -50
  403. package/skills/parallel-research/experts/codebase-patterns.md +70 -70
  404. package/skills/parallel-research/experts/framework-docs.md +65 -65
  405. package/skills/parallel-research/experts/security-advisory.md +69 -69
  406. package/skills/parallel-research/orchestrator.md +79 -79
  407. package/skills/parallel-research/templates/awesome-list.md +32 -32
  408. package/skills/parallel-research/templates/paper.md +88 -88
  409. package/skills/parallel-research/templates/synthesis.md +101 -101
  410. package/skills/prioritization-frameworks/SKILL.md +87 -87
  411. package/skills/prioritization-frameworks/rubrics/frameworks.md +79 -79
  412. package/skills/prioritization-frameworks/templates/scoring-matrix.md +69 -69
  413. package/skills/priority-todos/SKILL.md +64 -64
  414. package/skills/priority-todos/rubrics/prioritization.md +70 -70
  415. package/skills/priority-todos/templates/todo-board.md +59 -59
  416. package/skills/seo-checklist/SKILL.md +58 -58
  417. package/skills/seo-checklist/frameworks/structured-data.md +153 -153
  418. package/skills/seo-checklist/rubrics/content-seo.md +42 -42
  419. package/skills/seo-checklist/rubrics/technical-seo.md +48 -48
  420. package/skills/techdebt/SKILL.md +124 -124
  421. package/skills/techdebt/agents/analyzer.md +50 -50
  422. package/skills/techdebt/agents/fixer.md +41 -41
  423. package/skills/techdebt/agents/reviewer.md +47 -47
  424. package/skills/techdebt/agents/scanner.md +44 -44
  425. package/skills/techdebt/orchestrator.md +70 -70
  426. package/skills/techdebt/rubrics/severity.md +51 -51
  427. package/skills/techdebt/scripts/scan.js +90 -90
  428. package/skills/techdebt/templates/report.md +86 -86
  429. package/skills/tool-fallback/SKILL.md +104 -104
  430. package/skills/tool-fallback/rubrics/fallback-chain.md +58 -58
  431. package/skills/typescript-advanced-types/SKILL.md +67 -67
  432. package/skills/typescript-advanced-types/rubrics/type-patterns.md +109 -109
  433. package/skills/ui-ux-pro-max/SKILL.md +236 -236
  434. package/skills/ui-ux-pro-max/reference/color-and-contrast.md +517 -517
  435. package/skills/ui-ux-pro-max/reference/interaction-design.md +544 -544
  436. package/skills/ui-ux-pro-max/reference/motion-design.md +591 -591
  437. package/skills/ui-ux-pro-max/reference/responsive-design.md +463 -463
  438. package/skills/ui-ux-pro-max/reference/spatial-design.md +390 -390
  439. package/skills/ui-ux-pro-max/reference/typography.md +455 -455
  440. package/skills/ui-ux-pro-max/reference/ux-writing.md +469 -469
  441. package/skills/ui-ux-pro-max/rubrics/interaction-states.md +83 -83
  442. package/skills/ui-ux-pro-max/rubrics/responsive-breakpoints.md +99 -99
  443. package/skills/user-personas/SKILL.md +75 -75
  444. package/skills/user-personas/rubrics/research-methods.md +56 -56
  445. package/skills/user-personas/templates/persona.md +89 -89
  446. package/skills/vercel-react-best-practices/SKILL.md +60 -60
  447. package/skills/vercel-react-best-practices/rubrics/performance.md +82 -82
  448. package/skills/vercel-react-best-practices/rubrics/server-components.md +86 -86
  449. package/skills/vibe-contract/SKILL.md +166 -166
  450. package/skills/vibe-docs/templates/architecture.md +80 -80
  451. package/skills/vibe-docs/templates/readme.md +84 -84
  452. package/skills/vibe-docs/templates/release-notes.md +74 -74
  453. package/skills/vibe-figma/SKILL.md +363 -363
  454. package/skills/vibe-figma/rubrics/extraction-checklist.md +51 -51
  455. package/skills/vibe-figma/templates/component-index.md +126 -126
  456. package/skills/vibe-figma/templates/component-spec.md +168 -168
  457. package/skills/vibe-figma/templates/figma-handoff.md +100 -100
  458. package/skills/vibe-figma/templates/remapped-tree.md +277 -277
  459. package/skills/vibe-figma-convert/SKILL.md +235 -235
  460. package/skills/vibe-figma-convert/rubrics/conversion-rules.md +141 -141
  461. package/skills/vibe-figma-convert/templates/component.md +140 -140
  462. package/skills/vibe-figma-extract/SKILL.md +241 -219
  463. package/skills/vibe-figma-extract/rubrics/image-rules.md +157 -157
  464. package/skills/vibe-interview/SKILL.md +358 -358
  465. package/skills/vibe-interview/checklists/api.md +101 -101
  466. package/skills/vibe-interview/checklists/feature.md +88 -88
  467. package/skills/vibe-interview/checklists/library.md +95 -95
  468. package/skills/vibe-interview/checklists/mobile.md +89 -89
  469. package/skills/vibe-interview/checklists/webapp.md +97 -97
  470. package/skills/vibe-interview/checklists/website.md +99 -99
  471. package/skills/vibe-plan/SKILL.md +254 -254
  472. package/skills/vibe-regress/SKILL.md +174 -174
  473. package/skills/vibe-regress/templates/bug.md +44 -44
  474. package/skills/vibe-regress/templates/test-jest.md +29 -29
  475. package/skills/vibe-regress/templates/test-vitest.md +30 -30
  476. package/skills/vibe-spec/SKILL.md +1195 -1195
  477. package/skills/vibe-spec-review/SKILL.md +726 -726
  478. package/skills/vibe-test/SKILL.md +140 -247
  479. package/skills/video-production/SKILL.md +52 -52
  480. package/skills/video-production/rubrics/quality-checklist.md +58 -58
  481. package/skills/video-production/templates/production-plan.md +104 -104
  482. package/vibe/config.json +29 -29
  483. package/vibe/constitution.md +227 -227
  484. package/vibe/rules/principles/communication-guide.md +98 -98
  485. package/vibe/rules/principles/development-philosophy.md +52 -52
  486. package/vibe/rules/principles/quick-start.md +102 -102
  487. package/vibe/rules/quality/bdd-contract-testing.md +393 -393
  488. package/vibe/rules/quality/checklist.md +276 -276
  489. package/vibe/rules/quality/performance.md +236 -236
  490. package/vibe/rules/quality/testing-strategy.md +440 -440
  491. package/vibe/rules/standards/anti-patterns.md +541 -541
  492. package/vibe/rules/standards/code-structure.md +291 -291
  493. package/vibe/rules/standards/complexity-metrics.md +313 -313
  494. package/vibe/rules/standards/git-workflow.md +237 -237
  495. package/vibe/rules/standards/naming-conventions.md +198 -198
  496. package/vibe/rules/standards/security.md +305 -305
  497. package/vibe/rules/writing/document-style.md +74 -74
  498. package/vibe/setup.sh +31 -31
  499. package/vibe/templates/claudemd-template.md +74 -74
  500. package/vibe/templates/constitution-template.md +267 -267
  501. package/vibe/templates/contract-backend-template.md +526 -526
  502. package/vibe/templates/contract-frontend-template.md +599 -599
  503. package/vibe/templates/feature-template.md +96 -96
  504. package/vibe/templates/plan-template.md +194 -194
  505. package/vibe/templates/spec-template.md +221 -221
  506. package/vibe/ui-ux-data/charts.csv +26 -26
  507. package/vibe/ui-ux-data/colors.csv +97 -97
  508. package/vibe/ui-ux-data/icons.csv +101 -101
  509. package/vibe/ui-ux-data/landing.csv +31 -31
  510. package/vibe/ui-ux-data/products.csv +96 -96
  511. package/vibe/ui-ux-data/react-performance.csv +45 -45
  512. package/vibe/ui-ux-data/stacks/astro.csv +54 -54
  513. package/vibe/ui-ux-data/stacks/flutter.csv +53 -53
  514. package/vibe/ui-ux-data/stacks/html-tailwind.csv +56 -56
  515. package/vibe/ui-ux-data/stacks/jetpack-compose.csv +53 -53
  516. package/vibe/ui-ux-data/stacks/nextjs.csv +53 -53
  517. package/vibe/ui-ux-data/stacks/nuxt-ui.csv +51 -51
  518. package/vibe/ui-ux-data/stacks/nuxtjs.csv +59 -59
  519. package/vibe/ui-ux-data/stacks/react-native.csv +52 -52
  520. package/vibe/ui-ux-data/stacks/react.csv +54 -54
  521. package/vibe/ui-ux-data/stacks/shadcn.csv +61 -61
  522. package/vibe/ui-ux-data/stacks/svelte.csv +54 -54
  523. package/vibe/ui-ux-data/stacks/swiftui.csv +51 -51
  524. package/vibe/ui-ux-data/stacks/vue.csv +50 -50
  525. package/vibe/ui-ux-data/styles.csv +68 -68
  526. package/vibe/ui-ux-data/typography.csv +57 -57
  527. package/vibe/ui-ux-data/ui-reasoning.csv +101 -101
  528. package/vibe/ui-ux-data/ux-guidelines.csv +99 -99
  529. package/vibe/ui-ux-data/version.json +31 -31
  530. package/vibe/ui-ux-data/web-interface.csv +31 -31
package/skills/design-audit/SKILL.md CHANGED
@@ -1,152 +1,152 @@
1
- ---
2
- name: design-audit
3
- tier: standard
4
- description: "Design technical quality audit — a11y, performance, responsive, theming, AI slop detection with 5-dimension scoring. Use when design-audit, ui-audit, a11y-check, design-check."
5
- triggers: [design-audit, ui-audit, a11y-check, design-check]
6
- priority: 50
7
- ---
8
-
9
- # Design Audit — Technical Quality Inspection
10
-
11
- Perform a read-only technical quality audit across 5 dimensions. No code modifications — report only.
12
-
13
- ## Usage
14
-
15
- ```
16
- /design-audit <target> # Audit specific component/page
17
- /design-audit . # Audit all changed UI files
18
- ```
19
-
20
- ## 5-Dimension Scoring
21
-
22
- Each dimension scored 0–4:
23
-
24
- | Score | Meaning |
25
- |-------|---------|
26
- | 0 | Critical failures — unusable |
27
- | 1 | Major issues — degraded experience |
28
- | 2 | Moderate issues — functional but rough |
29
- | 3 | Minor issues — good with polish needed |
30
- | 4 | Excellent — production ready |
31
-
32
- ### 1. Accessibility (a11y)
33
-
34
- - [ ] All interactive elements keyboard-reachable (`tabIndex`, focus order)
35
- - [ ] ARIA roles and labels on custom widgets
36
- - [ ] Color contrast ≥ 4.5:1 (text), ≥ 3:1 (large text, UI components)
37
- - [ ] Images have meaningful `alt` text (not "image" or filename)
38
- - [ ] Form inputs linked to `<label>` or `aria-label`
39
- - [ ] Focus indicator visible on all interactive elements
40
- - [ ] Screen reader announcements for dynamic content (`aria-live`)
41
- - [ ] Skip-to-content link present on pages with navigation
42
-
43
- ### 2. Performance
44
-
45
- - [ ] Images: `loading="lazy"` on below-fold, `srcset` for responsive, WebP/AVIF formats
46
- - [ ] Fonts: `font-display: swap`, subset if possible, ≤3 font files
47
- - [ ] CSS: No unused large frameworks, critical CSS inlined or above-fold prioritized
48
- - [ ] JS: Code-split at route level, no blocking scripts in `<head>`
49
- - [ ] Layout shifts: Explicit `width`/`height` on media, skeleton placeholders
50
- - [ ] Bundle: No duplicate dependencies, tree-shaking enabled
51
-
52
- ### 3. Responsive
53
-
54
- - [ ] Breakpoints use `min-width` (mobile-first) or consistent direction
55
- - [ ] Touch targets ≥ 44×44px on mobile
56
- - [ ] No horizontal scroll at any breakpoint
57
- - [ ] Typography scales appropriately (clamp or breakpoint-based)
58
- - [ ] `@container` queries where component-level responsiveness needed
59
- - [ ] Navigation adapts (hamburger, drawer, or tab bar on mobile)
60
-
61
- ### 4. Theming
62
-
63
- - [ ] Colors use CSS custom properties (not hardcoded hex/rgb)
64
- - [ ] Dark mode support or explicit opt-out documented
65
- - [ ] Spacing uses design tokens (not arbitrary pixel values)
66
- - [ ] Border radius, shadows consistent via tokens
67
- - [ ] Component variants use data attributes or CSS classes, not inline styles
68
-
69
- ### 5. AI Slop Detection
70
-
71
- - [ ] No cyan-on-dark or neon accent color schemes without brand justification
72
- - [ ] No purple-to-blue gradient backgrounds as default aesthetic
73
- - [ ] No hero metric template (oversized number + tiny label) without data purpose
74
- - [ ] No identical card grids (3-up with icon + title + description)
75
- - [ ] No glassmorphism applied as default surface treatment
76
- - [ ] No bounce/elastic easing on functional animations
77
- - [ ] No Inter/Roboto as lazy font choice (match brand personality instead)
78
- - [ ] No gradient text on metrics or statistics
79
-
80
- ## Severity Tagging
81
-
82
- | Severity | Meaning | Example |
83
- |----------|---------|---------|
84
- | P0 | Blocker — breaks functionality | Missing focus trap on modal |
85
- | P1 | Critical — significant UX impact | No keyboard navigation |
86
- | P2 | Important — noticeable quality gap | Touch targets too small |
87
- | P3 | Minor — polish opportunity | Inconsistent border radius |
88
-
89
- ## Platform Adaptation
90
-
91
- When running on mobile stacks (React Native, Flutter, iOS, Android):
92
- - Skip web-specific items: CSS variables, `@container`, `srcset`, `font-display`
93
- - Focus on: visual hierarchy, cognitive load, accessibility, AI slop detection
94
- - Adapt responsive checks to platform conventions (safe areas, orientation)
95
-
96
- ## Output Format
97
-
98
- ```markdown
99
- ## Design Audit Report: {target}
100
-
101
- ### Scores
102
- | Dimension | Score | Grade |
103
- |-----------|-------|-------|
104
- | Accessibility | 3/4 | Good |
105
- | Performance | 2/4 | Moderate |
106
- | Responsive | 4/4 | Excellent |
107
- | Theming | 1/4 | Major Issues |
108
- | AI Slop | 3/4 | Good |
109
- | **Overall** | **13/20** | **65%** |
110
-
111
- ### Findings
112
-
113
- #### P0 (Blocker)
114
- - None
115
-
116
- #### P1 (Critical)
117
- - [A11Y] Modal missing focus trap — {file}:{line}
118
- - [THEME] 12 hardcoded color values — should use CSS variables
119
-
120
- #### P2 (Important)
121
- - [PERF] Images without lazy loading — {file}:{line}
122
-
123
- #### P3 (Minor)
124
- - [SLOP] Purple-to-blue gradient matches AI template aesthetic
125
-
126
- ### Recommendations
127
- 1. {Priority-ordered actionable items}
128
- ```
129
-
130
- ## Preparation
131
-
132
- Before running the audit:
133
-
134
- 1. **Read** `.claude/vibe/design-context.json`
135
- - If missing → display: "Run `/design-teach` first for better results" → proceed with defaults
136
- - If parse error → display warning → proceed with defaults → recommend `/design-teach`
137
- - If present → weight findings by `audience.context`, `constraints.accessibility`, `brand.personality`
138
- 2. **Read** `.claude/vibe/design-system/*/MASTER.md` (if exists) for token reference
139
-
140
- ## Next Steps
141
-
142
- | If Result Shows | Recommended Next |
143
- |----------------|-----------------|
144
- | Design system inconsistencies | `/design-normalize` — align tokens |
145
- | UX/usability concerns | `/design-critique` — deeper UX review |
146
- | Ship-ready (score ≥ 16/20) | `/design-polish` — final micro-details |
147
-
148
- ## Important
149
-
150
- - **Read-only**: This skill produces a report. It does NOT modify code.
151
- - **Context-aware**: If `.claude/vibe/design-context.json` exists, findings are weighted by project brand and audience.
152
- - **Incremental**: When run on `.` (changed files), only audits files in current diff.
1
+ ---
2
+ name: design-audit
3
+ tier: standard
4
+ description: "Design technical quality audit — a11y, performance, responsive, theming, AI slop detection with 5-dimension scoring. Use when design-audit, ui-audit, a11y-check, design-check."
5
+ triggers: [design-audit, ui-audit, a11y-check, design-check]
6
+ priority: 50
7
+ ---
8
+
9
+ # Design Audit — Technical Quality Inspection
10
+
11
+ Perform a read-only technical quality audit across 5 dimensions. No code modifications — report only.
12
+
13
+ ## Usage
14
+
15
+ ```
16
+ /design-audit <target> # Audit specific component/page
17
+ /design-audit . # Audit all changed UI files
18
+ ```
19
+
20
+ ## 5-Dimension Scoring
21
+
22
+ Each dimension scored 0–4:
23
+
24
+ | Score | Meaning |
25
+ |-------|---------|
26
+ | 0 | Critical failures — unusable |
27
+ | 1 | Major issues — degraded experience |
28
+ | 2 | Moderate issues — functional but rough |
29
+ | 3 | Minor issues — good with polish needed |
30
+ | 4 | Excellent — production ready |
31
+
32
+ ### 1. Accessibility (a11y)
33
+
34
+ - [ ] All interactive elements keyboard-reachable (`tabIndex`, focus order)
35
+ - [ ] ARIA roles and labels on custom widgets
36
+ - [ ] Color contrast ≥ 4.5:1 (text), ≥ 3:1 (large text, UI components)
37
+ - [ ] Images have meaningful `alt` text (not "image" or filename)
38
+ - [ ] Form inputs linked to `<label>` or `aria-label`
39
+ - [ ] Focus indicator visible on all interactive elements
40
+ - [ ] Screen reader announcements for dynamic content (`aria-live`)
41
+ - [ ] Skip-to-content link present on pages with navigation
42
+
43
+ ### 2. Performance
44
+
45
+ - [ ] Images: `loading="lazy"` on below-fold, `srcset` for responsive, WebP/AVIF formats
46
+ - [ ] Fonts: `font-display: swap`, subset if possible, ≤3 font files
47
+ - [ ] CSS: No unused large frameworks, critical CSS inlined or above-fold prioritized
48
+ - [ ] JS: Code-split at route level, no blocking scripts in `<head>`
49
+ - [ ] Layout shifts: Explicit `width`/`height` on media, skeleton placeholders
50
+ - [ ] Bundle: No duplicate dependencies, tree-shaking enabled
51
+
52
+ ### 3. Responsive
53
+
54
+ - [ ] Breakpoints use `min-width` (mobile-first) or consistent direction
55
+ - [ ] Touch targets ≥ 44×44px on mobile
56
+ - [ ] No horizontal scroll at any breakpoint
57
+ - [ ] Typography scales appropriately (clamp or breakpoint-based)
58
+ - [ ] `@container` queries where component-level responsiveness needed
59
+ - [ ] Navigation adapts (hamburger, drawer, or tab bar on mobile)
60
+
61
+ ### 4. Theming
62
+
63
+ - [ ] Colors use CSS custom properties (not hardcoded hex/rgb)
64
+ - [ ] Dark mode support or explicit opt-out documented
65
+ - [ ] Spacing uses design tokens (not arbitrary pixel values)
66
+ - [ ] Border radius, shadows consistent via tokens
67
+ - [ ] Component variants use data attributes or CSS classes, not inline styles
68
+
69
+ ### 5. AI Slop Detection
70
+
71
+ - [ ] No cyan-on-dark or neon accent color schemes without brand justification
72
+ - [ ] No purple-to-blue gradient backgrounds as default aesthetic
73
+ - [ ] No hero metric template (oversized number + tiny label) without data purpose
74
+ - [ ] No identical card grids (3-up with icon + title + description)
75
+ - [ ] No glassmorphism applied as default surface treatment
76
+ - [ ] No bounce/elastic easing on functional animations
77
+ - [ ] No Inter/Roboto as lazy font choice (match brand personality instead)
78
+ - [ ] No gradient text on metrics or statistics
79
+
80
+ ## Severity Tagging
81
+
82
+ | Severity | Meaning | Example |
83
+ |----------|---------|---------|
84
+ | P0 | Blocker — breaks functionality | Missing focus trap on modal |
85
+ | P1 | Critical — significant UX impact | No keyboard navigation |
86
+ | P2 | Important — noticeable quality gap | Touch targets too small |
87
+ | P3 | Minor — polish opportunity | Inconsistent border radius |
88
+
89
+ ## Platform Adaptation
90
+
91
+ When running on mobile stacks (React Native, Flutter, iOS, Android):
92
+ - Skip web-specific items: CSS variables, `@container`, `srcset`, `font-display`
93
+ - Focus on: visual hierarchy, cognitive load, accessibility, AI slop detection
94
+ - Adapt responsive checks to platform conventions (safe areas, orientation)
95
+
96
+ ## Output Format
97
+
98
+ ```markdown
99
+ ## Design Audit Report: {target}
100
+
101
+ ### Scores
102
+ | Dimension | Score | Grade |
103
+ |-----------|-------|-------|
104
+ | Accessibility | 3/4 | Good |
105
+ | Performance | 2/4 | Moderate |
106
+ | Responsive | 4/4 | Excellent |
107
+ | Theming | 1/4 | Major Issues |
108
+ | AI Slop | 3/4 | Good |
109
+ | **Overall** | **13/20** | **65%** |
110
+
111
+ ### Findings
112
+
113
+ #### P0 (Blocker)
114
+ - None
115
+
116
+ #### P1 (Critical)
117
+ - [A11Y] Modal missing focus trap — {file}:{line}
118
+ - [THEME] 12 hardcoded color values — should use CSS variables
119
+
120
+ #### P2 (Important)
121
+ - [PERF] Images without lazy loading — {file}:{line}
122
+
123
+ #### P3 (Minor)
124
+ - [SLOP] Purple-to-blue gradient matches AI template aesthetic
125
+
126
+ ### Recommendations
127
+ 1. {Priority-ordered actionable items}
128
+ ```
129
+
130
+ ## Preparation
131
+
132
+ Before running the audit:
133
+
134
+ 1. **Read** `.claude/vibe/design-context.json`
135
+ - If missing → display: "Run `/design-teach` first for better results" → proceed with defaults
136
+ - If parse error → display warning → proceed with defaults → recommend `/design-teach`
137
+ - If present → weight findings by `audience.context`, `constraints.accessibility`, `brand.personality`
138
+ 2. **Read** `.claude/vibe/design-system/*/MASTER.md` (if exists) for token reference
139
+
140
+ ## Next Steps
141
+
142
+ | If Result Shows | Recommended Next |
143
+ |----------------|-----------------|
144
+ | Design system inconsistencies | `/design-normalize` — align tokens |
145
+ | UX/usability concerns | `/design-critique` — deeper UX review |
146
+ | Ship-ready (score ≥ 16/20) | `/design-polish` — final micro-details |
147
+
148
+ ## Important
149
+
150
+ - **Read-only**: This skill produces a report. It does NOT modify code.
151
+ - **Context-aware**: If `.claude/vibe/design-context.json` exists, findings are weighted by project brand and audience.
152
+ - **Incremental**: When run on `.` (changed files), only audits files in current diff.
package/skills/design-audit/agents/a11y-auditor.md CHANGED
@@ -1,43 +1,43 @@
1
- ---
2
- name: design-a11y-auditor
3
- role: WCAG 2.1 AA compliance checker for UI components and pages
4
- tools: [Read, Grep, Glob]
5
- ---
6
-
7
- # Accessibility Auditor
8
-
9
- ## Role
10
- Audits UI source code for WCAG 2.1 AA compliance violations. Examines markup, component props, color usage, keyboard interaction patterns, and ARIA usage to identify barriers that would prevent users with disabilities from accessing the interface.
11
-
12
- ## Responsibilities
13
- - Check for missing or inadequate `alt` attributes on images and icon elements
14
- - Verify interactive elements have accessible names (aria-label, aria-labelledby, or visible text)
15
- - Detect color contrast issues by flagging hardcoded low-contrast color pairs
16
- - Check for keyboard accessibility: focus traps, missing tabIndex, onClick without onKeyDown
17
- - Validate semantic HTML usage: headings hierarchy, landmark regions, form label associations
18
- - Audit ARIA usage: no invalid roles, no aria-hidden on focusable elements
19
-
20
- ## Input
21
- - Target file paths or glob pattern (e.g., `src/components/**/*.tsx`)
22
- - Optional: WCAG level to audit against (default: AA)
23
-
24
- ## Output
25
- Findings grouped by WCAG criterion:
26
- ```markdown
27
- ### Accessibility Audit
28
-
29
- **Criterion 1.1.1 — Non-text Content (Level A)**
30
- - src/components/Avatar.tsx:12 — `<img>` missing alt attribute [FAIL]
31
-
32
- **Criterion 4.1.2 — Name, Role, Value (Level A)**
33
- - src/components/IconButton.tsx:8 — interactive element has no accessible name [FAIL]
34
-
35
- Score: {passed}/{total} criteria checked
36
- ```
37
-
38
- ## Communication
39
- - Reports findings to: `design-scorer`
40
- - Receives instructions from: design-audit orchestrator (SKILL.md)
41
-
42
- ## Domain Knowledge
43
- WCAG 2.1 AA criteria (critical subset): 1.1.1 Non-text Content, 1.3.1 Info and Relationships, 1.4.3 Contrast (4.5:1 normal text / 3:1 large text), 1.4.11 Non-text Contrast (3:1), 2.1.1 Keyboard, 2.4.3 Focus Order, 2.4.7 Focus Visible, 3.3.2 Labels or Instructions, 4.1.2 Name Role Value. ARIA 1.1 authoring practices for widget patterns.
1
+ ---
2
+ name: design-a11y-auditor
3
+ role: WCAG 2.1 AA compliance checker for UI components and pages
4
+ tools: [Read, Grep, Glob]
5
+ ---
6
+
7
+ # Accessibility Auditor
8
+
9
+ ## Role
10
+ Audits UI source code for WCAG 2.1 AA compliance violations. Examines markup, component props, color usage, keyboard interaction patterns, and ARIA usage to identify barriers that would prevent users with disabilities from accessing the interface.
11
+
12
+ ## Responsibilities
13
+ - Check for missing or inadequate `alt` attributes on images and icon elements
14
+ - Verify interactive elements have accessible names (aria-label, aria-labelledby, or visible text)
15
+ - Detect color contrast issues by flagging hardcoded low-contrast color pairs
16
+ - Check for keyboard accessibility: focus traps, missing tabIndex, onClick without onKeyDown
17
+ - Validate semantic HTML usage: headings hierarchy, landmark regions, form label associations
18
+ - Audit ARIA usage: no invalid roles, no aria-hidden on focusable elements
19
+
20
+ ## Input
21
+ - Target file paths or glob pattern (e.g., `src/components/**/*.tsx`)
22
+ - Optional: WCAG level to audit against (default: AA)
23
+
24
+ ## Output
25
+ Findings grouped by WCAG criterion:
26
+ ```markdown
27
+ ### Accessibility Audit
28
+
29
+ **Criterion 1.1.1 — Non-text Content (Level A)**
30
+ - src/components/Avatar.tsx:12 — `<img>` missing alt attribute [FAIL]
31
+
32
+ **Criterion 4.1.2 — Name, Role, Value (Level A)**
33
+ - src/components/IconButton.tsx:8 — interactive element has no accessible name [FAIL]
34
+
35
+ Score: {passed}/{total} criteria checked
36
+ ```
37
+
38
+ ## Communication
39
+ - Reports findings to: `design-scorer`
40
+ - Receives instructions from: design-audit orchestrator (SKILL.md)
41
+
42
+ ## Domain Knowledge
43
+ WCAG 2.1 AA criteria (critical subset): 1.1.1 Non-text Content, 1.3.1 Info and Relationships, 1.4.3 Contrast (4.5:1 normal text / 3:1 large text), 1.4.11 Non-text Contrast (3:1), 2.1.1 Keyboard, 2.4.3 Focus Order, 2.4.7 Focus Visible, 3.3.2 Labels or Instructions, 4.1.2 Name Role Value. ARIA 1.1 authoring practices for widget patterns.
package/skills/design-audit/agents/performance-auditor.md CHANGED
@@ -1,46 +1,46 @@
1
- ---
2
- name: design-performance-auditor
3
- role: Checks image optimization, font loading, and bundle size patterns for web performance
4
- tools: [Read, Grep, Glob]
5
- ---
6
-
7
- # Performance Auditor
8
-
9
- ## Role
10
- Audits frontend code for performance anti-patterns that degrade Core Web Vitals scores. Focuses on image loading, font loading strategy, JavaScript bundle composition, and render-blocking patterns detectable through static analysis.
11
-
12
- ## Responsibilities
13
- - Detect unoptimized image usage: missing `width`/`height`, missing `loading="lazy"` on off-screen images, no next/image or similar optimization wrapper
14
- - Check font loading strategy: render-blocking `@font-face` without `font-display`, self-hosted vs. third-party font tradeoffs
15
- - Identify large bundle contributors: wildcard imports (`import * as`), importing entire libraries for one function
16
- - Flag synchronous scripts in `<head>` without `defer` or `async`
17
- - Detect missing `preload` or `prefetch` hints for critical resources
18
-
19
- ## Input
20
- - Target file paths or glob pattern
21
- - Optional: framework context (e.g., Next.js, Vite) to apply framework-specific rules
22
-
23
- ## Output
24
- Performance findings by category:
25
- ```markdown
26
- ### Performance Audit
27
-
28
- **Images (LCP impact)**
29
- - src/pages/Home.tsx:23 — `<img>` missing explicit width/height (layout shift risk) [WARN]
30
- - src/pages/Home.tsx:45 — large hero image without loading="lazy" [WARN]
31
-
32
- **Fonts (FCP impact)**
33
- - src/styles/fonts.css:3 — @font-face missing font-display descriptor [FAIL]
34
-
35
- **Bundle Size**
36
- - src/utils/dates.ts:1 — `import * as dateFns from 'date-fns'` imports full library [WARN]
37
-
38
- Score: {passed}/{total} checks
39
- ```
40
-
41
- ## Communication
42
- - Reports findings to: `design-scorer`
43
- - Receives instructions from: design-audit orchestrator (SKILL.md)
44
-
45
- ## Domain Knowledge
46
- Core Web Vitals targets: LCP < 2.5s (good), FID/INP < 100ms, CLS < 0.1. Image optimization: WebP/AVIF preferred, explicit dimensions prevent CLS, lazy loading below fold. Font loading: `font-display: swap` prevents FOIT, `preload` for critical fonts. Bundle: code splitting, tree shaking, dynamic imports for route-level splitting.
1
+ ---
2
+ name: design-performance-auditor
3
+ role: Checks image optimization, font loading, and bundle size patterns for web performance
4
+ tools: [Read, Grep, Glob]
5
+ ---
6
+
7
+ # Performance Auditor
8
+
9
+ ## Role
10
+ Audits frontend code for performance anti-patterns that degrade Core Web Vitals scores. Focuses on image loading, font loading strategy, JavaScript bundle composition, and render-blocking patterns detectable through static analysis.
11
+
12
+ ## Responsibilities
13
+ - Detect unoptimized image usage: missing `width`/`height`, missing `loading="lazy"` on off-screen images, no next/image or similar optimization wrapper
14
+ - Check font loading strategy: render-blocking `@font-face` without `font-display`, self-hosted vs. third-party font tradeoffs
15
+ - Identify large bundle contributors: wildcard imports (`import * as`), importing entire libraries for one function
16
+ - Flag synchronous scripts in `<head>` without `defer` or `async`
17
+ - Detect missing `preload` or `prefetch` hints for critical resources
18
+
19
+ ## Input
20
+ - Target file paths or glob pattern
21
+ - Optional: framework context (e.g., Next.js, Vite) to apply framework-specific rules
22
+
23
+ ## Output
24
+ Performance findings by category:
25
+ ```markdown
26
+ ### Performance Audit
27
+
28
+ **Images (LCP impact)**
29
+ - src/pages/Home.tsx:23 — `<img>` missing explicit width/height (layout shift risk) [WARN]
30
+ - src/pages/Home.tsx:45 — large hero image without loading="lazy" [WARN]
31
+
32
+ **Fonts (FCP impact)**
33
+ - src/styles/fonts.css:3 — @font-face missing font-display descriptor [FAIL]
34
+
35
+ **Bundle Size**
36
+ - src/utils/dates.ts:1 — `import * as dateFns from 'date-fns'` imports full library [WARN]
37
+
38
+ Score: {passed}/{total} checks
39
+ ```
40
+
41
+ ## Communication
42
+ - Reports findings to: `design-scorer`
43
+ - Receives instructions from: design-audit orchestrator (SKILL.md)
44
+
45
+ ## Domain Knowledge
46
+ Core Web Vitals targets: LCP < 2.5s (good), FID/INP < 100ms, CLS < 0.1. Image optimization: WebP/AVIF preferred, explicit dimensions prevent CLS, lazy loading below fold. Font loading: `font-display: swap` prevents FOIT, `preload` for critical fonts. Bundle: code splitting, tree shaking, dynamic imports for route-level splitting.
package/skills/design-audit/agents/responsive-auditor.md CHANGED
@@ -1,46 +1,46 @@
1
- ---
2
- name: design-responsive-auditor
3
- role: Verifies breakpoint coverage, touch target sizes, and viewport-relative layout patterns
4
- tools: [Read, Grep, Glob]
5
- ---
6
-
7
- # Responsive Auditor
8
-
9
- ## Role
10
- Audits CSS and component code for responsive design gaps. Checks that layouts work across standard breakpoints, touch targets meet minimum size requirements for mobile users, and that viewport-relative units are used appropriately. Detects fixed-width patterns that break on small screens.
11
-
12
- ## Responsibilities
13
- - Detect fixed pixel widths on container elements that would overflow on mobile
14
- - Verify touch target minimum size (44x44px per WCAG 2.5.5, 24x24px minimum per 2.5.8)
15
- - Check for media query coverage across standard breakpoints (sm/md/lg/xl)
16
- - Flag viewport units (`vw`, `vh`) used without `svw`/`svh` fallback on mobile (URL bar issue)
17
- - Detect horizontal scrollbar triggers: `overflow-x: hidden` masking layout issues
18
- - Check text remains readable at 200% zoom (no `overflow: hidden` clipping on text containers)
19
-
20
- ## Input
21
- - Target file paths or glob pattern (CSS, TSX, JSX)
22
- - Optional: design system breakpoints config
23
-
24
- ## Output
25
- Responsive findings:
26
- ```markdown
27
- ### Responsive Audit
28
-
29
- **Touch Targets (Mobile)**
30
- - src/components/Pagination.tsx:15 — button estimated 24px — below 44px minimum [FAIL]
31
-
32
- **Fixed Widths (Small Screen)**
33
- - src/layouts/Sidebar.tsx:8 — `width: 280px` with no responsive override [WARN]
34
-
35
- **Breakpoint Coverage**
36
- - src/components/DataTable.tsx — no mobile breakpoint styles detected [WARN]
37
-
38
- Score: {passed}/{total} checks
39
- ```
40
-
41
- ## Communication
42
- - Reports findings to: `design-scorer`
43
- - Receives instructions from: design-audit orchestrator (SKILL.md)
44
-
45
- ## Domain Knowledge
46
- Standard breakpoints (Tailwind reference): sm 640px, md 768px, lg 1024px, xl 1280px, 2xl 1536px. Mobile-first approach preferred. WCAG 2.5.5 (AA): pointer targets 44x44px. WCAG 2.5.8 (AA, 2.2): minimum 24x24px. Safe area insets required for notched devices. CSS logical properties preferred for RTL support.
1
+ ---
2
+ name: design-responsive-auditor
3
+ role: Verifies breakpoint coverage, touch target sizes, and viewport-relative layout patterns
4
+ tools: [Read, Grep, Glob]
5
+ ---
6
+
7
+ # Responsive Auditor
8
+
9
+ ## Role
10
+ Audits CSS and component code for responsive design gaps. Checks that layouts work across standard breakpoints, touch targets meet minimum size requirements for mobile users, and that viewport-relative units are used appropriately. Detects fixed-width patterns that break on small screens.
11
+
12
+ ## Responsibilities
13
+ - Detect fixed pixel widths on container elements that would overflow on mobile
14
+ - Verify touch target minimum size (44x44px per WCAG 2.5.5, 24x24px minimum per 2.5.8)
15
+ - Check for media query coverage across standard breakpoints (sm/md/lg/xl)
16
+ - Flag viewport units (`vw`, `vh`) used without `svw`/`svh` fallback on mobile (URL bar issue)
17
+ - Detect horizontal scrollbar triggers: `overflow-x: hidden` masking layout issues
18
+ - Check text remains readable at 200% zoom (no `overflow: hidden` clipping on text containers)
19
+
20
+ ## Input
21
+ - Target file paths or glob pattern (CSS, TSX, JSX)
22
+ - Optional: design system breakpoints config
23
+
24
+ ## Output
25
+ Responsive findings:
26
+ ```markdown
27
+ ### Responsive Audit
28
+
29
+ **Touch Targets (Mobile)**
30
+ - src/components/Pagination.tsx:15 — button estimated 24px — below 44px minimum [FAIL]
31
+
32
+ **Fixed Widths (Small Screen)**
33
+ - src/layouts/Sidebar.tsx:8 — `width: 280px` with no responsive override [WARN]
34
+
35
+ **Breakpoint Coverage**
36
+ - src/components/DataTable.tsx — no mobile breakpoint styles detected [WARN]
37
+
38
+ Score: {passed}/{total} checks
39
+ ```
40
+
41
+ ## Communication
42
+ - Reports findings to: `design-scorer`
43
+ - Receives instructions from: design-audit orchestrator (SKILL.md)
44
+
45
+ ## Domain Knowledge
46
+ Standard breakpoints (Tailwind reference): sm 640px, md 768px, lg 1024px, xl 1280px, 2xl 1536px. Mobile-first approach preferred. WCAG 2.5.5 (AA): pointer targets 44x44px. WCAG 2.5.8 (AA, 2.2): minimum 24x24px. Safe area insets required for notched devices. CSS logical properties preferred for RTL support.