@su-record/vibe 2.8.51 → 2.8.53

package/.env.example

@@ -1,37 +1,37 @@
-# ─── VIBE Configuration ─────────────────────────────────────────────
-#
-# All credentials, channels, and model overrides are stored in:
-#   ~/.vibe/config.json
-#
-# Use CLI commands to configure:
-#   vibe setup                    Interactive setup wizard
-#   vibe gpt auth                 GPT OAuth (Plus/Pro)
-#   vibe gpt key <key>            GPT API key
-#   vibe gemini auth              Gemini OAuth
-#   vibe gemini key <key>         Gemini API key
-#   vibe claude key <key>         Claude API key
-#   vibe telegram setup <token>   Telegram bot
-#   vibe slack setup <bot> <app>  Slack bot
-#   vibe status                   Check all status
-#
-# Config structure (~/.vibe/config.json):
-# {
-#   "version": "1",
-#   "credentials": {
-#     "gpt": { "apiKey": "sk-..." },
-#     "gemini": { "apiKey": "AIza..." }
-#   },
-#   "channels": {
-#     "telegram": { "botToken": "123:ABC", "allowedChatIds": ["-100..."] },
-#     "slack": { "botToken": "xoxb-...", "appToken": "xapp-..." }
-#   },
-#   "models": {
-#     "gpt": "gpt-5.4",
-#     "gemini": "gemini-3.1-pro-preview",
-#     "claudeBackground": "claude-sonnet-4-5"
-#   }
-# }
-#
-# Environment variables are still supported as fallback:
-#   OPENAI_API_KEY, GEMINI_API_KEY, GPT_MODEL, etc.
-# ────────────────────────────────────────────────────────────────────
+# ─── VIBE Configuration ─────────────────────────────────────────────
+#
+# All credentials, channels, and model overrides are stored in:
+#   ~/.vibe/config.json
+#
+# Use CLI commands to configure:
+#   vibe setup                    Interactive setup wizard
+#   vibe gpt auth                 GPT OAuth (Plus/Pro)
+#   vibe gpt key <key>            GPT API key
+#   vibe gemini auth              Gemini OAuth
+#   vibe gemini key <key>         Gemini API key
+#   vibe claude key <key>         Claude API key
+#   vibe telegram setup <token>   Telegram bot
+#   vibe slack setup <bot> <app>  Slack bot
+#   vibe status                   Check all status
+#
+# Config structure (~/.vibe/config.json):
+# {
+#   "version": "1",
+#   "credentials": {
+#     "gpt": { "apiKey": "sk-..." },
+#     "gemini": { "apiKey": "AIza..." }
+#   },
+#   "channels": {
+#     "telegram": { "botToken": "123:ABC", "allowedChatIds": ["-100..."] },
+#     "slack": { "botToken": "xoxb-...", "appToken": "xapp-..." }
+#   },
+#   "models": {
+#     "gpt": "gpt-5.4",
+#     "gemini": "gemini-3.1-pro-preview",
+#     "claudeBackground": "claude-sonnet-4-5"
+#   }
+# }
+#
+# Environment variables are still supported as fallback:
+#   OPENAI_API_KEY, GEMINI_API_KEY, GPT_MODEL, etc.
+# ────────────────────────────────────────────────────────────────────

package/CLAUDE.md

