feat(composer): discovery-phase plugin from "I want an app that..." to tracker-loaded stories

Plugin pairs with Symphony — Composer's output (issues in the project's
tracker) is Symphony's input. State-aware /composer command walks the
user through 11 phases: concept, users (with workflow probing for hidden
actors), requirements/NFR/IA, design system, interaction design, flows,
mocks, architecture, stories, roadmap, load. Each phase produces a
reviewable artifact in docs/planning/ (or, for design and interaction,
a project-local skill — see below).

Architecture is intentionally LAST, after the spec is complete. Mocks
are JSX/TSX regardless of final stack and pass a "text feasibility"
audit — every visible string is categorized (static/computed/authored),
computed strings are traced to source data, and any string implying an
unspecified feature halts the commit.

Design system and interaction design are produced as PROJECT-LOCAL
SKILLS in .claude/skills/<slug>-design-system/ and
.claude/skills/<slug>-interaction-design/, not as docs in
docs/planning/. Skills auto-load via description matching whenever UI
work happens; a reference doc gets read once and drifts out of context.
The mocks skill imports tokens directly from the design-system skill
for a single source of truth across mocks and (eventually) real code.

ui-system is currently a PLACEHOLDER — captures the minimum needed for
mocks to proceed with <TBD: ...> markers as a return-pass worklist.
Full interview specification is the next pass.

Council touchpoints baked in: PM/skeptic/end-user after requirements,
end-user/a11y after mocks, full architecture council after architecture,
plus auto-additions (legal-triage on regulated data, privacy-advocate
on PII, finance-controller on money flows).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

composer/templates/design-system/tokens.ts

@@ -0,0 +1,101 @@
+// Design tokens for <PROJECT NAME>.
+// Generated by Composer's ui-system phase.
+// Single source of truth for colors, type, spacing, radii, shadows, motion.
+// Import this in mocks and (eventually) in real UI code; do not hardcode.
+
+export const color = {
+  brand: {
+    primary: "<TBD: #hex>",
+    // secondary: "<TBD>",
+  },
+  neutral: {
+    50:  "<TBD>",
+    100: "<TBD>",
+    200: "<TBD>",
+    300: "<TBD>",
+    400: "<TBD>",
+    500: "<TBD>",
+    600: "<TBD>",
+    700: "<TBD>",
+    800: "<TBD>",
+    900: "<TBD>",
+    950: "<TBD>",
+  },
+  semantic: {
+    success: "<TBD>",
+    warning: "<TBD>",
+    error:   "<TBD>",
+    info:    "<TBD>",
+  },
+  // dark mode tokens (if applicable):
+  // dark: { ... }
+} as const;
+
+export const fontFamily = {
+  display: "<TBD: name>, system-ui, sans-serif",
+  body:    "<TBD: name>, system-ui, sans-serif",
+  mono:    "ui-monospace, SFMono-Regular, monospace",
+} as const;
+
+export const fontSize = {
+  xs:  "12px",
+  sm:  "14px",
+  base:"16px",
+  lg:  "18px",
+  xl:  "20px",
+  "2xl":"24px",
+  "3xl":"30px",
+  "4xl":"36px",
+} as const;
+
+export const lineHeight = {
+  tight:   1.2,
+  normal:  1.5,
+  relaxed: 1.7,
+} as const;
+
+// Spacing scale in base units. Multiply by base (4 or 8) for px.
+export const spacingBase = 4; // <TBD: 4 or 8>
+export const spacing = {
+  0:   0,
+  0.5: 0.5 * spacingBase,
+  1:   1   * spacingBase,
+  1.5: 1.5 * spacingBase,
+  2:   2   * spacingBase,
+  3:   3   * spacingBase,
+  4:   4   * spacingBase,
+  6:   6   * spacingBase,
+  8:   8   * spacingBase,
+  12:  12  * spacingBase,
+  16:  16  * spacingBase,
+  24:  24  * spacingBase,
+} as const;
+
+export const radius = {
+  sm:   "<TBD: px>",
+  md:   "<TBD: px>",
+  lg:   "<TBD: px>",
+  pill: "9999px",
+  full: "9999px",
+} as const;
+
+export const shadow = {
+  xs: "<TBD>",
+  sm: "<TBD>",
+  md: "<TBD>",
+  lg: "<TBD>",
+  xl: "<TBD>",
+} as const;
+
+export const motion = {
+  duration: {
+    fast:    150,
+    default: 250,
+    slow:    400,
+  },
+  easing: {
+    standard: "cubic-bezier(0.2, 0, 0, 1)",
+    accel:    "cubic-bezier(0.4, 0, 1, 1)",
+    decel:    "cubic-bezier(0, 0, 0.2, 1)",
+  },
+} as const;