@hegemonart/get-design-done 1.15.0 → 1.16.0

package/.claude-plugin/marketplace.json

@@ -5,14 +5,14 @@
   },
   "metadata": {
     "description": "Get Design Done — 5-stage agent-orchestrated design pipeline with 9 connections, handoff-first workflow, bidirectional Figma write-back, 22+ specialized agents, queryable knowledge layer (intel store, dependency analysis, learnings extraction), and a self-improvement loop (reflector, frontmatter + budget feedback, global-skills layer). Ships with a full CI/CD pipeline (Node 22/24 × Linux/macOS/Windows) and release automation (auto-tag + GitHub Release + release-time smoke test).",
-    "version": "1.15.0"
+    "version": "1.16.0"
   },
   "plugins": [
     {
       "name": "get-design-done",
       "source": "./",
       "description": "Agent-orchestrated 5-stage design pipeline: Brief → Explore → Plan → Design → Verify. 22+ specialized agents, 9 connections (Figma, Refero, Preview, Storybook, Chromatic, Figma Writer, Graphify, Pinterest, Claude Design), Claude Design handoff, bidirectional Figma write-back, and a queryable intel store (.design/intel/) for dependency and learnings queries. Standalone commands: style, darkmode, compare, figma-write, graphify, handoff, analyze-dependencies, skill-manifest, extract-learnings. Embeds NNG heuristics, WCAG thresholds, typographic systems, motion framework, and anti-pattern catalog. Ships with a full CI/CD pipeline (Node 22/24 × Linux/macOS/Windows) and release automation. Optimization layer (v1.0.4.1, retroactive): gdd-router + gdd-cache-manager skills, PreToolUse budget-enforcer hook, tier-aware agent frontmatter, lazy checker gates, streaming synthesizer, /gdd:warm-cache + /gdd:optimize commands, and cost telemetry at .design/telemetry/costs.jsonl — targeting 50-70% per-task token-cost reduction with no quality-floor regression.",
-      "version": "1.15.0",
+      "version": "1.16.0",
       "author": {
         "name": "hegemonart"
       },
@@ -61,7 +61,9 @@
         "schema-validation",
         "cost-optimization",
         "cache-aware",
-        "budget"
+        "budget",
+        "component-specs",
+        "design-system-benchmarks"
       ]
     }
   ]

package/.claude-plugin/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "get-design-done",
   "short_name": "gdd",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "description": "Agent-orchestrated 5-stage design pipeline: Brief → Explore → Plan → Design → Verify. 22+ specialized agents, 9 connections (Figma, Refero, Preview, Storybook, Chromatic, Figma Writer, Graphify, Pinterest, Claude Design), handoff-first workflow via Claude Design bundles, bidirectional Figma write-back (annotations, Code Connect), queryable intel store (`.design/intel/`) for O(1) design surface lookups, and self-improvement loop (reflector agent, frontmatter + budget feedback, global-skills layer at `~/.claude/gdd/global-skills/`). Standalone commands: style, darkmode, compare, figma-write, graphify, handoff, analyze-dependencies, skill-manifest, extract-learnings, reflect, apply-reflections. Embeds NNG heuristics, WCAG thresholds, typographic systems, motion framework, and anti-pattern catalog. Ships with a full CI/CD pipeline (Node 22/24 × Linux/macOS/Windows, lint + schema + frontmatter + stale-ref + shellcheck + gitleaks + injection-scan + blocking size-budget) and release automation (auto-tag + GitHub Release + release-time smoke test). Optimization layer (v1.0.4.1, retroactive): gdd-router + gdd-cache-manager skills, PreToolUse budget-enforcer hook, tier-aware agent frontmatter, lazy checker gates, streaming synthesizer, /gdd:warm-cache + /gdd:optimize commands, and cost telemetry at .design/telemetry/costs.jsonl — targeting 50-70% per-task token-cost reduction with no quality-floor regression.",
   "author": {
     "name": "hegemonart",
@@ -64,7 +64,9 @@
     "palette-catalog",
     "style-vocabulary",
     "industry-palettes",
-    "ui-style-vocabulary"
+    "ui-style-vocabulary",
+    "component-specs",
+    "design-system-benchmarks"
   ],
   "skills": ["./skills/"]
 }

package/CHANGELOG.md