@@ -1,169 +1,169 @@
-# VIBE
-
-## Project Nature
-
-> **This is the source code for `@su-record/vibe` npm package.**
-> Modify files in THIS repository only — never the installed copy (`~/.claude/`, `~/.vibe/`).
-
-## Philosophy
-
-> **vibe = Easy vibe coding + Minimum quality guaranteed**
-
-- **Easy Vibe Coding** — Fast flow, think collaboratively with AI
-- **Minimum Quality Guaranteed** — Type safety, code quality, security — automatic baseline
-- **Iterative Reasoning** — Break down problems, ask questions, reason together (don't delegate)
-
-## Constraints (Hard Rules)
-
-### Code Behavior
-
-- **Modify only requested scope** — Don't touch unrelated code
-- **Preserve existing style** — Follow project conventions
-- **Edit existing files, never create new ones** — Fix problems at source
-- **Respect user interrupts** — Ctrl+C/Escape = previous task CANCELLED
-
-### Complexity Limits
-
-| Metric | Limit |
-|--------|-------|
-| Function length | ≤50 lines |
-| Nesting depth | ≤3 levels |
-| Parameters | ≤5 |
-| Cyclomatic complexity | ≤10 |
-
-### TypeScript (Enforced by Quality Gate hooks)
-
-- No `any` — use `unknown` + type guards
-- No `as any` — define proper interfaces
-- No `@ts-ignore` — fix type issues at root
-- Explicit return types on all functions
-
-### Convergence Principle (Over-Diagnosis Prevention)
-
-- **P1 only is mandatory, P2/P3 are best-effort** — P1=0 means done
-- **Repeated reviews narrow scope** — Round 2: P1+P2 only, Round 3+: P1 only
-- **Convergence detection** — Same results as previous round → stop immediately
-- **3 failures = escalation** — No more retries, move to TODO
-- **Changed files only** — Never scan the entire project
-
-### Forbidden Patterns
-
-- No `console.log` in commits
-- No hardcoded strings/numbers (use constants)
-- No commented-out code
-- No incomplete code without TODO
-
-## Architecture (What's NOT Obvious)
-
-### Module System
-
-- ESM only (`"type": "module"`) — imports need `.js` extension
-- TypeScript strict mode → `dist/` via `tsc`
-- Build before test: `npm run build && npx vitest run`
-
-### Config Locations (Don't Confuse)
-
-| Path | Purpose |
-|------|---------|
-| `~/.vibe/config.json` | Global credentials, channels, models (0o600) |
-| `.claude/vibe/config.json` | Project stacks, capabilities, details |
-| `.claude/settings.local.json` | Project hooks (auto-generated, don't commit) |
-
-### Installation Flow
-
-- `postinstall` → global assets (`~/.claude/agents/`, `~/.claude/skills/`, `~/.claude/commands/`)
-- `vibe init` → project setup (detect stacks → config → constitution → rules → hooks → local skills + languages)
-- `vibe update` → re-detect stacks, refresh project config (preserves user capabilities)
-
-### Key Directories (Where to Find Things)
-
-| What | Where |
-|------|-------|
-| CLI commands | `src/cli/commands/` |
-| Postinstall modules | `src/cli/postinstall/` |
-| Stack detection | `src/cli/detect.ts` |
-| Auth (all LLMs) | `src/cli/auth.ts` |
-| Setup helpers | `src/cli/setup.ts`, `src/cli/setup/` |
-| Hooks scripts | `hooks/scripts/` |
-| Agent definitions | `agents/` |
-| Skill definitions | `skills/` |
-| Language rules | `languages/` |
-| SPEC/rule templates | `vibe/rules/`, `vibe/templates/` |
-| Infra (daemon, memory, policy) | `src/infra/` |
-| Telemetry (local JSONL) | `src/infra/lib/telemetry/` |
-| Test helpers (shared) | `src/test-helpers/` |
-| Skill catalog generator | `scripts/gen-skill-docs.ts` |
-
-### Gotchas
-
-- `better-sqlite3` WAL mode — DB module uses synchronous API
-- `crypto.timingSafeEqual` requires same-length buffers — check length first
-- `GLOBAL_SKILLS_CORE`, `GLOBAL_SKILLS_STANDARD`, `GLOBAL_SKILLS_OPTIONAL`, `STACK_TO_SKILLS`, `CAPABILITY_SKILLS` in `src/cli/postinstall/constants.ts` — single source of truth for stack→asset mapping
-- Hook dispatch chain: `prompt-dispatcher.js` → `keyword-detector.js` → `llm-orchestrate.js` (order matters)
-- Pre-existing test failures in `prdParser.test.ts` (7) and `traceabilityMatrix.test.ts` (1) — unrelated to current work
-
-## Workflow
-
-```text
-/vibe.spec → /new → /vibe.spec.review → /vibe.run → /vibe.trace → (auto) code review → Done
-```
-
-| Task Size | Approach |
-|-----------|----------|
-| 1-2 files | Plan Mode |
-| 3+ files | `/vibe.spec` |
-
-## Magic Keywords
-
-| Keyword | Effect |
-|---------|--------|
-| `ultrawork` / `ulw` | Parallel agents + auto-continue + Ralph Loop |
-| `ralph` | Iterate until 100% complete (no scope reduction) |
-| `ralplan` | Iterative planning + persistence |
-| `verify` | Strict verification mode |
-| `quick` | Fast mode, minimal verification |
-
-## Skill Tier System
-
-Skills are classified into 3 tiers to prevent context overload (Curse of Instructions):
-
-| Tier | Loading | Purpose | Count |
-|------|---------|---------|-------|
-| **core** | Always active | Bug/mistake prevention safety nets | ~9 |
-| **standard** | Project setup selects | Workflow support by stack/capability | ~21 |
-| **optional** | Explicit `/skill` only | Reference/wrapper — not auto-loaded | ~4 |
-
-**Constants**: `GLOBAL_SKILLS_CORE` + `GLOBAL_SKILLS_STANDARD` in `src/cli/postinstall/constants.ts`
-
-## Proactive Skill Suggestions
-
-When the user's context matches a pattern below, suggest the relevant skill **once** per session. If the user says "stop suggesting", disable for the rest of the session.
-
-| User Context | Suggested Skill | Tier | Signal |
-|-------------|-----------------|------|--------|
-| Writing a new SPEC / planning | `/vibe.spec` | core | "let's build", "new feature", "requirements" |
-| SPEC exists, ready to implement | `/vibe.run` | core | SPEC file present, no implementation started |
-| Implementation done, verifying | `/vibe.trace` | core | Code changes match SPEC phases |
-| Technical debt accumulating | `/techdebt` | core | Multiple `any` types, console.log, unused imports |
-| Multi-file refactoring planned | `/exec-plan` | core | 3+ files to change, complex dependencies |
-| Complex feature, unknown tech | `/parallel-research` | standard | "how should we", "which library", architecture questions |
-| Debugging errors repeatedly | `/vibe.trace` | core | 3+ error cycles without resolution |
-| Session ending, work incomplete | `/handoff` | standard | 70%+ context, incomplete tasks |
-| Building new UI/UX | `/design-teach` | standard | "new page", "landing", "dashboard", Figma URL |
-| UI code review | `/design-audit` | standard | After implementing UI components |
-| New project setup / CLAUDE.md | `/claude-md-guide` | standard | "new project", "write CLAUDE.md" |
-| Before shipping UI | `/design-polish` | standard | "ready to deploy", "final check" |
-| External API/SDK code needed | `/chub-usage` | optional | "Stripe 연동", "OpenAI API", SDK/API code request |
-
-## Context Management
-
-- **Exploration/Search**: Haiku | **Implementation**: Sonnet | **Architecture**: Opus
-- At 70%+ context: `save_memory` → `/new` → `/vibe.utils --continue`
-
-## Git Commit Rules
-
-**Must include:** `.claude/vibe/specs/`, `.claude/vibe/features/`, `.claude/vibe/todos/`, `.claude/vibe/config.json`, `CLAUDE.md`
-
-**Exclude:** `~/.claude/vibe/rules/`, `~/.claude/commands/`, `~/.claude/agents/`, `~/.claude/skills/`, `.claude/settings.local.json`
-
-<!-- VIBE:END -->
+# VIBE
+
+## Project Nature
+
+> **This is the source code for `@su-record/vibe` npm package.**
+> Modify files in THIS repository only — never the installed copy (`~/.claude/`, `~/.vibe/`).
+
+## Philosophy
+
+> **vibe = Easy vibe coding + Minimum quality guaranteed**
+
+- **Easy Vibe Coding** — Fast flow, think collaboratively with AI
+- **Minimum Quality Guaranteed** — Type safety, code quality, security — automatic baseline
+- **Iterative Reasoning** — Break down problems, ask questions, reason together (don't delegate)
+
+## Constraints (Hard Rules)
+
+### Code Behavior
+
+- **Modify only requested scope** — Don't touch unrelated code
+- **Preserve existing style** — Follow project conventions
+- **Edit existing files, never create new ones** — Fix problems at source
+- **Respect user interrupts** — Ctrl+C/Escape = previous task CANCELLED
+
+### Complexity Limits
+
+| Metric | Limit |
+|--------|-------|
+| Function length | ≤50 lines |
+| Nesting depth | ≤3 levels |
+| Parameters | ≤5 |
+| Cyclomatic complexity | ≤10 |
+
+### TypeScript (Enforced by Quality Gate hooks)
+
+- No `any` — use `unknown` + type guards
+- No `as any` — define proper interfaces
+- No `@ts-ignore` — fix type issues at root
+- Explicit return types on all functions
+
+### Convergence Principle (Over-Diagnosis Prevention)
+
+- **P1 only is mandatory, P2/P3 are best-effort** — P1=0 means done
+- **Repeated reviews narrow scope** — Round 2: P1+P2 only, Round 3+: P1 only
+- **Convergence detection** — Same results as previous round → stop immediately
+- **3 failures = escalation** — No more retries, move to TODO
+- **Changed files only** — Never scan the entire project
+
+### Forbidden Patterns
+
+- No `console.log` in commits
+- No hardcoded strings/numbers (use constants)
+- No commented-out code
+- No incomplete code without TODO
+
+## Architecture (What's NOT Obvious)
+
+### Module System
+
+- ESM only (`"type": "module"`) — imports need `.js` extension
+- TypeScript strict mode → `dist/` via `tsc`
+- Build before test: `npm run build && npx vitest run`
+
+### Config Locations (Don't Confuse)
+
+| Path | Purpose |
+|------|---------|
+| `~/.vibe/config.json` | Global credentials, channels, models (0o600) |
+| `.claude/vibe/config.json` | Project stacks, capabilities, details |
+| `.claude/settings.local.json` | Project hooks (auto-generated, don't commit) |
+
+### Installation Flow
+
+- `postinstall` → global assets (`~/.claude/agents/`, `~/.claude/skills/`, `~/.claude/commands/`)
+- `vibe init` → project setup (detect stacks → config → constitution → rules → hooks → local skills + languages)
+- `vibe update` → re-detect stacks, refresh project config (preserves user capabilities)
+
+### Key Directories (Where to Find Things)
+
+| What | Where |
+|------|-------|
+| CLI commands | `src/cli/commands/` |
+| Postinstall modules | `src/cli/postinstall/` |
+| Stack detection | `src/cli/detect.ts` |
+| Auth (all LLMs) | `src/cli/auth.ts` |
+| Setup helpers | `src/cli/setup.ts`, `src/cli/setup/` |
+| Hooks scripts | `hooks/scripts/` |
+| Agent definitions | `agents/` |
+| Skill definitions | `skills/` |
+| Language rules | `languages/` |
+| SPEC/rule templates | `vibe/rules/`, `vibe/templates/` |
+| Infra (daemon, memory, policy) | `src/infra/` |
+| Telemetry (local JSONL) | `src/infra/lib/telemetry/` |
+| Test helpers (shared) | `src/test-helpers/` |
+| Skill catalog generator | `scripts/gen-skill-docs.ts` |
+
+### Gotchas
+
+- `better-sqlite3` WAL mode — DB module uses synchronous API
+- `crypto.timingSafeEqual` requires same-length buffers — check length first
+- `GLOBAL_SKILLS_CORE`, `GLOBAL_SKILLS_STANDARD`, `GLOBAL_SKILLS_OPTIONAL`, `STACK_TO_SKILLS`, `CAPABILITY_SKILLS` in `src/cli/postinstall/constants.ts` — single source of truth for stack→asset mapping
+- Hook dispatch chain: `prompt-dispatcher.js` → `keyword-detector.js` → `llm-orchestrate.js` (order matters)
+- Pre-existing test failures in `prdParser.test.ts` (7) and `traceabilityMatrix.test.ts` (1) — unrelated to current work
+
+## Workflow
+
+```text
+/vibe.spec → /new → /vibe.spec.review → /vibe.run → /vibe.trace → (auto) code review → Done
+```
+
+| Task Size | Approach |
+|-----------|----------|
+| 1-2 files | Plan Mode |
+| 3+ files | `/vibe.spec` |
+
+## Magic Keywords
+
+| Keyword | Effect |
+|---------|--------|
+| `ultrawork` / `ulw` | Parallel agents + auto-continue + Ralph Loop |
+| `ralph` | Iterate until 100% complete (no scope reduction) |
+| `ralplan` | Iterative planning + persistence |
+| `verify` | Strict verification mode |
+| `quick` | Fast mode, minimal verification |
+
+## Skill Tier System
+
+Skills are classified into 3 tiers to prevent context overload (Curse of Instructions):
+
+| Tier | Loading | Purpose | Count |
+|------|---------|---------|-------|
+| **core** | Always active | Bug/mistake prevention safety nets | ~9 |
+| **standard** | Project setup selects | Workflow support by stack/capability | ~21 |
+| **optional** | Explicit `/skill` only | Reference/wrapper — not auto-loaded | ~4 |
+
+**Constants**: `GLOBAL_SKILLS_CORE` + `GLOBAL_SKILLS_STANDARD` in `src/cli/postinstall/constants.ts`
+
+## Proactive Skill Suggestions
+
+When the user's context matches a pattern below, suggest the relevant skill **once** per session. If the user says "stop suggesting", disable for the rest of the session.
+
+| User Context | Suggested Skill | Tier | Signal |
+|-------------|-----------------|------|--------|
+| Writing a new SPEC / planning | `/vibe.spec` | core | "let's build", "new feature", "requirements" |
+| SPEC exists, ready to implement | `/vibe.run` | core | SPEC file present, no implementation started |
+| Implementation done, verifying | `/vibe.trace` | core | Code changes match SPEC phases |
+| Technical debt accumulating | `/techdebt` | core | Multiple `any` types, console.log, unused imports |
+| Multi-file refactoring planned | `/exec-plan` | core | 3+ files to change, complex dependencies |
+| Complex feature, unknown tech | `/parallel-research` | standard | "how should we", "which library", architecture questions |
+| Debugging errors repeatedly | `/vibe.trace` | core | 3+ error cycles without resolution |
+| Session ending, work incomplete | `/handoff` | standard | 70%+ context, incomplete tasks |
+| Building new UI/UX | `/design-teach` | standard | "new page", "landing", "dashboard", Figma URL |
+| UI code review | `/design-audit` | standard | After implementing UI components |
+| New project setup / CLAUDE.md | `/claude-md-guide` | standard | "new project", "write CLAUDE.md" |
+| Before shipping UI | `/design-polish` | standard | "ready to deploy", "final check" |
+| External API/SDK code needed | `/chub-usage` | optional | "Stripe 연동", "OpenAI API", SDK/API code request |
+
+## Context Management
+
+- **Exploration/Search**: Haiku | **Implementation**: Sonnet | **Architecture**: Opus
+- At 70%+ context: `save_memory` → `/new` → `/vibe.utils --continue`
+
+## Git Commit Rules
+
+**Must include:** `.claude/vibe/specs/`, `.claude/vibe/features/`, `.claude/vibe/todos/`, `.claude/vibe/config.json`, `CLAUDE.md`
+
+**Exclude:** `~/.claude/vibe/rules/`, `~/.claude/commands/`, `~/.claude/agents/`, `~/.claude/skills/`, `.claude/settings.local.json`
+
+<!-- VIBE:END -->

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Su
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Su
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.ko.md

@@ -3,6 +3,7 @@
 **AI가 코드를 쓴다. Vibe는 그 코드가 좋은지 확인한다.**
 
 [![npm](https://img.shields.io/npm/v/@su-record/vibe)](https://www.npmjs.com/package/@su-record/vibe)
+[![npm downloads](https://img.shields.io/npm/dt/@su-record/vibe.svg?style=flat-square&color=blue)](https://www.npmjs.com/package/@su-record/vibe)
 [![Node.js](https://img.shields.io/badge/node-%3E%3D18-green)](https://nodejs.org/)
 [![License: MIT](https://img.shields.io/badge/license-MIT-yellow.svg)](LICENSE)
 
@@ -127,13 +128,12 @@ vibe gemini key <your-api-key>
 트리 기반 구조적 매핑으로 디자인을 코드로 변환 (스크린샷 추정이 아님).
 
 ```bash
-/vibe.figma "https://figma.com/design/ABC/Project?node-id=1-2"
-
-# 반응형 (모바일 + 데스크탑)
-/vibe.figma "mobile-url" "desktop-url"
+/vibe.figma              # 모든 URL 한번에 입력 (스토리보드 + 모바일 + 데스크탑)
+/vibe.figma --new        # 새 피처 모드 (독립 스타일 생성)
+/vibe.figma --refine     # 보완 모드 (기존 코드 + Figma 재비교 → 수정)
 ```
 
-Figma REST API로 추출 → 스택 인식 코드 생성 (React/Vue/Svelte/SCSS/Tailwind) → 기존 디자인 시스템에 매핑.
+스토리보드·모바일·데스크탑 Figma URL을 한번에 전달. Figma REST API로 트리 + 노드 이미지 추출 → 브레이크포인트 간 리매핑 → 스택 인식 코드 생성 (React/Vue/Svelte/SCSS/Tailwind) → 시각 검증 루프.
 
 ---
 

package/README.md

@@ -3,6 +3,7 @@
 **AI writes code. Vibe makes sure it's good.**
 
 [![npm](https://img.shields.io/npm/v/@su-record/vibe)](https://www.npmjs.com/package/@su-record/vibe)
+[![npm downloads](https://img.shields.io/npm/dt/@su-record/vibe.svg?style=flat-square&color=blue)](https://www.npmjs.com/package/@su-record/vibe)
 [![Node.js](https://img.shields.io/badge/node-%3E%3D18-green)](https://nodejs.org/)
 [![License: MIT](https://img.shields.io/badge/license-MIT-yellow.svg)](LICENSE)
 
@@ -127,13 +128,12 @@ vibe gemini key <your-api-key>
 Design-to-code pipeline with tree-based structural mapping (not screenshot guessing).
 
 ```bash
-/vibe.figma "https://figma.com/design/ABC/Project?node-id=1-2"
-
-# Responsive (mobile + desktop)
-/vibe.figma "mobile-url" "desktop-url"
+/vibe.figma              # All URLs at once (storyboard + mobile + desktop)
+/vibe.figma --new        # New feature mode (create standalone styles)
+/vibe.figma --refine     # Refine mode (compare existing code with Figma → fix)
 ```
 
-Extracts via Figma REST API → generates stack-aware code (React/Vue/Svelte/SCSS/Tailwind) → maps to your existing design system.
+Pass storyboard, mobile, and desktop Figma URLs together. Extracts tree + node images via Figma REST API → remaps across breakpoints → generates stack-aware code (React/Vue/Svelte/SCSS/Tailwind) → visual verification loop.
 
 ---
 

package/agents/architect-low.md

@@ -1,41 +1,41 @@
-# Architect Agent - Low Tier (Haiku)
-
-Quick architecture queries and pattern matching.
-
-## Role
-
-- Architecture pattern lookup
-- Quick structure analysis
-- Simple design questions
-
-## Model
-
-**Haiku** - Fast pattern matching
-
-## When to Use
-
-- "What pattern does this use?"
-- "Where is X defined?"
-- Simple structural questions
-
-## Usage
-
-```
-Task(model: "haiku", subagent_type: "general-purpose", prompt: "What architecture pattern does this service use?")
-```
-
-## Process
-
-1. Quick codebase scan
-2. Pattern identification
-3. Return finding
-
-## Output
-
-```markdown
-## Architecture Query Result
-
-Pattern: Repository Pattern
-Location: src/repositories/
-Evidence: UserRepository, ProductRepository classes
-```
+# Architect Agent - Low Tier (Haiku)
+
+Quick architecture queries and pattern matching.
+
+## Role
+
+- Architecture pattern lookup
+- Quick structure analysis
+- Simple design questions
+
+## Model
+
+**Haiku** - Fast pattern matching
+
+## When to Use
+
+- "What pattern does this use?"
+- "Where is X defined?"
+- Simple structural questions
+
+## Usage
+
+```
+Task(model: "haiku", subagent_type: "general-purpose", prompt: "What architecture pattern does this service use?")
+```
+
+## Process
+
+1. Quick codebase scan
+2. Pattern identification
+3. Return finding
+
+## Output
+
+```markdown
+## Architecture Query Result
+
+Pattern: Repository Pattern
+Location: src/repositories/
+Evidence: UserRepository, ProductRepository classes
+```