@su-record/vibe 3.2.62 → 4.0.0

package/skills/vibe.design-refine/SKILL.md

@@ -1,147 +0,0 @@
----
-name: vibe.design-refine
-user-invocable: true
-invocation: [command, auto]
-tier: standard
-description: "Design refinement — distill (remove visual complexity), normalize (hardcoded values → design tokens), polish (pre-ship micro-details). Modifying passes. Use when design-refine, design-polish, design-normalize, token-align, simplify-ui, ship-ready."
-triggers: [design-refine, design-polish, design-normalize, token-align, design-distill, simplify-ui, ship-ready]
-priority: 50
----
-
-# Design Refine — Distill / Normalize / Polish
-
-## Done Criteria
-
-- [ ] 요청된 distill·normalize·polish pass가 변경 파일에 적용되어 있다.
-- [ ] 새 hardcoded visual value가 추가되지 않았다.
-- [ ] 대상 프로젝트의 lint와 관련 UI 테스트가 통과한다.
-- [ ] 변경된 token 참조가 DESIGN.md와 일치한다.
-
-Modifying design-improvement passes. Mode selected by the first argument; default runs the full pipeline in order: **distill → normalize → polish**.
-
-## Usage
-
-```
-/design-refine <target>            # Full pipeline (distill → normalize → polish)
-/design-refine distill <target>    # Remove visual complexity only
-/design-refine normalize <target>  # Token alignment only
-/design-refine polish <target>     # Pre-ship final pass only
-/design-refine .                   # Refine all changed UI files
-```
-
----
-
-## Mode: distill — Remove Visual Complexity
-
-Every remaining element must justify its existence: **if it doesn't help the user complete their task, remove it.**
-
-### Targets
-
-1. **Decorative clutter** — purposeless gradients/patterns/textures, dividers between already-spaced sections, ornamental icons, stacked borders/shadows on nested containers
-2. **Redundant information** — headings repeating page title/parent context, labels duplicating placeholders, "Welcome to {App}" banners, descriptions restating the obvious
-3. **Over-wrapped containers** — cards wrapping a single element, nested cards, cosmetic-only wrapper divs, single-child sections
-4. **Excessive animation** — entry animations on every element, hover effects on non-interactive elements, transitions > 300ms for feedback, parallax on content pages
-5. **Progressive disclosure opportunities** — 10+ visible form fields → steps; flat settings → grouped collapsibles; 8+ nav items → categories; all-metrics dashboards → top 3 + expand
-
-### Principles
-
-| Principle | Question |
-|-----------|----------|
-| Purpose | Does this help the user complete a task? |
-| Duplication | Is this information already on screen? |
-| Cognitive load | Would removal reduce decision fatigue? |
-| Visual weight | Does this compete with more important content? |
-| Progressive disclosure | Can this be hidden until needed? |
-
-Before removing: verify functionality survives, check semantic meaning, confirm signal-to-noise improves. Preserve brand-expressive elements (per `brand.personality`); calibrate aggressiveness by `aesthetic.style` (minimal → aggressive, bold → lenient).
-
----
-
-## Mode: normalize — Design Token Alignment
-
-Replace hardcoded design values with tokens. Naming conventions: `rubrics/token-naming.md`.
-
-### Process
-
-1. **Load token source** (priority): `.vibe/design-system/{project}/MASTER.md` → `.vibe/design-context.json` → default detection (with prompt: "Run `/design-teach` or create MASTER.md first")
-2. **Scan for hardcoded values**:
-
-   | Category | Pattern | Example |
-   |----------|---------|---------|
-   | Colors | hex, `rgb()`, `hsl()` | `#3B82F6` → `var(--color-primary)` |
-   | Typography | `font-size`, `font-weight` | `14px` → `var(--text-sm)` |
-   | Spacing | `margin`/`padding`/`gap` px | `16px` → `var(--space-4)` |
-   | Shadows | inline `box-shadow` | → `var(--shadow-sm)` |
-   | Border radius | `border-radius: 8px` | → `var(--radius-md)` |
-
-3. **Map to tokens**: exact match → replace; close match (within 2px / similar hue) → replace + note; no match → flag for manual review (may need new token)
-4. **Apply**, preserving: `/* intentional */` one-offs, animation keyframes, SVG path data, third-party overrides
-
-Use `detectedStack.styling` to pick token format (CSS vars, Tailwind, etc.). New-token suggestions go to MASTER.md, then re-run.
-
----
-
-## Mode: polish — Pre-Ship Final Pass
-
-Last-mile pixel-level check with **direct fixes**. Detailed pass/fail criteria: `rubrics/polish-checklist.md`.
-
-### Checklist
-
-1. **Alignment & spacing** — 4/8px grid, section rhythm, baselines across columns, icons vertically centered with text, symmetric container padding
-2. **Interaction states (complete set)** — Default / Hover / Focus (visible ring) / Active / Disabled (`aria-disabled` + reduced opacity) / Loading / Error / Success
-3. **Typography & copy** — no orphaned words, consistent capitalization, no placeholder text, ellipsis truncation, line length ≤ 75ch
-4. **Visual consistency** — border radius per level, shadow matches elevation, icon sizes (16/20/24), semantic color usage
-5. **Cleanup** — no `console.log`, no commented-out JSX/HTML, no `z-index` > 100 undocumented, no inline styles that should be tokens, no dead CSS
-
-### Auto-Fix Rules
-
-| Issue | Fix |
-|-------|-----|
-| Missing hover / focus / disabled state | Add using existing tokens (`focus-visible` outline, reduced-opacity disabled) |
-| Inconsistent border radius | Normalize to nearest token |
-| Inline color values | Replace with CSS variable |
-| `console.log` / commented-out code | Remove |
-
-Only auto-fix items with clear, safe remediation — ambiguous items are flagged for manual review. Re-verify fixed files pass the checklist.
-
----
-
-## Preparation (all modes)
-
-1. **Read** `.vibe/design-context.json`
-   - Missing → display "Run `/design-teach` first for better results" → proceed with defaults
-   - Parse error → warn → proceed with defaults → recommend `/design-teach`
-2. **Read** `.vibe/design-system/*/MASTER.md` (if exists) as authoritative token source
-
-## Output Format
-
-```markdown
-## Design Refine: {target} (mode: {distill|normalize|polish|full})
-
-### Changed
-- ✂️ {file}:{line} — removed decorative gradient (distill)
-- 🔄 {file}:{line} — #3B82F6 → var(--color-primary), confidence: exact (normalize)
-- ✅ {file}:{line} — added hover state to submit button (polish)
-
-### Manual Review Needed
-- ⚠️ {file}:{line} — no matching token / layout choice / missing loading state
-
-### Summary
-- Reviewed: {N} · Changed: {N} · New tokens suggested: {N} · Manual review: {N}
-- Ship-ready: {yes/no}
-```
-
-Report templates: `templates/polish-report.md` · `templates/token-audit.md` · `templates/design-system.md`.
-
-## Next Steps
-
-| If Result Shows | Recommended Next |
-|----------------|-----------------|
-| New tokens suggested | Add to MASTER.md → re-run `/design-refine normalize` |
-| Broad quality concerns | `/design-review` — audit + UX critique |
-| All items pass | Ship ready |
-
-## Important
-
-- **Modifying**: applies changes directly (conservative — safe items only; removals listed for easy revert).
-- **Pairs with**: `/design-review` first for findings, then `/design-refine` to fix.