@@ -4,6 +4,44 @@ All notable changes to get-design-done are documented here. Versions follow [sem
 
 ---
 
+## [1.16.0] — 2026-04-24
+
+### Added — Component Benchmark Corpus: Tooling + Waves 1–2 (15 specs)
+
+This release builds the infrastructure to harvest per-component design knowledge from 18 design systems and ships 15 canonical component specs at `reference/components/`. Every spec follows a locked shape — Purpose · Anatomy · Variants · States · Sizing · Typography · Keyboard & a11y · Motion · Do/Don't · Anti-patterns · Citations · Grep signatures — making the corpus greppable, diffable, and agent-consumable.
+
+#### Tooling
+
+- **`agents/component-benchmark-harvester.md`** — given a component name, harvests per-source excerpts from 18 design systems (see `connections/design-corpora.md`), consumes Phase 15 impeccable salvage, emits raw harvest to `.planning/benchmarks/raw/<component>.md` with source-attributed excerpts and convergence pre-analysis.
+- **`agents/component-benchmark-synthesizer.md`** — reads the raw harvest and emits a canonical `reference/components/<name>.md` using the locked TEMPLATE.md shape. Convergence analysis is explicit: NORM (≥4 systems agree) vs. DIVERGE (systems disagree with rationale).
+- **`skills/benchmark/SKILL.md`** — new `/gdd:benchmark` command with 4 modes: `<component>` (single), `--wave <N>` (full wave), `--list` (coverage table), `--refresh <component>` (re-harvest on design-system version bump).
+- **`connections/design-corpora.md`** — 18-system catalog with canonical URLs, licensing/attribution notes, and fallback chain (canonical → archive.org → Refero MCP → Pinterest MCP).
+- **`reference/components/TEMPLATE.md`** — locked 12-section spec shape. All future component specs must conform.
+- **`reference/components/README.md`** — corpus index with category tables (Wave 1–5) and coverage summary.
+
+#### Wave 1 — Inputs (8 specs)
+
+- **`reference/components/button.md`** — primary/secondary/ghost/destructive/icon-only variants, 96% press scale norm, WAI-ARIA button keyboard contract, `transition:all` BAN, non-descriptive-label anti-pattern.
+- **`reference/components/input.md`** — text/search/password/number, placeholder-as-label anti-pattern, floating vs. static label trade-off (static preferred), `aria-describedby` error linking, WAI-ARIA textbox contract.
+- **`reference/components/select-combobox.md`** — native vs. custom decision tree, WAI-ARIA listbox + combobox contracts (verbatim), `aria-activedescendant` pattern, multi-select approaches, virtualised list note, async empty state.
+- **`reference/components/checkbox.md`** — binary/indeterminate states, `fieldset`+`legend` group requirement, `.indeterminate` JS property, WAI-ARIA checkbox contract.
+- **`reference/components/radio.md`** — arrow-key auto-advance behavior, Tab-as-group-unit pattern, single-radio anti-pattern, WAI-ARIA radiogroup contract.
+- **`reference/components/switch.md`** — switch vs. checkbox semantic distinction (`role="switch"` not `role="checkbox"`), spring thumb animation, pill track (`border-radius: 9999px`), immediate-action rule.
+- **`reference/components/link.md`** — link vs. button semantic boundary, underline requirement for inline links (WCAG 1.4.1), external-link disclosure, `rel="noopener noreferrer"`, non-descriptive link text anti-pattern.
+- **`reference/components/label.md`** — four association methods ranked (`<label for>` → `aria-labelledby` → `aria-label` → `<legend>`), `.sr-only` CSS pattern, legend-for-groups rule, placeholder failure analysis.
+
+#### Wave 2 — Containers (7 specs)
+
+- **`reference/components/card.md`** — stretched-link pattern for nested interactivity, `<article>` vs `<div>` semantics, elevated/outlined/clickable variants, `aria-busy` skeleton state.
+- **`reference/components/modal-dialog.md`** — focus trap, Escape contract, portal rendering, `aria-modal`+`aria-labelledby` requirement, `role="alertdialog"` for confirmations, scroll-lock, focus return on close.
+- **`reference/components/drawer.md`** — focus trap (same as modal), swipe-to-close for bottom sheet, side direction routing, nav drawer vs. content drawer role distinction, slide-in motion.
+- **`reference/components/popover.md`** — Floating UI positioning (flip+shift+arrow middlewares), non-modal vs. modal distinction, `aria-expanded`+`aria-controls` trigger contract, `role="tooltip"` on interactive content anti-pattern.
+- **`reference/components/tooltip.md`** — no-interactive-content rule, hover+focus trigger (not hover-only), Escape dismiss, 300ms delay, `aria-describedby` contract, tooltip vs. popover boundary.
+- **`reference/components/accordion.md`** — `h2`–`h6` header requirement, `aria-expanded`-on-trigger rule, `grid-template-rows` CSS height animation trick, `role="region"` landmark note (skip if >6 items).
+- **`reference/components/tabs.md`** — roving tabindex pattern, arrow-key navigation (not Tab), automatic vs. manual activation modes, tablist label requirement, `hidden` on inactive panels.
+
+---
+
 ## [1.15.0] — 2026-04-24
 
 ### Added — Design Knowledge Expansion: 10 foundational references + MIFB micro-polish + UUPM ingest

package/README.md

@@ -389,6 +389,29 @@ After each design cycle, `/gdd:reflect` reads `.design/learnings/`, `.design/tel
 
 ---
 
+## Component Benchmark Corpus
+
+Per-component design specifications harvested from 18 major design systems and synthesized into a locked, agent-consumable format. Every spec is ≤350 lines, greppable, diff-friendly, and cross-linked to `reference/anti-patterns.md`.
+
+**Wave 1 — Inputs (v1.16.0)**: Button · Input · Select/Combobox · Checkbox · Radio · Switch · Link · Label
+
+**Wave 2 — Containers (v1.16.0)**: Card · Modal/Dialog · Drawer/Sheet · Popover · Tooltip · Accordion · Tabs
+
+**Wave 3–5 — Feedback, Navigation, Data** (Phase 17): Toast · Alert · Progress · Skeleton · Badge · Chip · Breadcrumb · Pagination · Stepper · Table/Grid · Date Picker · File Upload · Rich Text · Virtualized List
+
+Each spec includes: WAI-ARIA keyboard contracts (verbatim), convergence analysis (NORM = ≥4 systems agree · DIVERGE = systems differ), grep signatures for CI detection, and a failing-example block.
+
+```bash
+/gdd:benchmark button                  # harvest + synthesize a single spec
+/gdd:benchmark --wave 1                # run all Wave 1 specs
+/gdd:benchmark --list                  # coverage table
+/gdd:benchmark --refresh modal-dialog  # re-harvest after design-system update
+```
+
+Sources: `connections/design-corpora.md` — Material 3, Apple HIG, Radix, WAI-ARIA APG, shadcn/ui, Polaris, Carbon, Fluent 2, Primer, Atlassian, Ant Design, Mantine, Chakra, Base Web, Nord, Spectrum, Lightning, Gestalt (Pinterest).
+
+---
+
 ## Authority Watcher
 
 Subscribe to a curated whitelist of design-authority sources, diff it against a snapshot, and feed only genuinely new, classified entries into the Self-Improvement reflector. Authority monitoring — not trend watching.

package/SKILL.md

@@ -2,7 +2,7 @@
 name: get-design-done
 short_name: gdd
 description: "Master design pipeline for Claude Code. 5-stage workflow: Brief → Explore → Plan → Design → Verify. Run 'brief' first in any new project to capture the design problem, then 'explore' to inventory the codebase and interview for context. Invoke without arguments for status and auto-routing."
-argument-hint: "[brief|explore|plan|design|verify|handoff|map|next|help|status|style|darkmode|compare|figma-write|graphify|discuss|list-assumptions|progress|health|todo|stats|note|plant-seed|add-backlog|review-backlog|scan|discover|settings|update|reapply-patches|audit|pause|resume|new-cycle|debug|quick|new-project|complete-cycle|fast|do|ship|undo|pr-branch|sketch|sketch-wrap-up|spike|spike-wrap-up|reflect|apply-reflections|analyze-dependencies|extract-learnings|skill-manifest|warm-cache|optimize|cache-manager|watch-authorities|check-update]"
+argument-hint: "[brief|explore|plan|design|verify|handoff|map|next|help|status|style|darkmode|compare|figma-write|graphify|discuss|list-assumptions|progress|health|todo|stats|note|plant-seed|add-backlog|review-backlog|scan|discover|settings|update|reapply-patches|audit|pause|resume|new-cycle|debug|quick|new-project|complete-cycle|fast|do|ship|undo|pr-branch|sketch|sketch-wrap-up|spike|spike-wrap-up|reflect|apply-reflections|analyze-dependencies|extract-learnings|skill-manifest|warm-cache|optimize|cache-manager|watch-authorities|check-update|benchmark]"
 user-invocable: true
 ---
 
@@ -85,6 +85,8 @@ Each stage produces artifacts in `.design/` inside the current project.
 | `extract-learnings [--cycle <slug>]` | `get-design-done:extract-learnings` | Extract decisions, lessons, patterns, and surprises from a completed cycle → `.design/cycles/<slug>/LEARNINGS.md` |
 | `skill-manifest [--refresh]` | `get-design-done:skill-manifest` | List or refresh the local skill manifest used by the router for discovery |
 | `watch-authorities [--refresh] [--since <date>] [--feed <name>] [--schedule <cadence>]` | `get-design-done:gdd-watch-authorities` | Run design-authority-watcher — fetch curated feeds, diff snapshot, classify new entries → `.design/authority-report.md` (consumed by `/gdd:reflect`) |
+| `benchmark <component\|--wave N\|--list\|--refresh component>` | `get-design-done:gdd-benchmark` | Harvest + synthesize per-component design specs from 18 design systems → `reference/components/<name>.md` |
+| `benchmark <component\|--wave N\|--list\|--refresh component>` | `get-design-done:gdd-benchmark` | Harvest + synthesize per-component design specs from 18 design systems → `reference/components/<name>.md` |
 
 ## Handoff Routing
 
@@ -203,6 +205,7 @@ If `$ARGUMENTS` is a stage or command name — invoke it directly, no state chec
 /gdd:reflect            → Skill("get-design-done:gdd-reflect")
 /gdd:apply-reflections  → Skill("get-design-done:gdd-apply-reflections")
 /gdd:watch-authorities  → Skill("get-design-done:gdd-watch-authorities")
+/gdd:benchmark          → Skill("get-design-done:gdd-benchmark")
 /gdd:pause              → Skill("get-design-done:gdd-pause")
 /gdd:resume          → Skill("get-design-done:gdd-resume")
 # --- Lifecycle ---

package/agents/component-benchmark-harvester.md

@@ -0,0 +1,112 @@
+---
+name: component-benchmark-harvester
+description: Given a component name, harvests design-system excerpts from 18 sources (design-corpora.md) and emits raw, source-attributed output to .planning/benchmarks/raw/<component>.md. Spawned by /gdd:benchmark.
+tools: Read, Write, WebFetch, Bash, Grep, Glob
+color: yellow
+default-tier: sonnet
+tier-rationale: "Network fetch + multi-source synthesis is open-ended; Haiku misses cross-system nuance, Opus overkill for structured harvesting."
+parallel-safe: conditional-on-touches
+typical-duration-seconds: 120
+reads-only: false
+writes:
+  - ".planning/benchmarks/raw/"
+---
+
+@reference/shared-preamble.md
+
+# component-benchmark-harvester
+
+## Role
+
+You are the harvesting agent for the component benchmark corpus. Given a component name
+(e.g. "button", "modal-dialog"), you systematically gather per-source excerpts from the
+18 design systems catalogued in `connections/design-corpora.md` and emit a consolidated
+raw harvest file at `.planning/benchmarks/raw/<component>.md`.
+
+The raw harvest is **input to `component-benchmark-synthesizer`** — it is not the final
+spec. Focus on breadth and attribution; the synthesizer does convergence analysis.
+
+## Required Reading
+
+The orchestrating skill supplies a `<required_reading>` block in the prompt. Read every
+listed file before acting. Minimum expected inputs:
+
+- `connections/design-corpora.md` — system catalog with URLs, licenses, fallback chain
+- `.planning/research/impeccable-salvage/` — any files relevant to the target component
+
+## Step 1 — Check impeccable salvage
+
+Before any network fetch, `Grep` the impeccable salvage directory for the component name
+(case-insensitive). Extract any relevant prose as the first source in the raw file.
+
+## Step 2 — Fetch each design system
+
+For each of the 18 systems in `design-corpora.md`:
+
+1. Attempt `WebFetch` on `<canonical-url>/<component-slug>` (try common slug variants:
+   kebab-case, camelCase, plain name).
+2. On fetch failure, try the fallback chain: archive.org → Refero MCP → Pinterest MCP.
+3. Extract the relevant sections: anatomy, variants, states, a11y/keyboard, do/don't.
+4. Note which fallback tier was used (if any).
+
+**Prioritise signal over volume.** One precise quoted sentence beats three paraphrased
+paragraphs. For WAI-ARIA APG keyboard contracts, quote verbatim.
+
+## Step 3 — Write raw harvest file
+
+Write `.planning/benchmarks/raw/<component>.md` with this structure:
+
+```markdown
+# <Component Name> — Raw Benchmark Harvest
+
+Harvested: <ISO date>
+Target: reference/components/<component>.md
+
+## Convergence Notes (pre-synthesis)
+
+_Fill in patterns you noticed while harvesting — what ≥4 systems agree on._
+
+## Sources
+
+### <System Name>
+> Source: [<System Name>](<url>) — <license> — accessed <date>
+> Source tier: canonical | archive.org | refero | pinterest
+
+**Anatomy:** …
+**Variants:** …
+**States:** …
+**Keyboard & a11y:** …
+**Do/Don't:** …
+
+### <next system>
+…
+```
+
+One `###` section per source. Omit a source only if the fallback chain is fully
+exhausted — document the failure with `**Status: unreachable**`.
+
+## Step 4 — Convergence pre-analysis
+
+After all sources, add a `## Convergence Notes (pre-synthesis)` summary identifying:
+- What the majority of systems (≥4) agree on → mark `NORM`
+- Where systems meaningfully diverge → mark `DIVERGE` with a brief note
+
+This pre-analysis seeds the synthesizer's convergence analysis.
+
+## Output Contract
+
+- File: `.planning/benchmarks/raw/<component>.md`
+- One `###` block per harvested source (≥4 blocks minimum for a useful spec)
+- WAI-ARIA APG keyboard contracts quoted verbatim
+- Convergence pre-analysis section present
+
+## Completion Marker
+
+End your response with:
+
+```
+## HARVEST COMPLETE
+Component: <name>
+Sources harvested: <N>
+Raw file: .planning/benchmarks/raw/<component>.md
+```

package/agents/component-benchmark-synthesizer.md

@@ -0,0 +1,88 @@
+---
+name: component-benchmark-synthesizer
+description: Reads a raw harvest file from .planning/benchmarks/raw/<component>.md and emits a canonical component spec at reference/components/<name>.md using the locked TEMPLATE.md shape. Spawned by /gdd:benchmark after harvesting.
+tools: Read, Write, Grep, Glob
+color: green
+default-tier: sonnet
+tier-rationale: "Synthesis across ≥4 sources with explicit convergence analysis requires multi-step reasoning; Haiku loses cross-source nuance, Opus overkill for structured template fill."
+parallel-safe: conditional-on-touches
+typical-duration-seconds: 90
+reads-only: false
+writes:
+  - "reference/components/"
+---
+
+@reference/shared-preamble.md
+
+# component-benchmark-synthesizer
+
+## Role
+
+You are the synthesis agent for the component benchmark corpus. You read a raw harvest
+file at `.planning/benchmarks/raw/<component>.md` (produced by `component-benchmark-harvester`)
+and emit a canonical component spec at `reference/components/<name>.md`, following
+`reference/components/TEMPLATE.md` exactly.
+
+Your primary intellectual task is **convergence analysis**: determine what the design
+systems agree on (norms) vs. where they meaningfully diverge (trade-offs), and encode
+that signal in the spec so future agents know what is non-negotiable.
+
+## Required Reading
+
+The orchestrating skill supplies a `<required_reading>` block in the prompt. Read every
+listed file before acting. Minimum expected inputs:
+
+- `.planning/benchmarks/raw/<component>.md` — the raw harvest to synthesize
+- `reference/components/TEMPLATE.md` — the locked spec shape you must follow
+- `reference/anti-patterns.md` — for cross-linking anti-pattern entries
+
+## Convergence Analysis Rules
+
+After reading all source sections from the raw file:
+
+1. **Count agreement** — if ≥4 of the 18 systems agree on a property (anatomy element,
+   state name, keyboard key, constraint), mark it `**Norm** (≥N/18 systems agree)`.
+2. **Flag divergence** — if systems meaningfully disagree on a property, mark it
+   `**Diverge** — <brief note on what differs and why>`.
+3. **Do not invent** — if fewer than 2 sources mention a property, omit it from the spec
+   rather than guessing. The corpus is additive; gaps will be filled when more sources
+   are harvested.
+
+## Output Rules
+
+- Strictly follow `reference/components/TEMPLATE.md` — every section must be present,
+  in order, even if sparse.
+- **Max 350 lines** — dense, diff-friendly, greppable. Extract verbose prose to
+  `reference/` cross-links rather than embedding it.
+- **WAI-ARIA keyboard contract** — quote verbatim from WAI-ARIA APG source. Mark the
+  source attribution inline.
+- **Failing-example block** — each spec must include a `## Failing Example` section
+  showing what a broken implementation looks like (missing a11y attribute, wrong role,
+  broken keyboard handler). Include at least one grep detection pattern:
+  ```
+  # Grep: detect common failure
+  grep -r "pattern" src/
+  ```
+- **Benchmark citations** — every claim carries an inline citation: `(Material 3, Polaris)`
+  or `(WAI-ARIA APG §4.2)`.
+
+## Output Path
+
+Write the final spec to `reference/components/<name>.md` (kebab-case, matching the
+component slug used in harvesting).
+
+Update `reference/components/README.md`:
+- Find the correct category section (Inputs / Containers / Feedback / Navigation / Advanced)
+- Add a one-line entry: `| [Name](name.md) | <one-line purpose> | <anatomy snippet> |`
+
+## Completion Marker
+
+End your response with:
+
+```
+## SYNTHESIS COMPLETE
+Component: <name>
+Spec: reference/components/<name>.md
+Lines: <N>
+Systems cited: <N>
+```

package/connections/design-corpora.md

@@ -0,0 +1,158 @@
+# Design Corpora — Component Benchmark Sources
+
+This file is the canonical source list for `agents/component-benchmark-harvester.md`.
+It catalogs the 18 design systems used when harvesting per-component benchmarks,
+with licensing notes and a documented fallback chain.
+
+## Fallback Chain
+
+When a primary URL is unreachable, try in order:
+
+1. **Canonical URL** — documented per-system below
+2. **archive.org snapshot** — `https://web.archive.org/web/*/` + canonical URL
+3. **Refero MCP search** — `mcp__refero__search` with component name + system name
+4. **Pinterest MCP visual search** — `mcp__pinterest__search` with component name + system name
+
+Document which tier was used in the raw harvest file under `Source tier:`.
+
+---
+
+## Design Systems Catalog
+
+### 1. Material Design 3 (Google)
+- **Canonical**: https://m3.material.io/components
+- **License**: Apache 2.0 (docs: Creative Commons BY 4.0)
+- **Coverage**: Full component set with anatomy, variants, accessibility, theming tokens
+- **Notes**: Use `/components/<slug>` path. Best for density, motion, and adaptive layout guidance.
+
+### 2. Apple HIG
+- **Canonical**: https://developer.apple.com/design/human-interface-guidelines/
+- **License**: © Apple Inc. — educational fair use for benchmarking
+- **Coverage**: iOS, macOS, visionOS, watchOS; focus on a11y, gestures, platform norms
+- **Notes**: Crawl per-platform variant pages. Best for accessibility contracts and iOS-native patterns.
+
+### 3. Radix UI Primitives + WAI-ARIA APG
+- **Canonical (Radix)**: https://www.radix-ui.com/primitives/docs/components/
+- **Canonical (WAI-ARIA APG)**: https://www.w3.org/WAI/ARIA/apg/patterns/
+- **License**: MIT (Radix); W3C (WAI-ARIA APG — freely usable)
+- **Coverage**: Unstyled primitives + full ARIA keyboard contracts
+- **Notes**: WAI-ARIA APG keyboard contracts should be quoted verbatim. Radix wraps them with implementation detail.
+
+### 4. shadcn/ui
+- **Canonical**: https://ui.shadcn.com/docs/components/
+- **License**: MIT
+- **Coverage**: Radix-based, Tailwind-styled components; real-world usage patterns
+- **Notes**: Best for "what real teams ship" convergence signal alongside spec systems.
+
+### 5. Polaris (Shopify)
+- **Canonical**: https://polaris.shopify.com/components/
+- **License**: Creative Commons BY-NC-SA 4.0 (docs)
+- **Coverage**: E-commerce-optimised components; excellent do/don't examples
+- **Notes**: Polaris has unusually detailed do/don't guidance — mine it for anti-pattern blocks.
+
+### 6. Carbon Design System (IBM)
+- **Canonical**: https://carbondesignsystem.com/components/
+- **License**: Apache 2.0
+- **Coverage**: Enterprise UI; data-heavy components; full accessibility matrix
+- **Notes**: Best for data-dense table/form contexts and enterprise accessibility contracts.
+
+### 7. Fluent 2 (Microsoft)
+- **Canonical**: https://fluent2.microsoft.design/components/web/
+- **License**: MIT
+- **Coverage**: Windows / Microsoft 365 design language; dense information hierarchy
+- **Notes**: Good for focus-management patterns in complex workflows.
+
+### 8. Primer (GitHub)
+- **Canonical**: https://primer.style/components/
+- **License**: MIT
+- **Coverage**: Developer tools UI; markdown + code contexts; icon integration
+- **Notes**: Best for developer-tool and productivity-app component norms.
+
+### 9. Atlassian Design System
+- **Canonical**: https://atlassian.design/components/
+- **License**: Atlassian Design System License (educational fair use)
+- **Coverage**: Collaboration software; complex overlays; strong focus management
+- **Notes**: Excellent focus-trap and dialog accessibility guidance.
+
+### 10. Ant Design
+- **Canonical**: https://ant.design/components/
+- **License**: MIT
+- **Coverage**: Large enterprise component set; Asian market conventions
+- **Notes**: High component density; useful for form and data-table convergence.
+
+### 11. Mantine
+- **Canonical**: https://mantine.dev/
+- **License**: MIT
+- **Coverage**: Full-featured React library; excellent composability patterns
+- **Notes**: Good for controlled vs uncontrolled patterns and React-idiomatic API design.
+
+### 12. Chakra UI
+- **Canonical**: https://chakra-ui.com/docs/components/
+- **License**: MIT
+- **Coverage**: Accessible by default; strong theming; popular in SaaS
+- **Notes**: Good accessibility defaults baseline; useful for theming-token convergence.
+
+### 13. Base Web (Uber)
+- **Canonical**: https://baseweb.design/components/
+- **License**: MIT
+- **Coverage**: High-density, internationalization-aware components
+- **Notes**: Good for RTL, i18n, and high-density layout patterns.
+
+### 14. Nord Design System (Trivago)
+- **Canonical**: https://nordhealth.design/components/
+- **License**: MIT
+- **Coverage**: Healthcare / hospitality UI; strong accessibility focus
+- **Notes**: Smaller corpus; useful for healthcare context accessibility norms.
+
+### 15. Spectrum (Adobe)
+- **Canonical**: https://spectrum.adobe.com/page/component-list/
+- **License**: Apache 2.0
+- **Coverage**: Creative tools UI; multi-surface (web, mobile, desktop)
+- **Notes**: Best for creative-tool contexts and platform-adaptive component behavior.
+
+### 16. Lightning Design System (Salesforce)
+- **Canonical**: https://www.lightningdesignsystem.com/components/
+- **License**: BSD 3-Clause (Salesforce SLDS license)
+- **Coverage**: CRM / enterprise SaaS; dense forms; complex data grids
+- **Notes**: Good for enterprise form validation patterns and data-heavy contexts.
+
+### 17. Evergreen (Segment)
+- **Canonical**: https://evergreen.segment.com/components/
+- **License**: MIT
+- **Coverage**: Analytics / data SaaS; compact components
+- **Notes**: Small system; useful as a convergence signal for SaaS-optimised defaults.
+
+### 18. Gestalt (Pinterest)
+- **Canonical**: https://gestalt.pinterest.systems/
+- **License**: Apache 2.0
+- **Coverage**: Visual-content feed; strong image + card patterns
+- **Notes**: Best for card / masonry / visual-content component norms.
+
+---
+
+## Supplemental Source
+
+### Phase 15 Impeccable Salvage
+- **Path**: `.planning/research/impeccable-salvage/`
+- **License**: MIT (internal port)
+- **Notes**: Harvested design-knowledge prose from the pre-Phase-15 impeccable plugin.
+  The harvester should consume this directory for any component-relevant excerpts before
+  reaching out to external URLs.
+
+---
+
+## Attribution Convention
+
+Every excerpt written to `.planning/benchmarks/raw/<component>.md` must carry a
+source-attribution line in the format:
+
+```
+> Source: [System Name](<canonical-url>) — [license] — accessed <date>
+```
+
+For WAI-ARIA APG keyboard contracts quoted verbatim, use:
+
+```
+> Source: WAI-ARIA Authoring Practices Guide (<url>) — W3C — accessed <date>
+> Quoted verbatim per W3C document license.
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hegemonart/get-design-done",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "description": "A Claude Code plugin for systematic design improvement",
   "author": "Hegemon",
   "homepage": "https://github.com/hegemonart/get-design-done",
@@ -66,7 +66,9 @@
     "palette-catalog",
     "style-vocabulary",
     "industry-palettes",
-    "ui-style-vocabulary"
+    "ui-style-vocabulary",
+    "component-specs",
+    "design-system-benchmarks"
   ],
   "skills": [
     "SKILL.md"

package/reference/components/README.md

@@ -0,0 +1,90 @@
+# Component Benchmark Corpus
+
+Per-component design specifications harvested from 18 major design systems.
+Each spec is ≤350 lines, greppable, diff-friendly, and agent-consumable.
+
+**Spec shape**: `TEMPLATE.md` — Purpose · Anatomy · Variants · States · Sizing ·
+Typography · Keyboard/a11y · Motion · Do/Don't · Anti-patterns · Citations · Grep signatures
+
+**Harvest source list**: `connections/design-corpora.md` (18 systems)
+**Tooling**: `agents/component-benchmark-harvester.md` → `agents/component-benchmark-synthesizer.md`
+**CLI**: `/gdd:benchmark <component>` — see `skills/benchmark/SKILL.md`
+
+---
+
+## Wave 1 — Inputs (foundational)
+
+| Component | Spec | Purpose |
+|-----------|------|---------|
+| Button | [button.md](button.md) | Triggers actions; primary, secondary, ghost, destructive variants |
+| Input | [input.md](input.md) | Single-line text entry with label, error, helper text |
+| Select / Combobox | [select-combobox.md](select-combobox.md) | Choose one option from a list; keyboard-navigable dropdown |
+| Checkbox | [checkbox.md](checkbox.md) | Binary or indeterminate choice; groupable with fieldset |
+| Radio | [radio.md](radio.md) | Mutually exclusive choice within a group |
+| Switch | [switch.md](switch.md) | Binary toggle with immediate effect (vs. checkbox form submission) |
+| Link | [link.md](link.md) | Navigation anchor; inline or standalone; external-link pattern |
+| Label | [label.md](label.md) | Accessible association between caption and form control |
+
+---
+
+## Wave 2 — Containers
+
+| Component | Spec | Purpose |
+|-----------|------|---------|
+| Card | [card.md](card.md) | Contained content surface; clickable or static |
+| Modal / Dialog | [modal-dialog.md](modal-dialog.md) | Blocking overlay with focus trap and backdrop |
+| Drawer / Sheet | [drawer.md](drawer.md) | Side or bottom sliding panel |
+| Popover | [popover.md](popover.md) | Anchored overlay; dismisses on outside-click or Escape |
+| Tooltip | [tooltip.md](tooltip.md) | Hover/focus-triggered label; no interactive content |
+| Accordion | [accordion.md](accordion.md) | Collapsible content sections; single or multi-open |
+| Tabs | [tabs.md](tabs.md) | Horizontal/vertical tab navigation with keyboard support |
+
+---
+
+## Wave 3 — Feedback *(Phase 17)*
+
+| Component | Spec | Purpose |
+|-----------|------|---------|
+| Toast / Snackbar | — | Ephemeral status notification |
+| Alert / Banner | — | Persistent inline status message |
+| Progress | — | Linear and circular completion indicator |
+| Skeleton | — | Loading placeholder matching content shape |
+| Badge | — | Numeric or status indicator overlaid on another element |
+| Chip / Tag | — | Compact, dismissible label |
+
+---
+
+## Wave 4 — Navigation *(Phase 17)*
+
+| Component | Spec | Purpose |
+|-----------|------|---------|
+| Breadcrumb | — | Hierarchical location trail |
+| Pagination | — | Page-set navigation |
+| Stepper | — | Sequential multi-step progress indicator |
+| Navigation Menu | — | Top-level or sidebar navigation |
+| Command Menu | — | Keyboard-first search + action launcher |
+
+---
+
+## Wave 5 — Data & Advanced *(Phase 17)*
+
+| Component | Spec | Purpose |
+|-----------|------|---------|
+| Table / Data Grid | — | Tabular data with sorting, filtering, selection |
+| Date Picker | — | Calendar-based date/range selection |
+| File Upload | — | Drag-drop or browse file input |
+| Rich Text Editor | — | WYSIWYG content authoring |
+| Virtualized List | — | Windowed rendering for large datasets |
+
+---
+
+## Coverage Summary
+
+| Wave | Specs | Status |
+|------|-------|--------|
+| Wave 1 — Inputs | 8 | v1.16.0 |
+| Wave 2 — Containers | 7 | v1.16.0 |
+| Wave 3 — Feedback | 6 | Phase 17 |
+| Wave 4 — Navigation | 5 | Phase 17 |
+| Wave 5 — Data & Advanced | 5 | Phase 17 |
+| **Total** | **31** | — |