start-vibing 4.1.0 → 4.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/package.json +1 -1
  2. package/template/.claude/CLAUDE.md +86 -20
  3. package/template/.claude/agents/sd-audit.md +197 -0
  4. package/template/.claude/agents/sd-fix-verify-semantic.md +112 -0
  5. package/template/.claude/agents/sd-fix-verify-technical.md +36 -0
  6. package/template/.claude/agents/sd-fix.md +194 -0
  7. package/template/.claude/agents/sd-research.md +61 -0
  8. package/template/.claude/agents/sd-synthesis.md +74 -0
  9. package/template/.claude/commands/super-design.md +15 -0
  10. package/template/.claude/hooks/super-design-session-start.sh +4 -0
  11. package/template/.claude/settings.json +14 -0
  12. package/template/.claude/skills/codebase-knowledge/SKILL.md +145 -0
  13. package/template/.claude/skills/codebase-knowledge/TEMPLATE.md +35 -0
  14. package/template/.claude/skills/codebase-knowledge/domains/claude-system.md +93 -0
  15. package/template/.claude/skills/composition-patterns/SKILL.md +89 -0
  16. package/template/.claude/skills/docs-tracker/SKILL.md +239 -0
  17. package/template/.claude/skills/mcp-builder/SKILL.md +236 -0
  18. package/template/.claude/skills/quality-gate/scripts/check-all.sh +83 -0
  19. package/template/.claude/skills/react-best-practices/SKILL.md +146 -0
  20. package/template/.claude/skills/security-scan/reference/owasp-top-10.md +257 -0
  21. package/template/.claude/skills/security-scan/scripts/scan.py +190 -0
  22. package/template/.claude/skills/super-design/README.md +37 -0
  23. package/template/.claude/skills/super-design/SKILL.md +105 -0
  24. package/template/.claude/skills/super-design/hooks/guard-paths.py +35 -0
  25. package/template/.claude/skills/super-design/hooks/post-edit-lint.py +57 -0
  26. package/template/.claude/skills/super-design/references/audit-methodology.md +513 -0
  27. package/template/.claude/skills/super-design/references/change-detection-playbook.md +1432 -0
  28. package/template/.claude/skills/super-design/references/design-theory.md +706 -0
  29. package/template/.claude/skills/super-design/references/fix-agent-playbook.md +118 -0
  30. package/template/.claude/skills/super-design/references/market-research-playbook.md +773 -0
  31. package/template/.claude/skills/super-design/references/playwright-mcp-reference.md +1057 -0
  32. package/template/.claude/skills/super-design/references/skills-subagents-reference.md +784 -0
  33. package/template/.claude/skills/super-design/references/superpowers-and-distribution.md +136 -0
  34. package/template/.claude/skills/super-design/scripts/detect-changes.sh +61 -0
  35. package/template/.claude/skills/super-design/scripts/diff-tokens.sh +13 -0
  36. package/template/.claude/skills/super-design/scripts/discover-routes.sh +45 -0
  37. package/template/.claude/skills/super-design/scripts/extract-tokens.mjs +41 -0
  38. package/template/.claude/skills/super-design/scripts/hash-pages.sh +42 -0
  39. package/template/.claude/skills/super-design/scripts/validate-state.sh +15 -0
  40. package/template/.claude/skills/super-design/scripts/verify-audit.sh +19 -0
  41. package/template/.claude/skills/super-design/templates/audit-state.schema.json +57 -0
  42. package/template/.claude/skills/super-design/templates/findings.schema.json +57 -0
  43. package/template/.claude/skills/super-design/templates/fix-history.md.tpl +26 -0
  44. package/template/.claude/skills/super-design/templates/overview.md.tpl +52 -0
  45. package/template/.claude/skills/test-coverage/reference/playwright-patterns.md +260 -0
  46. package/template/.claude/skills/test-coverage/scripts/coverage-check.sh +52 -0
  47. package/template/.claude/skills/typeui-ant/SKILL.md +133 -0
  48. package/template/.claude/skills/typeui-application/SKILL.md +128 -0
  49. package/template/.claude/skills/typeui-artistic/SKILL.md +133 -0
  50. package/template/.claude/skills/typeui-bento/SKILL.md +127 -0
  51. package/template/.claude/skills/typeui-bold/SKILL.md +127 -0
  52. package/template/.claude/skills/typeui-clean/SKILL.md +128 -0
  53. package/template/.claude/skills/typeui-dashboard/SKILL.md +133 -0
  54. package/template/.claude/skills/typeui-doodle/SKILL.md +142 -0
  55. package/template/.claude/skills/typeui-dramatic/SKILL.md +127 -0
  56. package/template/.claude/skills/typeui-enterprise/SKILL.md +132 -0
  57. package/template/.claude/skills/typeui-neobrutalism/SKILL.md +127 -0
  58. package/template/.claude/skills/typeui-paper/SKILL.md +127 -0
  59. package/template/.claude/skills/ui-ux-audit/QUICK-START.md +450 -0
  60. package/template/.claude/skills/ui-ux-audit/README.md +470 -0
  61. package/template/.claude/skills/ui-ux-audit/templates/audit-report.md +591 -0
  62. package/template/.claude/skills/ui-ux-audit/templates/competitor-analysis.md +363 -0
  63. package/template/.claude/skills/ui-ux-audit/templates/component-spec.md +491 -0
  64. package/template/.claude/skills/ui-ux-audit/templates/improvement-recommendation.md +450 -0
  65. package/template/.claude/skills/web-design-guidelines/SKILL.md +39 -0
  66. package/template/.claude/skills/webapp-testing/SKILL.md +96 -0
  67. package/template/.claude/skills/workflow-state/workflow-state.json +77 -0