package/skills/vibe.design-refine/rubrics/polish-checklist.md

@@ -1,68 +0,0 @@
-# Design Polish — Final Pass Checklist
-
-Detailed criteria for each polish category. Each item is binary: pass or fail with a file:line reference.
-
----
-
-## 1. Micro-Interactions
-
-| Item | Pass Criteria | Fail Signal |
-|------|--------------|-------------|
-| Button hover | Color or shadow change within 150–300ms | No change, or change > 500ms |
-| Button active/pressed | Slight scale-down (`scale(0.97)`) or color shift | No pressed state |
-| Link hover | Underline or color change on entry | No visual feedback |
-| Input focus | Border color change + visible focus ring | Ring missing or `outline: none` with no substitute |
-| Toggle/switch | Smooth slide transition (200ms) | Instant jump with no transition |
-| Checkbox/radio | Fill animation or check animation on select | Instant state change only |
-| Toast/notification | Fade-in entry, fade-out dismiss (200–300ms) | Instant appear/disappear |
-| Dropdown open | Fade + slight translate-y on open | No entry animation |
-
----
-
-## 2. Spacing & Alignment
-
-| Item | Pass Criteria | Fail Signal |
-|------|--------------|-------------|
-| Grid alignment | All elements snap to 4px or 8px grid | Arbitrary values like `13px`, `22px`, `37px` |
-| Section rhythm | Consistent vertical spacing between sections | Different gaps between visually equivalent sections |
-| Icon-text alignment | Icons vertically centered with adjacent text label | Icon top-aligned with multi-line text (unless intentional) |
-| Container padding | Symmetric horizontal padding unless intentional asymmetry | Left padding ≠ right padding without justification |
-| Card internal spacing | Same padding token used for all cards of same level | One card uses `p-4`, adjacent uses `p-6` |
-| List item gaps | Consistent gap between items | First item has different spacing than rest |
-
----
-
-## 3. Typography Refinements
-
-| Item | Pass Criteria | Fail Signal |
-|------|--------------|-------------|
-| No orphaned words | Last line of heading has ≥ 2 words | Single word dangling on its own line |
-| Capitalization | Consistent Title Case or sentence case per element type | Mix of styles on same element type |
-| No placeholder copy | All text is real content | "Lorem ipsum", "placeholder", "TODO", "test text" present |
-| Overflow truncation | Long text uses `text-overflow: ellipsis` with `overflow: hidden` | Text overflows container or wraps unpredictably |
-| Line length | Body text ≤ 75 characters wide | Wide blocks of text with no max-width constraint |
-| Heading hierarchy | Visual size matches semantic level (`h1` > `h2` > `h3`) | `h2` styled larger than `h1`, or heading levels skipped |
-
----
-
-## 4. Visual Consistency
-
-| Item | Pass Criteria | Fail Signal |
-|------|--------------|-------------|
-| Border radius | Same-level cards and inputs share identical radius token | Card uses `rounded-lg`, adjacent input uses `rounded-md` |
-| Shadow elevation | Shadow depth increases with z-index elevation | Modals (high elevation) have less shadow than cards |
-| Icon size | Icons within same context use one of: 16/20/24px | Mix of 14px, 18px, 22px icons in the same component |
-| Color semantics | Red = error/danger, Green = success, Yellow = warning consistently | Success toast is blue, error badge is orange |
-| Empty states | All empty states have an icon or illustration + message + CTA | Some empty states show only "No data" text |
-
----
-
-## 5. Code Cleanliness
-
-| Item | Pass Criteria | Fail Signal |
-|------|--------------|-------------|
-| No console.log | Zero `console.log` calls in UI files | Any `console.log` in production code paths |
-| No commented code | No commented-out JSX or HTML blocks | `{/* <OldButton /> */}` style remnants |
-| z-index discipline | No `z-index` > 100 without a comment explaining the reason | `z-index: 9999` or `z-index: 99999` |
-| No inline styles | Presentation values use classes or tokens | `style={{ color: '#3B82F6', padding: '16px' }}` on component |
-| No dead CSS | No class names defined but never applied | Classes in stylesheet with zero matches in templates |

