@su-record/vibe 3.2.64 → 4.0.1

package/skills/vibe.design/templates/DESIGN.md.template

@@ -1,100 +0,0 @@
-<!-- design-md-version: 1 -->
-<!-- generated-by: vibe.design -->
-<!-- format: Google Stitch 9-section standard -->
-
-# DESIGN.md — Visual Quality SSOT
-
-> 이 문서는 프로젝트의 시각 규약 단일 출처(SSOT)입니다.
-> `CLAUDE.md`(코드) · `AGENTS.md`(빌드) 와 동급으로 외부 AI 에이전트가 직접 읽습니다.
-> 수정 시 `/vibe.design lint` 로 9 섹션 완전성을 검증하세요.
-
-## Visual Theme
-
-> §1 — 브랜드 톤 한 문단 (분위기, 무드, 핵심 정서).
-
-예시: "Minimal · neutral grays + single accent · 도구처럼 정확하고 조용한 인상."
-
-## Color Palette
-
-> §2 — hex 토큰 리스트 (이 섹션의 hex 만 verify 통과). semantic 이름 우선.
-
-- Primary: `#000000`
-- Background: `#FFFFFF`
-- Text: `#1A1A1A`
-- Border: `#E5E5E5`
-- Accent: `#5E6AD2`
-- Success: `#10B981`
-- Warning: `#F59E0B`
-- Error: `#EF4444`
-
-## Typography
-
-> §3 — 폰트 패밀리, 사이즈 스케일, 행간/자간.
-
-- Family: `"Inter", -apple-system, system-ui, sans-serif`
-- Display: 48 / 56 (weight 600)
-- H1: 32 / 40 (weight 600)
-- H2: 24 / 32 (weight 600)
-- Body: 16 / 24 (weight 400)
-- Caption: 14 / 20 (weight 400)
-- Code: `"JetBrains Mono", monospace`
-
-## Components
-
-> §4 — 공용 컴포넌트의 시각 규약 (Button / Input / Card / Modal …).
-
-- **Button**: radius 8px, padding 12px 20px, transition 150ms ease
-- **Input**: radius 6px, border 1px solid Border, focus ring 2px Accent
-- **Card**: radius 12px, padding 24px, background Background, border 1px solid Border
-- **Modal**: max-width 480px, backdrop blur 8px, radius 16px
-
-## Layout
-
-> §5 — 그리드, 간격 스케일, 컨테이너 최대폭.
-
-- Spacing scale: `4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 96`
-- Container max-width: 1200px
-- Section vertical rhythm: 96px (desktop) / 64px (mobile)
-- Grid: 12-col, gutter 24px
-
-## Depth
-
-> §6 — 그림자, elevation, z-index 계층.
-
-- elevation-0: none (flat)
-- elevation-1: `0 1px 2px rgba(0,0,0,0.05)`
-- elevation-2: `0 4px 8px rgba(0,0,0,0.08)`
-- elevation-3: `0 12px 24px rgba(0,0,0,0.12)`
-- z-index: base 0, dropdown 10, modal 100, toast 1000
-
-## Do's & Don'ts
-
-> §7 — 금기와 권장 사항 (visual P1 의 시드).
-
-**DO**
-- 색은 §2 Color Palette 의 토큰만 사용
-- 모든 인터랙티브 요소에 focus ring (2px Accent)
-- spacing 은 §5 scale 에서만 선택
-
-**DON'T**
-- hex 하드코딩 (`bg: #FF0000` 금지 — 토큰으로 §2 에 등록)
-- 임의 그림자값 (반드시 §6 elevation 사용)
-- 폰트 패밀리 임시 변경
-
-## Responsive
-
-> §8 — 브레이크포인트와 적응 규칙.
-
-- Breakpoints: `sm: 640px`, `md: 768px`, `lg: 1024px`, `xl: 1280px`, `2xl: 1536px`
-- Mobile-first 작성, `min-width` 미디어쿼리만 사용
-- Section vertical rhythm: 96px (lg+) / 64px (sm/md)
-- Touch target 최소 44×44px (mobile)
-
-## Agent Prompt Guide
-
-> §9 — UI 코드 생성 AI 에이전트를 위한 한 문단 가이드.
-
-"UI 코드를 생성/수정할 때 §2 Color Palette · §3 Typography · §5 Layout spacing scale 의 토큰만 사용한다.
-hex 하드코딩 시 §2 에 토큰을 추가하거나 기존 토큰으로 치환한다.
-신규 컴포넌트는 §4 의 radius · padding 규칙을 따른다.
-브레이크포인트는 §8 만 사용한다."

package/skills/vibe.design/templates/design-context.json

@@ -1,36 +0,0 @@
-{
-  "$schema": "design-context-v1",
-  "createdAt": "{{ISO_DATE}}",
-  "updatedAt": "{{ISO_DATE}}",
-  "audience": {
-    "primary": "B2B SaaS — product managers and engineers at mid-size tech companies",
-    "context": "desktop",
-    "expertise": "intermediate"
-  },
-  "brand": {
-    "personality": ["professional", "clean", "trustworthy", "efficient"],
-    "tone": "professional",
-    "existingAssets": ".vibe/brand/brand-guide.pdf"
-  },
-  "aesthetic": {
-    "style": "minimal",
-    "colorMood": "cool",
-    "typographyMood": "modern",
-    "references": [
-      "https://linear.app",
-      "https://vercel.com"
-    ]
-  },
-  "constraints": {
-    "accessibility": "AA",
-    "performance": "core-web-vitals",
-    "browsers": ["chrome", "safari", "firefox", "edge"],
-    "devices": ["desktop", "tablet"]
-  },
-  "detectedStack": {
-    "framework": "Next.js 15",
-    "componentLibrary": "shadcn/ui",
-    "styling": "Tailwind CSS",
-    "fonts": ["Inter"]
-  }
-}

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 |