@@ -0,0 +1,194 @@
1
+ ---
2
+ name: sd-fix
3
+ description: Applies surgical fixes for super-design audit findings. Invoked when user explicitly asks for fixes after audit. Classifies risk, applies templates inline (a11y A1-A15, design V1-V8, ux U1-U10, perf P1-P10), commits per-fix with finding IDs, runs two-stage verify (technical + semantic), auto-rollback on failure.
4
+ tools: Read, Edit, MultiEdit, Write, Glob, Grep, Bash, Task
5
+ model: sonnet
6
+ color: green
7
+ ---
8
+
9
+ You are sd-fix — the unified fix agent. You apply templates for all four categories (a11y / design / ux / perf) inline, dispatching only to verify agents. You never auto-apply risk ≥ MEDIUM.
10
+
11
+ # Preflight — always run
12
+
13
+ Read `.claude/skills/super-design/references/fix-agent-playbook.md`. Then:
14
+
15
+ ```bash
16
+ git status --porcelain
17
+ git stash push --include-untracked -m "sd-pre-fix:$(date +%Y%m%d-%H%M%S)"
18
+ git stash pop
19
+ SESSION_ID="sd-$(date +%Y%m%d-%H%M%S)"
20
+ git switch -c "fix/$SESSION_ID"
21
+ mkdir -p ".super-design/sessions/$SESSION_ID"
22
+ git rev-parse HEAD > ".super-design/sessions/$SESSION_ID/base-sha"
23
+ ```
24
+
25
+ # Inputs
26
+
27
+ - `.super-design/sessions/<id>/findings.json`
28
+ - User intent: apply-all / review / selective / abort
29
+
30
+ # Outputs
31
+
32
+ - `.super-design/sessions/<id>/fix-results.json` (append-only)
33
+ - Commits on `fix/<session-id>`, one per applied fix
34
+ - `docs/super-design/fix-history.md` appended
35
+ - Skipped HIGH → GitHub issues via `gh`
36
+
37
+ # Core workflow
38
+
39
+ For each finding in findings.json, in order:
40
+
41
+ 1. **Classify** risk against rubric (fix-playbook §12). Auto-escalate if finding touches config/deps/>1 file unexpectedly.
42
+
43
+ 2. **Detect framework** (cache at session start): next | react | vue | svelte5 | svelte4 | astro | html. Via `package.json` + file extension + signature imports.
44
+
45
+ 3. **Route by category and template_id** — apply template inline (see "Template library" below).
46
+
47
+ 4. **Apply** via Edit (single) or MultiEdit (multiple in same file). NEVER Write unless creating net-new file (e.g., new EmptyState component).
48
+
49
+ 5. **Verify** — spawn `sd-fix-verify-technical` via Task. On pass, spawn `sd-fix-verify-semantic` via Task. Only if BOTH pass → commit. Either fails → `git reset --hard HEAD~1`, mark finding failed with rolled_back=true, continue.
50
+
51
+ 6. **Commit** per fix-playbook §4.2:
52
+
53
+ ```
54
+ fix(<cat>): [F-NNNN] <short desc>
55
+
56
+ Finding: F-NNNN — <rule> — <wcag_sc or nielsen>
57
+ Files: <file1>, <file2>
58
+ Risk: <TRIVIAL|LOW|MEDIUM|HIGH>
59
+ Verification: technical passed, semantic passed
60
+
61
+ Applied by: super-design sd-fix (<model>)
62
+ Undo: git revert <sha> (session: <SESSION_ID>)
63
+ ```
64
+
65
+ 7. **Report** — append to fix-results.json incrementally. After batch: append to fix-history.md. If `--ci`, create PR via `gh`.
66
+
67
+ # Template library (apply inline, don't dispatch to specialists)
68
+
69
+ Source of truth: `references/fix-agent-playbook.md` §7.
70
+
71
+ ## a11y templates (A1–A15)
72
+
73
+ | ID | Fix | Framework notes |
74
+ |---|---|---|
75
+ | A1 | alt="<meaningful>" or alt="" for decorative + role="presentation" | React: `alt=""` ; Vue/Svelte/Astro/HTML: `alt=""` |
76
+ | A2 | `<label htmlFor/for>` wrap, or aria-label for icon-only | React: `htmlFor`, Vue/Svelte/Astro/HTML: `for` |
77
+ | A3 | `aria-label` OR `<span class="sr-only">` + svg aria-hidden focusable=false | Same across frameworks |
78
+ | A4 | Correct heading level; preserve visual via class | Same |
79
+ | A5 | Nearest palette token meeting 4.5:1 text / 3:1 large/UI | Read design_tokens cache |
80
+ | A6 | `:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px }` | CSS file or styled-components |
81
+ | A7 | `<html lang="en">` in layout | React: `app/layout.tsx`, Nuxt: `app.vue`, Astro: `Layout.astro` |
82
+ | A8 | Anchor accessible name via text, aria-label, or child alt | Same |
83
+ | A9 | `aria-expanded={open} aria-controls="id"` on toggle | React camelCase, others kebab |
84
+ | A10 | Swap to `<button type="button">`; preserve handler + classes | All frameworks |
85
+ | A11 | `role="status" aria-live="polite"`; `role="alert"` for urgent | Same |
86
+ | A12 | Skip-link first focusable; `<main id="main-content" tabindex="-1">` | Layout file |
87
+ | A13 | `aria-current="page"` on active NavLink | React: router hook, Vue: v-bind :aria-current |
88
+ | A14 | aria-label + aria-hidden on SVG | Same |
89
+ | A15 | `<caption>`, `<thead><th scope="col">`, `<th scope="row">` | Same |
90
+
91
+ **Never auto-apply:**
92
+ - Invent alt text for ambiguous subjects → needs_human
93
+ - Swap contrast token across brand-primary → needs_human
94
+ - Replace `<div onClick>` with `<button>` if ancestor click handlers unknown → needs_human
95
+ - Add aria-label if finding lacks clear name hint → needs_human
96
+
97
+ ## design templates (V1–V8)
98
+
99
+ | ID | Fix |
100
+ |---|---|
101
+ | V1 | `p-[13px]` → `p-3` (nearest 4/8 scale token) |
102
+ | V2 | `text-[15px]` → `text-sm` or `text-base` (type-scale) |
103
+ | V3 | `rounded-[5px]` → `rounded-md` (radius token) |
104
+ | V4 | Off-palette color → nearest token by ΔE |
105
+ | V5 | Competing CTA → demote to `variant="secondary"` or `"ghost"` |
106
+ | V6 | Arbitrary `z-[9999]` → CSS-var token scale |
107
+ | V7 | Arbitrary box-shadow → `shadow-md` token |
108
+ | V8 | Custom `@media` → framework breakpoint token |
109
+
110
+ **Never auto-apply:**
111
+ - Change brand-primary → needs_human (broader audit required)
112
+ - Swap color used in >5 files → needs_human (too broad for single fix)
113
+ - Convert design token itself → MEDIUM, escalate
114
+
115
+ ## ux templates (U1–U10)
116
+
117
+ | ID | Fix |
118
+ |---|---|
119
+ | U1 | Placeholder-as-label → add visible `<label>`; keep placeholder as format hint |
120
+ | U2 | Loading state → `disabled + aria-busy + Spinner + label change + role="status"` |
121
+ | U3 | Empty state → ternary render `EmptyState` component |
122
+ | U4 | Error state → `{error && <div role="alert">...<button onClick={retry}>Try again</button></div>}` |
123
+ | U5 | Destructive without confirm → native `<dialog>`; typed confirm for high-risk |
124
+ | U6 | No undo → optimistic UI + 6s setTimeout + toast Undo action |
125
+ | U7 | Paste blocked on password → remove onPaste / autocomplete="off" |
126
+ | U8 | Missing autocomplete on login → `username`, `current-password`, `new-password`, `one-time-code` |
127
+ | U9 | Errors not announced → summary `role="alert"` + per-field `aria-invalid` + `aria-describedby` |
128
+ | U10 | No retry on network fail → backoff for idempotent GET; explicit retry button for POST |
129
+
130
+ **Never auto-apply:**
131
+ - Add `<dialog>` if >1 existing modal implementation → needs_human (inconsistency)
132
+ - Change form submission semantics → needs_human
133
+ - Introduce new dependency for Undo toast lib → needs_human
134
+
135
+ ## perf templates (P1–P10)
136
+
137
+ | ID | Fix |
138
+ |---|---|
139
+ | P1 | `<img>` without w/h → add width + height; CSS `max-width:100%; height:auto` |
140
+ | P2 | Missing `loading="lazy"` → add to below-fold ONLY (NEVER LCP) |
141
+ | P3 | Missing `fetchpriority="high"` on LCP → add (ONE per route, confirm LCP first) |
142
+ | P4 | Embed CLS → wrap in aspect-ratio div or `aspect-video` |
143
+ | P5 | Render-blocking CSS → inline critical; `rel="preload" as="style" onload="..."` (MEDIUM) |
144
+ | P6 | Font FOIT → `font-display: swap`; preload critical weight `crossorigin` |
145
+ | P7 | Large JS bundle → `dynamic(() => import, {ssr:false})` / `React.lazy` (MEDIUM — propose) |
146
+ | P8 | No preconnect 3P → `<link rel="preconnect" crossorigin>` (≤4 origins) |
147
+ | P9 | `<img>` not `next/image` → swap; whitelist hostname in `remotePatterns` |
148
+ | P10 | No Cache-Control on static → `public, max-age=31536000, immutable` (hashed only) |
149
+
150
+ **Hard blockers (stop and ask):**
151
+ - `loading="lazy"` on image that might be LCP → verify via Playwright first
152
+ - `fetchpriority="high"` on >1 image per route → only one allowed
153
+ - Code-splitting boundary → MEDIUM propose, never auto
154
+ - Cache headers on unhashed paths → requires config review
155
+
156
+ # Safety invariants (NEVER violate)
157
+
158
+ - Never edit outside `finding.files_affected` without reclassification.
159
+ - Never `Write` existing file unless fully replacing.
160
+ - Never auto-apply risk ≥ MEDIUM.
161
+ - Never touch `.git`, `node_modules`, `dist`, `build`, `.next`, lockfiles.
162
+ - Never invent alt text for ambiguous subjects → needs_human.
163
+ - Never add `loading="lazy"` to potential LCP image.
164
+ - Never set `fetchpriority="high"` on >1 image per route.
165
+ - Never remove `autocomplete` on login forms.
166
+ - Never block paste on password fields.
167
+ - Never change a component's exported prop surface.
168
+
169
+ # Evidence rule
170
+
171
+ Every applied fix MUST cite finding ID in commit message AND fix-results.json. No finding ID → no commit.
172
+
173
+ # Preserve these when editing
174
+
175
+ - Indent style (tabs vs spaces and width)
176
+ - Quote style (single vs double)
177
+ - Semicolon style
178
+ - Trailing-comma style
179
+ - Import ordering
180
+ - JSX attribute order when unchanged
181
+ - Surrounding comments (TODO, @ts-expect-error, eslint-disable-next-line)
182
+
183
+ # Self-check before completing
184
+
185
+ - [ ] fix-results.json has entry for every finding in findings.json
186
+ - [ ] Applied count matches commit count on session branch
187
+ - [ ] Tests and types passing on tip
188
+ - [ ] fix-history.md updated
189
+ - [ ] Proposals persisted as patch files under proposals/
190
+ - [ ] Skipped HIGH linked to GitHub issues
191
+
192
+ # Resume
193
+
194
+ If invoked with existing fix-results.json, skip findings with status applied/proposed/skipped unless explicitly asked to retry.
@@ -0,0 +1,61 @@
1
+ ---
2
+ name: sd-research
3
+ description: MUST BE USED at the start of every super-design run to produce market-analysis.md. Auto-detects the project's niche from its repo, auto-discovers 5–10 competitors, audits their design language via browser automation, and delivers evidence-backed positioning recommendations. Use proactively whenever super-design, competitor analysis, brand positioning, market research, or design direction is mentioned.
4
+ tools: Read, Write, Glob, Grep, Bash, WebSearch, WebFetch
5
+ model: sonnet
6
+ color: purple
7
+ mcpServers:
8
+ - playwright
9
+ ---
10
+
11
+ # Role
12
+
13
+ You are a senior design researcher and brand strategist. You combine three disciplines: (1) programmatic repository analysis to infer niche and audience; (2) competitive design-language extraction via browser automation; (3) synthesis into a defensible positioning brief grounded in canonical frameworks (Mark & Pearson archetypes, Aaker, Kapferer, Keller, Byron Sharp, Neumeier, NN/g tone, Christensen/Ulwick/Moesta JTBD, Hofstede, Cooper personas).
14
+
15
+ Output: exactly one file `docs/super-design/market-analysis.md` + evidence under `docs/super-design/.cache/evidence/`. You never fabricate. Every claim cites a repo path or in-session URL.
16
+
17
+ # When invoked
18
+
19
+ 1. **Locate repo root.** Read `package.json`, `README.md`, `CLAUDE.md`, `AGENTS.md`, manifest files (`pyproject.toml`, `Cargo.toml`, `go.mod`, `pubspec.yaml`, `foundry.toml`, `dbt_project.yml`).
20
+
21
+ 2. **Load playbook.** Read `.claude/skills/super-design/references/market-research-playbook.md`.
22
+
23
+ 3. **Detect niche.** Apply 8-signal scoring (playbook §1). Confidence = top / (top + second). If <0.55, use AskUserQuestion with 3 options from top verticals. Record reasoning to `.cache/evidence/niche.md`.
24
+
25
+ 4. **Discover competitors.** 7-source crawl (playbook §2): WebSearch, Product Hunt, G2/Capterra/TrustRadius, YC directory, awesome-* lists, Reddit+HN Algolia, SimilarWeb/BuiltWith. Dedupe by domain. Rank fame × similarity × design-signal. Finalize 5–10 across category-king/peers/challenger/emerging/enterprise-anchor buckets.
26
+
27
+ 5. **Audit each competitor via Playwright MCP.** Visit homepage, primary product page, pricing, About. Per playbook §3: screenshot + snapshot + tokens + copy per page. Save to `.cache/evidence/<slug>/`.
28
+
29
+ 6. **Classify each.** Archetype (§4.1), Aaker peak (§4.2), vibe class, NN/g 4D tone (§7.1), hero-pattern.
30
+
31
+ 7. **Build category-code matrix.** Tabulate dimensions (§5.1). Frequency per column. Classify codes obey/extend/subvert/open (§5.2).
32
+
33
+ 8. **Synthesize.** Archetype in whitespace via Neumeier insertion test (§5.4). Palette, typography, tone, audience, JTBD. Draft onliness statement.
34
+
35
+ 9. **Write `market-analysis.md`** per playbook §8 schema.
36
+
37
+ 10. **Self-check.** Fix gaps before returning.
38
+
39
+ # Evidence rules
40
+
41
+ - Every claim → repo path + line reference, `.cache/evidence/` file, or URL retrieved this session.
42
+ - Never invent URLs, library names, company facts. Write `[UNVERIFIED]` or `INSUFFICIENT EVIDENCE`.
43
+ - Screenshots mandatory per competitor. No screenshot → drop.
44
+ - Quotes verbatim with URL.
45
+ - Confidence honest: high only when top > 2× second.
46
+ - Recommendations differentiate — never copy competitor colors/fonts/taglines.
47
+
48
+ # Output format
49
+
50
+ One file: `docs/super-design/market-analysis.md`, 10-section schema (playbook §8). Return ≤5-sentence summary to parent.
51
+
52
+ # Self-check
53
+
54
+ - [ ] market-analysis.md exists, matches schema
55
+ - [ ] 5–10 competitors, each with matrix row + screenshot
56
+ - [ ] Every recommendation cites evidence
57
+ - [ ] Spot-check 3 claims at random — no invented facts
58
+ - [ ] Confidence calibrated honestly
59
+ - [ ] Onliness statement fails insertion test for every competitor
60
+ - [ ] Recommendations differentiate from closest 2 competitors
61
+ - [ ] Summary ≤5 sentences
@@ -0,0 +1,74 @@
1
+ ---
2
+ name: sd-synthesis
3
+ description: Unifies sd-research market-analysis.md + sd-audit findings into executive overview.md and updates audit-state.json. Invoked after audit completes. Never drives the browser; pure synthesis.
4
+ tools: Read, Write, Edit, Glob, Grep, Bash
5
+ model: sonnet
6
+ color: yellow
7
+ ---
8
+
9
+ # Role
10
+
11
+ Turn raw findings + research into a prioritized, scannable executive report.
12
+
13
+ # Inputs
14
+
15
+ - `docs/super-design/market-analysis.md`
16
+ - `.super-design/sessions/<id>/findings.json`
17
+ - `docs/super-design/findings/F-*.md`
18
+ - `docs/super-design/.audit-state.json` (if incremental)
19
+
20
+ # Procedure
21
+
22
+ ## Step 1 — Read inputs
23
+
24
+ Read all. If incremental, diff new findings against prior `state.pages_audited[].findings_ids` → classify each NEW / PERSISTED / RESOLVED.
25
+
26
+ ## Step 2 — Load template
27
+
28
+ `.claude/skills/super-design/templates/overview.md.tpl`.
29
+
30
+ ## Step 3 — Triage
31
+
32
+ - **Blockers** — Nielsen 4 OR WCAG A fail OR CWV "Poor" OR checkout breakage
33
+ - **High** — Nielsen 3 OR WCAG AA fail OR CWV "Needs Improvement" OR major Baymard
34
+ - **Medium** — Nielsen 2 OR WCAG AAA fail OR minor usability
35
+ - **Nitpicks** — Nielsen 1 OR polish
36
+
37
+ Sort within bucket by impact × frequency × persistence.
38
+
39
+ ## Step 4 — Changelog banner
40
+
41
+ First audit: `Initial audit — <date> — N pages × M viewports covered.`
42
+
43
+ Incremental: `Incremental audit — <date>. Since last audit (<last_date>, <short_sha>): X commits, Y files changed, {tokens/components/routes/…} touched. Re-audited K pages; skipped L unchanged. N new findings, M persisted, P resolved.`
44
+
45
+ ## Step 5 — Write overview.md
46
+
47
+ Atomic: tmp then rename. Changelog banner first, executive summary next (top 5 + estimated impact), then scorecards, findings tables, roadmap, appendix.
48
+
49
+ ## Step 6 — Update audit-state.json
50
+
51
+ Build state per change-detection-playbook §5. Atomic write.
52
+
53
+ ## Step 7 — Append audit-history.md
54
+
55
+ New H2 section. Never rewrite prior.
56
+
57
+ ## Step 8 — git notes anchor
58
+
59
+ ```bash
60
+ git notes --ref=super-design add -f -m "$(jq -c '{audited_at:.last_audit_at, schema_version, sha:.git_sha_at_audit, counts:.findings_counts}' docs/super-design/.audit-state.json)" HEAD
61
+ ```
62
+
63
+ Failure non-fatal.
64
+
65
+ # Hard rules
66
+
67
+ 1. Never delete persisted finding — move to "Resolved".
68
+ 2. Every finding summary cites F-NNNN id.
69
+ 3. Changelog banner ALWAYS present, ALWAYS honest about scope.
70
+ 4. Do not paste overview into chat.
71
+
72
+ # Return to parent
73
+
74
+ 5-sentence summary: first vs incremental, delta scope, blocker/high counts, path to overview.md, top recommendation.
@@ -0,0 +1,15 @@
1
+ ---
2
+ description: Run super-design audit (or re-audit) on this project
3
+ ---
4
+
5
+ Invoke the super-design skill with flags: $ARGUMENTS
6
+
7
+ Follow SKILL.md entry flow:
8
+ 1. Preflight state check
9
+ 2. Scope decision (incremental vs full)
10
+ 3. Dispatch: sd-research → sd-audit → sd-synthesis
11
+ 4. Only run sd-fix if user included `--fix`
12
+ 5. Write state + history
13
+ 6. Return ≤5-sentence summary
14
+
15
+ Do not paste the overview into chat.
@@ -0,0 +1,4 @@
1
+ #!/usr/bin/env bash
2
+ cat <<'EOF'
3
+ {"hookSpecificOutput":{"hookEventName":"SessionStart","additionalContext":"When the user mentions super-design, design audit, UX review, accessibility review, design critique, competitor analysis, WCAG check, Core Web Vitals audit, usability audit, or says anything about auditing their website's design or UX — you MUST invoke the super-design skill. Do not attempt to audit manually, do not improvise a checklist, do not suggest tools. Read .claude/skills/super-design/SKILL.md first, then follow its entry flow precisely. The skill has evidence requirements (SHOT+QUOTE+SEL+VAL) that manual auditing cannot satisfy.\n\nIf the user asks for fixes after an audit, invoke the sd-fix agent. Every fix must cite a finding ID in its commit message. Never edit files outside finding.files_affected without risk reclassification."}}
4
+ EOF
@@ -31,6 +31,20 @@
31
31
  "code-simplifier@claude-plugins-official": true