package/skills/vibe.design-refine/rubrics/token-naming.md

@@ -1,117 +0,0 @@
-# Design Token Naming Conventions
-
-Reference for evaluating and creating design tokens. Consistent naming prevents duplication and aids discovery.
-
----
-
-## Naming Structure
-
-```
---{category}-{scale-or-variant}[-{modifier}]
-```
-
-Examples: `--color-primary`, `--space-4`, `--radius-md`, `--shadow-lg-hover`
-
----
-
-## Color Tokens
-
-### Semantic over descriptive
-
-| Preferred | Avoid | Reason |
-|-----------|-------|--------|
-| `--color-primary` | `--color-blue` | Blue may change; "primary" is stable |
-| `--color-surface` | `--color-white` | White fails in dark mode |
-| `--color-border` | `--color-gray-200` | Ties to a specific shade, not intent |
-| `--color-error` | `--color-red` | Semantic meaning is the point |
-| `--color-text-muted` | `--color-gray-500` | Describes role, not value |
-
-### Required color token set
-
-| Token | Purpose |
-|-------|---------|
-| `--color-primary` | Primary brand action color |
-| `--color-primary-hover` | Hover state of primary |
-| `--color-secondary` | Secondary action color |
-| `--color-surface` | Default background surface |
-| `--color-surface-raised` | Cards, elevated surfaces |
-| `--color-surface-overlay` | Modals, popovers |
-| `--color-border` | Default border |
-| `--color-border-focus` | Focus ring color |
-| `--color-text` | Primary body text |
-| `--color-text-muted` | Secondary/subdued text |
-| `--color-error` | Error states |
-| `--color-success` | Success states |
-| `--color-warning` | Warning states |
-
----
-
-## Spacing Tokens
-
-Use a numeric scale tied to a base unit (4px or 8px).
-
-| Token | 4px base | 8px base | Use |
-|-------|----------|----------|-----|
-| `--space-1` | 4px | 8px | Tight gaps |
-| `--space-2` | 8px | 16px | Icon-text gap |
-| `--space-3` | 12px | 24px | Input padding |
-| `--space-4` | 16px | 32px | Card padding |
-| `--space-6` | 24px | 48px | Section gap |
-| `--space-8` | 32px | 64px | Large section |
-| `--space-12` | 48px | 96px | Hero spacing |
-
----
-
-## Typography Tokens
-
-| Token | Purpose |
-|-------|---------|
-| `--text-xs` | Caption, footnote |
-| `--text-sm` | Secondary labels |
-| `--text-base` | Body text (≥16px on mobile) |
-| `--text-lg` | Emphasized body |
-| `--text-xl` | Subheading |
-| `--text-2xl` | Section heading |
-| `--text-3xl` | Page heading |
-| `--text-4xl` | Hero heading |
-| `--font-normal` | 400 weight |
-| `--font-medium` | 500 weight |
-| `--font-semibold` | 600 weight |
-| `--font-bold` | 700 weight |
-| `--leading-tight` | 1.2 (headings) |
-| `--leading-normal` | 1.5 (body) |
-| `--leading-relaxed` | 1.75 (long-form) |
-
----
-
-## Border Radius Tokens
-
-| Token | Value | Use |
-|-------|-------|-----|
-| `--radius-sm` | 4px | Tags, badges |
-| `--radius-md` | 6–8px | Inputs, buttons |
-| `--radius-lg` | 12px | Cards |
-| `--radius-xl` | 16px | Large panels |
-| `--radius-full` | 9999px | Pills, avatars |
-
----
-
-## Shadow Tokens
-
-| Token | Use |
-|-------|-----|
-| `--shadow-sm` | Subtle card lift |
-| `--shadow-md` | Default card shadow |
-| `--shadow-lg` | Popovers, dropdowns |
-| `--shadow-xl` | Modals, floating panels |
-
----
-
-## Anti-Patterns
-
-| Pattern | Problem | Fix |
-|---------|---------|-----|
-| `--blue-500` | Descriptive, breaks dark mode | Use `--color-primary` |
-| `--margin-top-16` | Property-specific; use spacing scale | Use `--space-4` |
-| `--button-text-color` | Component-scoped; can't be shared | Use `--color-text` or `--color-primary` |
-| `--size-large` | Ambiguous category | Specify: `--text-lg`, `--radius-lg`, `--space-lg` |