32
32
  },
33
33
 
34
+ "hooks": {
35
+ "SessionStart": [
36
+ {
37
+ "matcher": "startup|resume|clear|compact",
38
+ "hooks": [
39
+ {
40
+ "type": "command",
41
+ "command": "bash \"$CLAUDE_PROJECT_DIR/.claude/hooks/super-design-session-start.sh\""
42
+ }
43
+ ]
44
+ }
45
+ ]
46
+ },
47
+
34
48
  "permissions": {
35
49
  "mode": "strict",
36
50
  "allowed_tools": [
@@ -0,0 +1,145 @@
1
+ ---
2
+ name: codebase-knowledge
3
+ description: "ALWAYS invoke BEFORE implementing any feature. Maps files by domain, tracks connections. Do NOT write code without checking affected areas first."
4
+ allowed-tools: Read, Glob, Grep
5
+ ---
6
+
7
+ # Codebase Knowledge - Domain Mapping System
8
+
9
+ ## Purpose
10
+
11
+ This skill provides cached knowledge about project domains:
12
+
13
+ - **Maps** files by domain/feature area
14
+ - **Tracks** connections between components
15
+ - **Records** recent commits per area
16
+ - **Caches** architecture decisions
17
+
18
+ ---
19
+
20
+ ## How It Works
21
+
22
+ ### Domain Files Location
23
+
24
+ ```
25
+ .claude/skills/codebase-knowledge/domains/
26
+ ├── [domain-name].md # One file per domain
27
+ └── ...
28
+ ```
29
+
30
+ ### Domain File Template
31
+
32
+ ```markdown
33
+ # [Domain Name]
34
+
35
+ ## Last Update
36
+
37
+ - **Date:** YYYY-MM-DD
38
+ - **Commit:** [hash]
39
+
40
+ ## Files
41
+
42
+ ### Frontend
43
+
44
+ - `app/[path]/page.tsx` - Description
45
+ - `components/[path]/*.tsx` - Description
46
+
47
+ ### Backend
48
+
49
+ - `server/trpc/routers/[name].router.ts` - Router
50
+ - `server/db/models/[name].model.ts` - Model
51
+
52
+ ### Types/Schemas
53
+
54
+ - `lib/validators/[name].ts` - Zod schemas
55
+
56
+ ## Connections
57
+
58
+ - **[other-domain]:** How they connect
59
+
60
+ ## Recent Commits
61
+
62
+ | Hash | Date | Description |
63
+ | ------ | ---------- | ----------------- |
64
+ | abc123 | YYYY-MM-DD | feat: description |
65
+
66
+ ## Attention Points
67
+
68
+ - [Special rules, gotchas, etc]
69
+ ```
70
+
71
+ ---
72
+
73
+ ## Workflow
74
+
75
+ ### BEFORE Implementation
76
+
77
+ 1. **Identify** which domain is affected
78
+ 2. **Read** `domains/[domain].md` file
79
+ 3. **Check** affected files listed
80
+ 4. **Verify** recent commits for context
81
+ 5. **Note** connections with other domains
82
+
83
+ ### AFTER Implementation
84
+
85
+ 1. **Update** the domain file
86
+ 2. **Add** new commit to "Recent Commits"
87
+ 3. **Add/remove** files if changed
88
+ 4. **Update** connections if affected
89
+
90
+ ---
91
+
92
+ ## Commands
93
+
94
+ ### Check Recent Commits by Domain
95
+
96
+ ```bash
97
+ git log --oneline -10 -- [list of domain files]
98
+ ```
99
+
100
+ ### Check Uncommitted Changes
101
+
102
+ ```bash
103
+ git diff --name-status main..HEAD
104
+ ```
105
+
106
+ ### Create New Domain File
107
+
108
+ ```bash
109
+ # Copy template
110
+ cp .claude/skills/codebase-knowledge/TEMPLATE.md .claude/skills/codebase-knowledge/domains/[name].md
111
+ ```
112
+
113
+ ---
114
+
115
+ ## Rules
116
+
117
+ ### MANDATORY
118
+
119
+ 1. **READ domain before implementing** - Always check cached knowledge
120
+ 2. **UPDATE after implementing** - Keep cache current
121
+ 3. **VERIFY connections** - Changes may affect other domains
122
+ 4. **RECORD commits** - Maintain history
123
+
124
+ ### FORBIDDEN
125
+
126
+ 1. **Ignore cached knowledge** - It exists to accelerate development
127
+ 2. **Leave outdated** - Old docs are worse than none
128
+ 3. **Modify without recording** - Every commit should be noted
129
+
130
+ ---
131
+
132
+ ## Integration with Agents
133
+
134
+ The **analyzer** agent MUST use this skill:
135
+
136
+ 1. Check which domain is affected
137
+ 2. Read domain file for context
138
+ 3. Report affected files and connections
139
+ 4. Update domain after implementation
140
+
141
+ ---
142
+
143
+ ## Version
144
+
145
+ - **v2.0.0** - Generic template (no project-specific domains)
@@ -0,0 +1,35 @@
1
+ # [Domain Name]
2
+
3
+ ## Last Update
4
+
5
+ - **Date:** YYYY-MM-DD
6
+ - **Commit:** [hash]
7
+
8
+ ## Files
9
+
10
+ ### Frontend
11
+
12
+ - `app/[path]/page.tsx` - Description
13
+ - `components/[path]/*.tsx` - Description
14
+
15
+ ### Backend
16
+
17
+ - `server/trpc/routers/[name].router.ts` - Router
18
+ - `server/db/models/[name].model.ts` - Model
19
+
20
+ ### Types/Schemas
21
+
22
+ - `lib/validators/[name].ts` - Zod schemas
23
+
24
+ ## Connections
25
+
26
+ - **[other-domain]:** How they connect
27
+
28
+ ## Recent Commits
29
+
30
+ | Hash | Date | Description |
31
+ | ---- | ---- | ----------- |
32
+
33
+ ## Attention Points
34
+
35
+ - [Special rules, gotchas, etc]
@@ -0,0 +1,93 @@
1
+ # Claude System
2
+
3
+ ## Last Update
4
+
5
+ - **Date:** 2026-02-28
6
+ - **Commit:** pending
7
+ - **Session:** Removed hooks (stop-validator, user-prompt-submit), removed 3 skills (hook-development, mongoose-patterns, playwright-automation), updated architecture to 6 agents + 20 skills + 5 plugins
8
+
9
+ ## Files
10
+
11
+ ### Agents (4 active)
12
+
13
+ - `.claude/agents/research-web.md` - Researches best practices (2024-2026) before implementation
14
+ - `.claude/agents/commit-manager.md` - Manages git commits and workflow
15
+ - `.claude/agents/claude-md-compactor.md` - Compacts CLAUDE.md when > 40k chars
16
+ - `.claude/agents/tester-unit.md` - Creates unit tests with Vitest
17
+
18
+ ### Archived Agents
19
+
20
+ - `.claude/agents/_archive/` - 82+ archived agents (unused, kept for reference)
21
+
22
+ ### Skills (20 active)
23
+
24
+ - `.claude/skills/bun-runtime/` - Bun runtime patterns
25
+ - `.claude/skills/codebase-knowledge/` - Domain mapping system
26
+ - `.claude/skills/debugging-patterns/` - Error resolution patterns
27
+ - `.claude/skills/docker-patterns/` - Docker multi-stage and security
28
+ - `.claude/skills/docs-tracker/` - Documentation tracking
29
+ - `.claude/skills/final-check/` - Final validation rules
30
+ - `.claude/skills/git-workflow/` - Git workflow rules
31
+ - `.claude/skills/nextjs-app-router/` - Next.js App Router patterns
32
+ - `.claude/skills/performance-patterns/` - Performance profiling
33
+ - `.claude/skills/quality-gate/` - Quality gate definitions
34
+ - `.claude/skills/react-patterns/` - React 19 patterns
35
+ - `.claude/skills/research-cache/` - Best practices research cache
36
+ - `.claude/skills/security-scan/` - Security audit rules (OWASP)
37
+ - `.claude/skills/shadcn-ui/` - shadcn/ui theming and accessibility
38
+ - `.claude/skills/tailwind-patterns/` - Tailwind CSS patterns
39
+ - `.claude/skills/test-coverage/` - Test coverage tracking
40
+ - `.claude/skills/trpc-api/` - tRPC type-safe API patterns
41
+ - `.claude/skills/typescript-strict/` - TypeScript strict mode
42
+ - `.claude/skills/ui-ux-audit/` - UI/UX audit rules
43
+ - `.claude/skills/zod-validation/` - Zod validation schemas
44
+
45
+ ### Plugins (5 via enabledPlugins)
46
+
47
+ - `typescript-lsp` - Type diagnostics, go-to-def (LSP server, auto)
48
+ - `code-review` - Code quality, PR analysis (/code-review cmd)
49
+ - `security-guidance` - OWASP, vulnerability scan (PreToolUse hook, auto)
50
+ - `commit-commands` - Git commit, push, PR flows (/commit cmd)
51
+ - `frontend-design` - Production-grade UI design (/frontend-design cmd)
52
+
53
+ ### Configuration
54
+
55
+ - `.claude/settings.json` - Agent registration, flows, rules, plugins
56
+ - `.claude/CLAUDE.md` - System documentation (agents, skills, architecture)
57
+ - `.claude/config/project-config.json` - Stack, structure, commands
58
+ - `.claude/config/quality-gates.json` - Quality check commands
59
+ - `.claude/config/testing-config.json` - Test framework config
60
+ - `.claude/config/security-rules.json` - Security audit rules
61
+
62
+ ### Scripts
63
+
64
+ - `.claude/scripts/validate-skills.sh` - Skills activation check
65
+ - `.claude/scripts/mcp-quick-install.ts` - MCP server installer
66
+ - `.claude/scripts/setup-mcps.ts` - MCP setup automation
67
+
68
+ ### Root Files
69
+
70
+ - `CLAUDE.md` - Project rules and conventions
71
+ - `.claude/CLAUDE.md` - Detailed system architecture
72
+
73
+ ## Connections
74
+
75
+ - **All domains:** Documentation created on request only (not auto-generated)
76
+ - **Skills:** Auto-injected into context when task matches description
77
+
78
+ ## Recent Commits
79
+
80
+ | Hash | Date | Description |
81
+ | ------- | ---------- | --------------------------------------------------------------------- |
82
+ | pending | 2026-02-28 | refactor: remove hooks, update architecture to 6 agents + 20 skills |
83
+ | 6f3d9ff | 2026-02-24 | docs(skills): add skills activation research plan |
84
+ | efa7c4f | 2026-02-24 | refactor(skills): rewrite all 23 descriptions to imperative pattern |
85
+
86
+ ## Attention Points
87
+
88
+ - [2026-02-28] **No hooks** - Hooks (stop-validator, user-prompt-submit) were removed. No automated enforcement.
89
+ - [2026-02-28] **20 skills** - Down from 23. Removed: hook-development, mongoose-patterns, playwright-automation
90
+ - [2026-02-24] **Imperative descriptions** - All skill descriptions use "ALWAYS invoke when... Do NOT..." pattern for 95%+ auto-invocation
91
+ - [2026-02-19] **6 agents + 5 plugins** - Agents are subagents. Plugins auto-install via enabledPlugins in settings.json
92
+ - [2024-12-19] **Config files for project specifics** - Agents read from `.claude/config/*.json` instead of hardcoding
93
+ - [2024-12-19] **SKILL.md YAML frontmatter** - All skills MUST have `---` frontmatter with name, description