package/skills/vibe.design-refine/templates/design-system.md

@@ -1,132 +0,0 @@
-# Design System Summary: {{PROJECT_NAME}}
-
-**Generated**: {{DATE}}
-**Version**: {{VERSION}}
-**Source**: {{SOURCE}} (distilled from codebase / design-context.json / MASTER.md)
-
----
-
-## Brand Identity
-
-| Attribute | Value |
-|-----------|-------|
-| Personality | {{BRAND_PERSONALITY}} |
-| Tone | {{BRAND_TONE}} |
-| Style | {{AESTHETIC_STYLE}} |
-| Color Mood | {{COLOR_MOOD}} |
-| Typography Mood | {{TYPOGRAPHY_MOOD}} |
-| Reference Products | {{REFERENCES}} |
-
----
-
-## Color Palette
-
-### Primary
-
-| Token | Value | Usage |
-|-------|-------|-------|
-| `--color-primary` | {{PRIMARY_VALUE}} | Primary actions, links |
-| `--color-primary-hover` | {{PRIMARY_HOVER_VALUE}} | Hover state |
-| `--color-secondary` | {{SECONDARY_VALUE}} | Secondary actions |
-
-### Surfaces
-
-| Token | Value | Usage |
-|-------|-------|-------|
-| `--color-surface` | {{SURFACE_VALUE}} | Page background |
-| `--color-surface-raised` | {{SURFACE_RAISED_VALUE}} | Cards |
-| `--color-surface-overlay` | {{SURFACE_OVERLAY_VALUE}} | Modals |
-| `--color-border` | {{BORDER_VALUE}} | Borders |
-
-### Semantic
-
-| Token | Value | Usage |
-|-------|-------|-------|
-| `--color-text` | {{TEXT_VALUE}} | Body text |
-| `--color-text-muted` | {{TEXT_MUTED_VALUE}} | Secondary text |
-| `--color-error` | {{ERROR_VALUE}} | Errors |
-| `--color-success` | {{SUCCESS_VALUE}} | Success |
-| `--color-warning` | {{WARNING_VALUE}} | Warnings |
-
----
-
-## Typography
-
-| Token | Value | Usage |
-|-------|-------|-------|
-| Heading font | {{HEADING_FONT}} | All headings |
-| Body font | {{BODY_FONT}} | Body text |
-| Mono font | {{MONO_FONT}} | Code, technical |
-
-### Scale
-
-| Token | Size | Weight | Line Height | Use |
-|-------|------|--------|-------------|-----|
-| `--text-xs` | {{XS_SIZE}} | {{XS_WEIGHT}} | {{XS_LH}} | Captions |
-| `--text-sm` | {{SM_SIZE}} | {{SM_WEIGHT}} | {{SM_LH}} | Labels |
-| `--text-base` | {{BASE_SIZE}} | {{BASE_WEIGHT}} | {{BASE_LH}} | Body |
-| `--text-lg` | {{LG_SIZE}} | {{LG_WEIGHT}} | {{LG_LH}} | Subheading |
-| `--text-2xl` | {{2XL_SIZE}} | {{2XL_WEIGHT}} | {{2XL_LH}} | Section heading |
-| `--text-4xl` | {{4XL_SIZE}} | {{4XL_WEIGHT}} | {{4XL_LH}} | Hero |
-
----
-
-## Spacing
-
-Base unit: {{SPACING_BASE}} ({{SPACING_SYSTEM}})
-
-| Token | Value | Common Use |
-|-------|-------|------------|
-| `--space-1` | {{S1}} | Tight internal gap |
-| `--space-2` | {{S2}} | Icon-text spacing |
-| `--space-4` | {{S4}} | Component padding |
-| `--space-6` | {{S6}} | Section internal gap |
-| `--space-8` | {{S8}} | Section separation |
-| `--space-12` | {{S12}} | Large section gap |
-
----
-
-## Shape & Elevation
-
-| Token | Value | Use |
-|-------|-------|-----|
-| `--radius-sm` | {{RADIUS_SM}} | Badges, tags |
-| `--radius-md` | {{RADIUS_MD}} | Inputs, buttons |
-| `--radius-lg` | {{RADIUS_LG}} | Cards |
-| `--radius-full` | 9999px | Pills |
-| `--shadow-sm` | {{SHADOW_SM}} | Subtle lift |
-| `--shadow-md` | {{SHADOW_MD}} | Cards |
-| `--shadow-lg` | {{SHADOW_LG}} | Dropdowns |
-| `--shadow-xl` | {{SHADOW_XL}} | Modals |
-
----
-
-## Motion
-
-| Token | Value | Use |
-|-------|-------|-----|
-| `--duration-fast` | 150ms | Micro-interactions |
-| `--duration-normal` | 200ms | State transitions |
-| `--duration-slow` | 300ms | Page transitions |
-| `--ease-default` | {{EASE_DEFAULT}} | Standard transitions |
-| `--ease-enter` | {{EASE_ENTER}} | Elements entering |
-| `--ease-exit` | {{EASE_EXIT}} | Elements leaving |
-
----
-
-## Component Patterns Preserved
-
-The following elements were identified as brand-expressive and preserved during distillation:
-
-{{#PRESERVED_PATTERNS}}
-- **{{NAME}}**: {{DESCRIPTION}}
-{{/PRESERVED_PATTERNS}}
-{{#NO_PRESERVED_PATTERNS}}
-- None identified — all patterns are functional
-{{/NO_PRESERVED_PATTERNS}}
-
----
-
-## Notes
-
-{{ADDITIONAL_NOTES}}

package/skills/vibe.design-refine/templates/polish-report.md

@@ -1,64 +0,0 @@
-# Design Polish Report: {{TARGET}}
-
-**Date**: {{DATE}}
-**Scope**: {{SCOPE_DESCRIPTION}}
-**Design Context**: {{CONTEXT_SOURCE}} (design-context.json / defaults)
-
----
-
-## Summary
-
-| Category | Checked | Auto-Fixed | Manual Review |
-|----------|---------|------------|---------------|
-| Micro-interactions | {{MI_CHECKED}} | {{MI_FIXED}} | {{MI_MANUAL}} |
-| Spacing & Alignment | {{SP_CHECKED}} | {{SP_FIXED}} | {{SP_MANUAL}} |
-| Typography | {{TY_CHECKED}} | {{TY_FIXED}} | {{TY_MANUAL}} |
-| Visual Consistency | {{VC_CHECKED}} | {{VC_FIXED}} | {{VC_MANUAL}} |
-| Code Cleanliness | {{CC_CHECKED}} | {{CC_FIXED}} | {{CC_MANUAL}} |
-| **Total** | **{{TOTAL_CHECKED}}** | **{{TOTAL_FIXED}}** | **{{TOTAL_MANUAL}}** |
-
-**Ship-ready**: {{SHIP_READY}}
-
----
-
-## Auto-Fixed
-
-{{#AUTO_FIXED}}
-- `{{FILE}}:{{LINE}}` — {{DESCRIPTION}}
-{{/AUTO_FIXED}}
-{{#NO_AUTO_FIXED}}
-- None
-{{/NO_AUTO_FIXED}}
-
----
-
-## Manual Review Required
-
-{{#MANUAL_REVIEW}}
-- `{{FILE}}:{{LINE}}` — {{DESCRIPTION}}
-  - Reason: {{REASON}}
-  - Suggested fix: {{SUGGESTION}}
-{{/MANUAL_REVIEW}}
-{{#NO_MANUAL_REVIEW}}
-- None
-{{/NO_MANUAL_REVIEW}}
-
----
-
-## Skipped Items
-
-{{#SKIPPED}}
-- {{ITEM}} — {{REASON}}
-{{/SKIPPED}}
-{{#NO_SKIPPED}}
-- None
-{{/NO_SKIPPED}}
-
----
-
-## Next Steps
-
-| Condition | Recommended Skill |
-|-----------|-------------------|
-| Design system gaps found | `/design-refine normalize` then re-run `/design-refine polish` |
-| All items pass | Ship ready |

package/skills/vibe.design-refine/templates/token-audit.md

@@ -1,89 +0,0 @@
-# Design Token Consistency Audit: {{TARGET}}
-
-**Date**: {{DATE}}
-**Token Source**: {{TOKEN_SOURCE}} (MASTER.md / design-context.json / auto-detected)
-**Scope**: {{SCOPE_DESCRIPTION}}
-
----
-
-## Token Coverage Summary
-
-| Category | Total Found | Tokenized | Hardcoded | Coverage % |
-|----------|-------------|-----------|-----------|------------|
-| Colors | {{COLOR_TOTAL}} | {{COLOR_TOKEN}} | {{COLOR_HARD}} | {{COLOR_PCT}}% |
-| Typography sizes | {{TYPO_TOTAL}} | {{TYPO_TOKEN}} | {{TYPO_HARD}} | {{TYPO_PCT}}% |
-| Spacing | {{SPACE_TOTAL}} | {{SPACE_TOKEN}} | {{SPACE_HARD}} | {{SPACE_PCT}}% |
-| Border radius | {{RADIUS_TOTAL}} | {{RADIUS_TOKEN}} | {{RADIUS_HARD}} | {{RADIUS_PCT}}% |
-| Shadows | {{SHADOW_TOTAL}} | {{SHADOW_TOKEN}} | {{SHADOW_HARD}} | {{SHADOW_PCT}}% |
-| **Overall** | **{{GRAND_TOTAL}}** | **{{GRAND_TOKEN}}** | **{{GRAND_HARD}}** | **{{GRAND_PCT}}%** |
-
----
-
-## Hardcoded Values Found
-
-### Colors
-
-| File | Line | Value | Nearest Token | Action |
-|------|------|-------|---------------|--------|
-{{#COLOR_FINDINGS}}
-| `{{FILE}}` | {{LINE}} | `{{VALUE}}` | `{{TOKEN}}` | {{ACTION}} |
-{{/COLOR_FINDINGS}}
-{{#NO_COLOR_FINDINGS}}
-| — | — | None found | — | — |
-{{/NO_COLOR_FINDINGS}}
-
-### Typography
-
-| File | Line | Value | Nearest Token | Action |
-|------|------|-------|---------------|--------|
-{{#TYPO_FINDINGS}}
-| `{{FILE}}` | {{LINE}} | `{{VALUE}}` | `{{TOKEN}}` | {{ACTION}} |
-{{/TYPO_FINDINGS}}
-{{#NO_TYPO_FINDINGS}}
-| — | — | None found | — | — |
-{{/NO_TYPO_FINDINGS}}
-
-### Spacing
-
-| File | Line | Value | Nearest Token | Action |
-|------|------|-------|---------------|--------|
-{{#SPACE_FINDINGS}}
-| `{{FILE}}` | {{LINE}} | `{{VALUE}}` | `{{TOKEN}}` | {{ACTION}} |
-{{/SPACE_FINDINGS}}
-{{#NO_SPACE_FINDINGS}}
-| — | — | None found | — | — |
-{{/NO_SPACE_FINDINGS}}
-
----
-
-## New Tokens Suggested
-
-These values appear 3+ times with no matching token. Candidates for addition to MASTER.md.
-
-| Suggested Token Name | Value | Usage Count | Category |
-|----------------------|-------|-------------|----------|
-{{#SUGGESTED_TOKENS}}
-| `{{NAME}}` | `{{VALUE}}` | {{COUNT}} | {{CATEGORY}} |
-{{/SUGGESTED_TOKENS}}
-{{#NO_SUGGESTED_TOKENS}}
-| — | — | — | — |
-{{/NO_SUGGESTED_TOKENS}}
-
----
-
-## Skipped (Intentional / Not Replaceable)
-
-{{#SKIPPED}}
-- `{{FILE}}:{{LINE}}` — `{{VALUE}}` — {{REASON}}
-{{/SKIPPED}}
-{{#NO_SKIPPED}}
-- None
-{{/NO_SKIPPED}}
-
----
-
-## Next Steps
-
-1. {{#HAS_SUGGESTED_TOKENS}}Add suggested tokens to MASTER.md, then re-run `/design-refine normalize`{{/HAS_SUGGESTED_TOKENS}}
-2. {{#HAS_HARDCODED}}Run `/design-refine normalize` to apply replacements{{/HAS_HARDCODED}}
-3. {{#ALL_TOKENIZED}}Token coverage complete — proceed to `/design-refine polish`{{/ALL_TOKENIZED}}