@su-record/vibe 2.9.15 → 2.9.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CLAUDE.md +100 -190
- package/README.ko.md +171 -171
- package/README.md +220 -220
- package/commands/vibe.docs.md +3 -2
- package/dist/cli/auth.d.ts.map +1 -1
- package/dist/cli/auth.js +3 -1
- package/dist/cli/auth.js.map +1 -1
- package/dist/cli/commands/info.d.ts.map +1 -1
- package/dist/cli/commands/info.js +7 -2
- package/dist/cli/commands/info.js.map +1 -1
- package/dist/cli/commands/init.d.ts +0 -10
- package/dist/cli/commands/init.d.ts.map +1 -1
- package/dist/cli/commands/init.js +6 -77
- package/dist/cli/commands/init.js.map +1 -1
- package/dist/cli/commands/update.d.ts.map +1 -1
- package/dist/cli/commands/update.js +6 -15
- package/dist/cli/commands/update.js.map +1 -1
- package/dist/cli/postinstall/index.d.ts +0 -4
- package/dist/cli/postinstall/index.d.ts.map +1 -1
- package/dist/cli/postinstall/index.js +0 -4
- package/dist/cli/postinstall/index.js.map +1 -1
- package/dist/cli/postinstall/main.d.ts.map +1 -1
- package/dist/cli/postinstall/main.js +2 -32
- package/dist/cli/postinstall/main.js.map +1 -1
- package/dist/cli/postinstall.d.ts +1 -1
- package/dist/cli/postinstall.d.ts.map +1 -1
- package/dist/cli/postinstall.js +1 -1
- package/dist/cli/postinstall.js.map +1 -1
- package/dist/cli/setup/ProjectSetup.d.ts +1 -16
- package/dist/cli/setup/ProjectSetup.d.ts.map +1 -1
- package/dist/cli/setup/ProjectSetup.js +8 -161
- package/dist/cli/setup/ProjectSetup.js.map +1 -1
- package/dist/cli/setup.d.ts +1 -1
- package/dist/cli/setup.d.ts.map +1 -1
- package/dist/cli/setup.js +1 -1
- package/dist/cli/setup.js.map +1 -1
- package/dist/cli/utils/cli-detector.d.ts +1 -1
- package/dist/cli/utils/cli-detector.js +1 -1
- package/package.json +1 -1
- package/skills/vibe-docs/SKILL.md +221 -171
- package/skills/vibe-docs/templates/behavioral-principles.md +47 -0
package/CLAUDE.md
CHANGED
|
@@ -1,190 +1,100 @@
|
|
|
1
|
-
# VIBE
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
> **
|
|
6
|
-
>
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
- **
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
-
|
|
40
|
-
|
|
41
|
-
### Convergence
|
|
42
|
-
|
|
43
|
-
- **
|
|
44
|
-
- **
|
|
45
|
-
-
|
|
46
|
-
- **
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
###
|
|
51
|
-
|
|
52
|
-
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
-
|
|
63
|
-
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
|
82
|
-
|
|
83
|
-
|
|
|
84
|
-
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
- `better-sqlite3` WAL mode — DB module uses synchronous API
|
|
102
|
-
- `crypto.timingSafeEqual` requires same-length buffers — check length first
|
|
103
|
-
- `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
|
|
104
|
-
- Hook dispatch chain: `prompt-dispatcher.js` → `keyword-detector.js` → `llm-orchestrate.js` (order matters)
|
|
105
|
-
- Pre-existing test failures in `prdParser.test.ts` (7) and `traceabilityMatrix.test.ts` (1) — unrelated to current work
|
|
106
|
-
|
|
107
|
-
## Workflow
|
|
108
|
-
|
|
109
|
-
```text
|
|
110
|
-
/vibe.spec → vibe.interview (skill) → vibe.plan (skill) → vibe.spec (skill) → vibe.spec.review (skill) → ┬→ /vibe.run → /vibe.verify → /vibe.trace → Done
|
|
111
|
-
│ (Logic Track)
|
|
112
|
-
└→ /vibe.figma → FE UI 코드
|
|
113
|
-
(UI Track — type ∈ {website,webapp,mobile}만)
|
|
114
|
-
```
|
|
115
|
-
|
|
116
|
-
**단일 진입점**: `/vibe.spec`은 "무엇을 개발할지" 질문으로 시작해서 전체 흐름을 오케스트레이션한다. 사용자는 `/vibe.*` 커맨드 이름을 외울 필요 없음. **Smart Resume**: 기존 interview/plan/spec 파일 존재 여부로 어느 단계부터 시작할지 자동 판단.
|
|
117
|
-
|
|
118
|
-
**커맨드 `/vibe.spec` vs 스킬 `vibe.spec`**: 커맨드는 **전체 워크플로 오케스트레이터**, 스킬은 그 안의 **SPEC 작성 단계**. `/vibe.figma` 커맨드와 `vibe.figma` 스킬 관계와 동일한 패턴.
|
|
119
|
-
|
|
120
|
-
**스킬 기반 workflow**:
|
|
121
|
-
- `vibe.interview` — 반복 인터뷰로 요구사항 수집 (사용자 "그만"까지). 타입별 체크리스트(`skills/vibe.interview/checklists/{type}.md`).
|
|
122
|
-
- `vibe.plan` — interview → 마크다운 기획서 정제 (`.claude/vibe/plans/{feature}.md`).
|
|
123
|
-
- `vibe.spec` — 기획서 → PTCF SPEC + Feature(BDD) 파일.
|
|
124
|
-
- `vibe.spec.review` — GPT/Gemini Race Review + 품질 게이트.
|
|
125
|
-
- 모두 자연어 트리거(만들자/개발하자/신규/아이디어)로도 자동 활성화.
|
|
126
|
-
|
|
127
|
-
**UI/Logic 분기**: 기획서의 `type` 필드로 자동 판단. UI 포함 프로젝트(website/webapp/mobile)는 Logic + UI 트랙 병렬, 비-UI(api/library)는 Logic만.
|
|
128
|
-
|
|
129
|
-
| Task Size | Approach |
|
|
130
|
-
|-----------|----------|
|
|
131
|
-
| 1-2 files | Plan Mode |
|
|
132
|
-
| 3+ files | `/vibe.spec` (전체 워크플로 오케스트레이션) |
|
|
133
|
-
|
|
134
|
-
## Magic Keywords
|
|
135
|
-
|
|
136
|
-
| Keyword | Effect |
|
|
137
|
-
|---------|--------|
|
|
138
|
-
| `ultrawork` / `ulw` | Parallel agents + auto-continue + Ralph Loop |
|
|
139
|
-
| `ralph` | Iterate until 100% complete (no scope reduction) |
|
|
140
|
-
| `ralplan` | Iterative planning + persistence |
|
|
141
|
-
| `verify` | Strict verification mode |
|
|
142
|
-
| `quick` | Fast mode, minimal verification |
|
|
143
|
-
|
|
144
|
-
## Skill Tier System
|
|
145
|
-
|
|
146
|
-
Skills are classified into 3 tiers to prevent context overload (Curse of Instructions):
|
|
147
|
-
|
|
148
|
-
| Tier | Loading | Purpose | Count |
|
|
149
|
-
|------|---------|---------|-------|
|
|
150
|
-
| **core** | Always active | Bug/mistake prevention + workflow entry (interview/plan) | ~11 |
|
|
151
|
-
| **standard** | Project setup selects | Workflow support by stack/capability | ~21 |
|
|
152
|
-
| **optional** | Explicit `/skill` only | Reference/wrapper — not auto-loaded | ~4 |
|
|
153
|
-
|
|
154
|
-
**Constants**: `GLOBAL_SKILLS_CORE` + `GLOBAL_SKILLS_STANDARD` in `src/cli/postinstall/constants.ts`
|
|
155
|
-
|
|
156
|
-
## Proactive Skill Suggestions
|
|
157
|
-
|
|
158
|
-
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.
|
|
159
|
-
|
|
160
|
-
| User Context | Suggested Skill | Tier | Signal |
|
|
161
|
-
|-------------|-----------------|------|--------|
|
|
162
|
-
| New project/feature idea, no plan yet | `/vibe.spec` | command | "만들자", "개발하자", "신규", "아이디어", "무엇을 만들", "let's build", "new feature" |
|
|
163
|
-
| Interview 완료, 기획서 필요 | `/vibe.spec` | command | `.claude/vibe/interviews/*.md` 존재, 기획서 없음 (Smart Resume으로 Phase 2부터) |
|
|
164
|
-
| 전체 워크플로 진입 | `/vibe.spec` | command | "어디서부터 시작", "전체 워크플로", 커맨드 이름 모를 때 |
|
|
165
|
-
| 기획서 → 코드 명세 | `/vibe.spec` | command | `.claude/vibe/plans/*.md` 존재, SPEC 없음 (Smart Resume으로 Phase 3부터) |
|
|
166
|
-
| SPEC exists, ready to implement | `/vibe.run` | core | SPEC file present, no implementation started |
|
|
167
|
-
| Implementation done, verifying | `/vibe.trace` | core | Code changes match SPEC phases |
|
|
168
|
-
| Technical debt accumulating | `/techdebt` | core | Multiple `any` types, console.log, unused imports |
|
|
169
|
-
| Multi-file refactoring planned | `/exec-plan` | core | 3+ files to change, complex dependencies |
|
|
170
|
-
| Complex feature, unknown tech | `/parallel-research` | standard | "how should we", "which library", architecture questions |
|
|
171
|
-
| Debugging errors repeatedly | `/vibe.trace` | core | 3+ error cycles without resolution |
|
|
172
|
-
| Session ending, work incomplete | `/handoff` | standard | 70%+ context, incomplete tasks |
|
|
173
|
-
| Building new UI/UX | `/design-teach` | standard | "new page", "landing", "dashboard", Figma URL |
|
|
174
|
-
| UI code review | `/design-audit` | standard | After implementing UI components |
|
|
175
|
-
| New project setup / CLAUDE.md | `/claude-md-guide` | standard | "new project", "write CLAUDE.md" |
|
|
176
|
-
| Before shipping UI | `/design-polish` | standard | "ready to deploy", "final check" |
|
|
177
|
-
| External API/SDK code needed | `/chub-usage` | optional | "Stripe 연동", "OpenAI API", SDK/API code request |
|
|
178
|
-
|
|
179
|
-
## Context Management
|
|
180
|
-
|
|
181
|
-
- **Exploration/Search**: Haiku | **Implementation**: Sonnet | **Architecture**: Opus
|
|
182
|
-
- At 70%+ context: `save_memory` → `/new` → `/vibe.utils --continue`
|
|
183
|
-
|
|
184
|
-
## Git Commit Rules
|
|
185
|
-
|
|
186
|
-
**Must include:** `.claude/vibe/plans/`, `.claude/vibe/specs/`, `.claude/vibe/features/`, `.claude/vibe/todos/`, `.claude/vibe/config.json`, `CLAUDE.md`
|
|
187
|
-
|
|
188
|
-
**Exclude:** `~/.claude/vibe/rules/`, `~/.claude/commands/`, `~/.claude/agents/`, `~/.claude/skills/`, `.claude/settings.local.json`
|
|
189
|
-
|
|
190
|
-
<!-- VIBE:END -->
|
|
1
|
+
# VIBE
|
|
2
|
+
|
|
3
|
+
> Source code for `@su-record/vibe` npm package. Modify files in THIS repository only — never the installed copies (`~/.claude/`, `~/.coco/`, `~/.vibe/`).
|
|
4
|
+
>
|
|
5
|
+
> **File-to-CLI mapping:**
|
|
6
|
+
> - `CLAUDE.md` — **Claude Code** (100% supported) · **content SSOT**
|
|
7
|
+
> - `AGENTS.md` — **coco** (100% supported)
|
|
8
|
+
>
|
|
9
|
+
> `AGENTS.md` is regenerated from this file via `/vibe.docs agent`. Edit here first.
|
|
10
|
+
|
|
11
|
+
## Hard Rules
|
|
12
|
+
|
|
13
|
+
### Behavior
|
|
14
|
+
- **Modify only requested scope** — Every changed line traces to the user's request
|
|
15
|
+
- **Edit existing files over creating new** — Fix at source
|
|
16
|
+
- **Preserve existing style** — Match conventions even if you'd do it differently
|
|
17
|
+
- **Respect Ctrl+C / Escape** — Previous task CANCELLED
|
|
18
|
+
- **State assumptions, ask when uncertain** — Don't pick silently when ambiguity exists; push back if a simpler approach exists
|
|
19
|
+
|
|
20
|
+
### Goal-Driven Execution
|
|
21
|
+
Transform imperative tasks into verifiable goals **before** coding:
|
|
22
|
+
|
|
23
|
+
| Instead of | Transform to |
|
|
24
|
+
|---|---|
|
|
25
|
+
| "Add validation" | "Tests for invalid inputs pass" |
|
|
26
|
+
| "Fix the bug" | "A test reproducing it passes" |
|
|
27
|
+
| "Refactor X" | "Tests pass before and after" |
|
|
28
|
+
|
|
29
|
+
Weak criteria ("make it work") require constant clarification. Strong criteria let the loop run independently.
|
|
30
|
+
|
|
31
|
+
### TypeScript (enforced by Quality Gate hooks)
|
|
32
|
+
- No `any` / `as any` / `@ts-ignore` — use `unknown` + type guards; fix at root
|
|
33
|
+
- Explicit return types on all functions
|
|
34
|
+
|
|
35
|
+
### Complexity Limits
|
|
36
|
+
Function ≤50 lines · Nesting ≤3 · Params ≤5 · Cyclomatic ≤10
|
|
37
|
+
|
|
38
|
+
### Forbidden Patterns
|
|
39
|
+
No `console.log` in commits · No hardcoded strings/numbers · No commented-out code · No incomplete code without TODO
|
|
40
|
+
|
|
41
|
+
### Convergence (review / auto-fix loops)
|
|
42
|
+
- **Loop until P1 = 0 AND no new findings** — no round cap
|
|
43
|
+
- **Narrowing scope**: Round 1 full → Round 2 P1+P2 → Round 3+ P1 only
|
|
44
|
+
- **Stuck detection** (same findings/score 2 rounds in a row) → ask user (fill values / approve sub-100 / abort). Never silently proceed sub-100
|
|
45
|
+
- **`ultrawork` exception** — skip user prompt; record gaps as TODO to stay non-interactive
|
|
46
|
+
- **Changed files only** — never full-project scan
|
|
47
|
+
|
|
48
|
+
## Architecture (Non-Obvious)
|
|
49
|
+
|
|
50
|
+
### Module System
|
|
51
|
+
- ESM only (`"type": "module"`) — imports need `.js` extension
|
|
52
|
+
- Build before test: `npm run build && npx vitest run`
|
|
53
|
+
|
|
54
|
+
### Config Locations
|
|
55
|
+
| Path | Purpose |
|
|
56
|
+
|---|---|
|
|
57
|
+
| `~/.vibe/config.json` | Global credentials, models (0o600) |
|
|
58
|
+
| `.claude/vibe/config.json` | Project stacks, capabilities |
|
|
59
|
+
| `.claude/settings.local.json` | Project hooks (auto-generated, don't commit) |
|
|
60
|
+
|
|
61
|
+
### Gotchas
|
|
62
|
+
- `better-sqlite3` WAL mode — synchronous API
|
|
63
|
+
- `crypto.timingSafeEqual` requires same-length buffers — check length first
|
|
64
|
+
- **Stack → asset SSOT**: `GLOBAL_SKILLS_*`, `STACK_TO_SKILLS`, `CAPABILITY_SKILLS` in `src/cli/postinstall/constants.ts`
|
|
65
|
+
- **Hook dispatch order**: `prompt-dispatcher.js` → `keyword-detector.js` → `llm-orchestrate.js`
|
|
66
|
+
|
|
67
|
+
## Workflow
|
|
68
|
+
|
|
69
|
+
`/vibe.spec` is the single entry point — orchestrates interview → plan → spec → review → `/vibe.run` → `/vibe.verify` → `/vibe.trace`. For UI types (website/webapp/mobile), `/vibe.figma` branches in parallel. Smart Resume detects existing `.claude/vibe/{interviews,plans,specs}/*.md` to skip phases.
|
|
70
|
+
|
|
71
|
+
| Task Size | Approach |
|
|
72
|
+
|---|---|
|
|
73
|
+
| 1–2 files | Plan Mode |
|
|
74
|
+
| 3+ files | `/vibe.spec` |
|
|
75
|
+
|
|
76
|
+
## Magic Keywords
|
|
77
|
+
|
|
78
|
+
| Keyword | Effect |
|
|
79
|
+
|---|---|
|
|
80
|
+
| `ultrawork` / `ulw` | Parallel agents + auto-continue + Ralph Loop |
|
|
81
|
+
| `ralph` | Iterate to 100% (no scope reduction) |
|
|
82
|
+
| `ralplan` | Iterative planning + persistence |
|
|
83
|
+
| `verify` | Strict verification mode |
|
|
84
|
+
| `quick` | Fast mode, minimal verification |
|
|
85
|
+
|
|
86
|
+
## Skill Tiers
|
|
87
|
+
|
|
88
|
+
3 tiers prevent context overload: **core** (always active) / **standard** (project-setup selected) / **optional** (explicit `/skill` only). SSOT: `GLOBAL_SKILLS_CORE` + `GLOBAL_SKILLS_STANDARD` in `src/cli/postinstall/constants.ts`. Proactive triggers live in each skill's frontmatter.
|
|
89
|
+
|
|
90
|
+
## Context Management
|
|
91
|
+
|
|
92
|
+
- Exploration → Haiku · Implementation → Sonnet · Architecture → Opus
|
|
93
|
+
- At 70%+ context: `save_memory` → `/new` → `/vibe.utils --continue`
|
|
94
|
+
|
|
95
|
+
## Git
|
|
96
|
+
|
|
97
|
+
**Include**: `.claude/vibe/{plans,specs,features,todos}/`, `.claude/vibe/config.json`, `CLAUDE.md`
|
|
98
|
+
**Exclude**: `~/.claude/{rules,commands,agents,skills}/`, `.claude/settings.local.json`
|
|
99
|
+
|
|
100
|
+
<!-- VIBE:END -->
|
package/README.ko.md
CHANGED
|
@@ -1,171 +1,171 @@
|
|
|
1
|
-
# VIBE
|
|
2
|
-
|
|
3
|
-
**바이브 코딩은 쉽게. 최소 품질은 보장.**
|
|
4
|
-
|
|
5
|
-
[](https://www.npmjs.com/package/@su-record/vibe)
|
|
6
|
-
[](https://www.npmjs.com/package/@su-record/vibe)
|
|
7
|
-
[](https://nodejs.org/)
|
|
8
|
-
[](LICENSE)
|
|
9
|
-
|
|
10
|
-
Vibe는 AI 코딩 도구를 위한 품질 하네스입니다. Claude Code, Codex, Cursor, Gemini CLI를 감싸고, 타입 안전성, 코드 품질, 보안을 자동으로 강제합니다. 빠르게 바이브 코딩하되, 엉망인 코드가 나가지 않게.
|
|
11
|
-
|
|
12
|
-
```bash
|
|
13
|
-
npm install -g @su-record/vibe
|
|
14
|
-
vibe init
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
---
|
|
18
|
-
|
|
19
|
-
## 워크플로우
|
|
20
|
-
|
|
21
|
-
진입점 하나. 나머지는 자동.
|
|
22
|
-
|
|
23
|
-
```
|
|
24
|
-
/vibe.spec "커피 브랜드 랜딩 페이지"
|
|
25
|
-
|
|
|
26
|
-
v
|
|
27
|
-
인터뷰 ─── "타깃은 누구?" "어떤 섹션?" "다크 모드?" ───
|
|
28
|
-
| (사용자가 "그만"할 때까지 반복)
|
|
29
|
-
v
|
|
30
|
-
기획서 ─── 구조화된 마크다운 기획서 (.claude/vibe/plans/)
|
|
31
|
-
|
|
|
32
|
-
v
|
|
33
|
-
SPEC ─── PTCF 명세 + BDD 피처, GPT+Gemini 병렬 리서치
|
|
34
|
-
|
|
|
35
|
-
v
|
|
36
|
-
리뷰 ─── Race Review (GPT vs Gemini), 품질 게이트 (100점, 수렴까지 루프)
|
|
37
|
-
|
|
|
38
|
-
+──────────────────────────────┐
|
|
39
|
-
v v
|
|
40
|
-
/vibe.run (로직) /vibe.figma (UI)
|
|
41
|
-
SPEC 기반 구현 Figma 디자인 ↔ 코드
|
|
42
|
-
12개 에이전트 리뷰 읽기 또는 쓰기
|
|
43
|
-
| |
|
|
44
|
-
v v
|
|
45
|
-
/vibe.verify ──── /vibe.trace ──── 완료
|
|
46
|
-
```
|
|
47
|
-
|
|
48
|
-
**Smart Resume** — 아무 단계에서나 멈추고, 세션을 닫고, 나중에 돌아오세요. `/vibe.spec`이 중단된 위치를 자동 감지하고 이어서 진행합니다. feature 이름을 외울 필요 없음.
|
|
49
|
-
|
|
50
|
-
**ultrawork** — 어느 명령이든 `ultrawork`를 붙이면 모든 확인 게이트를 건너뛰고 전체 파이프라인을 자동 실행합니다.
|
|
51
|
-
|
|
52
|
-
---
|
|
53
|
-
|
|
54
|
-
## 빠른 시작
|
|
55
|
-
|
|
56
|
-
```bash
|
|
57
|
-
# 설치
|
|
58
|
-
npm install -g @su-record/vibe
|
|
59
|
-
|
|
60
|
-
# 프로젝트 초기화 (스택 자동 감지)
|
|
61
|
-
cd your-project
|
|
62
|
-
vibe init
|
|
63
|
-
|
|
64
|
-
# AI 코딩 도구 시작
|
|
65
|
-
claude
|
|
66
|
-
|
|
67
|
-
# 워크플로우 실행
|
|
68
|
-
/vibe.spec "사용자 인증 추가"
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
---
|
|
72
|
-
|
|
73
|
-
## Figma ↔ 코드
|
|
74
|
-
|
|
75
|
-
양방향. Figma에서 디자인을 읽거나, 기획서에서 Figma에 디자인을 쓰거나.
|
|
76
|
-
|
|
77
|
-
```bash
|
|
78
|
-
# READ — 기존 프로젝트에 UI 추가 (프로젝트 컨벤션 준수)
|
|
79
|
-
/vibe.figma <figma-url> <figma-url>
|
|
80
|
-
|
|
81
|
-
# READ — 신규 독립 페이지 (독립 스타일)
|
|
82
|
-
/vibe.figma --new <figma-url>
|
|
83
|
-
|
|
84
|
-
# WRITE — 기획서에서 Figma 디자인 생성
|
|
85
|
-
/vibe.figma plan.md --create # Full (와이어 + 비주얼 디자인)
|
|
86
|
-
/vibe.figma plan.md --create-storyboard # 와이어만
|
|
87
|
-
/vibe.figma plan.md --create-design # 비주얼 디자인만
|
|
88
|
-
```
|
|
89
|
-
|
|
90
|
-
**READ 동작**: Figma REST API로 노드 트리 + 30개 CSS 속성 추출. Auto Layout → Flexbox 1:1 기계적 매핑. 스크린샷은 검증용 — 트리가 원천.
|
|
91
|
-
|
|
92
|
-
**WRITE 동작**: 기획서의 Look & Feel, 레이아웃, 반응형 전략 섹션을 파싱하여 와이어프레임을 먼저 그리고 (구조 검토), 그 위에 디자인 시스템 컴포넌트로 비주얼 적용. 멱등성 보장 — 기획서 수정 후 재실행하면 변경된 섹션만 갱신.
|
|
93
|
-
|
|
94
|
-
---
|
|
95
|
-
|
|
96
|
-
## 품질 게이트
|
|
97
|
-
|
|
98
|
-
모든 도구 호출마다 3계층 방어:
|
|
99
|
-
|
|
100
|
-
| 계층 | 차단 대상 |
|
|
101
|
-
|------|----------|
|
|
102
|
-
| Pre-commit 훅 | `any` 타입, `@ts-ignore`, `console.log`, 50줄 초과 함수 |
|
|
103
|
-
| 리뷰 에이전트 | 12개 전문 리뷰어 병렬 실행 (보안, 성능, 접근성, 복잡도, ...) |
|
|
104
|
-
| 수렴 루프 | 리뷰 findings P1=0까지 루프. 라운드 캡 없음. Stuck이면 사용자에게 질문, 절대 조용히 넘어가지 않음. |
|
|
105
|
-
|
|
106
|
-
---
|
|
107
|
-
|
|
108
|
-
## 주요 기능
|
|
109
|
-
|
|
110
|
-
**40+ 에이전트** — 탐색, 구현, 아키텍처, 병렬 코드 리뷰, UI/UX 분석, 보안 감사, Figma 분석/빌드.
|
|
111
|
-
|
|
112
|
-
**44개 스킬** — 한 번에 다 로드되지 않음. 3-tier 시스템으로 컨텍스트 과부하 방지:
|
|
113
|
-
|
|
114
|
-
| 티어 | 로드 시점 | 용도 | 예시 |
|
|
115
|
-
|------|----------|------|------|
|
|
116
|
-
| **Core** | 항상 활성 | 버그 방지, 워크플로 진입 | 품질 게이트, 인터뷰, 기획 |
|
|
117
|
-
| **Standard** | `vibe init`이 스택별 선택 | 스택/역할 지원 | figma, design-audit, techdebt |
|
|
118
|
-
| **Optional** | 명시적 `/skill` 호출만 | 레퍼런스, 래퍼 | chub-usage, context7 |
|
|
119
|
-
|
|
120
|
-
**멀티 LLM** — Claude가 오케스트레이션, GPT가 추론, Gemini가 리서치. 가용 모델에 따라 자동 라우팅. 기본값은 Claude 단독.
|
|
121
|
-
|
|
122
|
-
**스택 감지** — 24개 프레임워크 자동 감지 (Next.js, Django, Rails, Go, Rust, Flutter 등) 후 프레임워크별 규칙과 스킬 적용.
|
|
123
|
-
|
|
124
|
-
**세션 메모리** — 결정, 제약, 목표가 SQLite + FTS5 검색으로 세션 간 유지.
|
|
125
|
-
|
|
126
|
-
**Smart Resume** — `.last-feature` 포인터가 마지막 작업을 추적. 인자 없이 `/vibe.spec`을 호출하면 중단된 위치를 보여주거나 진행 중 feature 목록을 제시.
|
|
127
|
-
|
|
128
|
-
---
|
|
129
|
-
|
|
130
|
-
## 지원 도구
|
|
131
|
-
|
|
132
|
-
| CLI | 상태 |
|
|
133
|
-
|-----|------|
|
|
134
|
-
| [Claude Code](https://claude.ai/code) | 전체 지원 |
|
|
135
|
-
|
|
|
136
|
-
| [Codex](https://github.com/openai/codex) | 플러그인 |
|
|
137
|
-
| [Cursor](https://cursor.sh) | 에이전트 + 룰 |
|
|
138
|
-
| [Gemini CLI](https://github.com/google-gemini/gemini-cli) | 에이전트 + 스킬 |
|
|
139
|
-
|
|
140
|
-
---
|
|
141
|
-
|
|
142
|
-
## 명령어
|
|
143
|
-
|
|
144
|
-
| 명령어 | 용도 |
|
|
145
|
-
|--------|------|
|
|
146
|
-
| `/vibe.spec` | 단일 진입점 — 인터뷰, 기획, SPEC, 리뷰, 그리고 구현까지 |
|
|
147
|
-
| `/vibe.run` | SPEC 기반 구현 |
|
|
148
|
-
| `/vibe.figma` | Figma ↔ 코드 (읽기 또는 쓰기, 3가지 모드) |
|
|
149
|
-
| `/vibe.verify` | 구현이 SPEC에 맞는지 검증 |
|
|
150
|
-
| `/vibe.trace` | 요구사항 추적 매트릭스 |
|
|
151
|
-
|
|
152
|
-
---
|
|
153
|
-
|
|
154
|
-
## 문서
|
|
155
|
-
|
|
156
|
-
상세 가이드, 스킬 레퍼런스, 설정 방법은 [Wiki](https://github.com/su-record/vibe/wiki)를 참고하세요.
|
|
157
|
-
|
|
158
|
-
- [README (English)](README.md)
|
|
159
|
-
- [릴리스 노트](RELEASE_NOTES.md)
|
|
160
|
-
|
|
161
|
-
---
|
|
162
|
-
|
|
163
|
-
## 요구사항
|
|
164
|
-
|
|
165
|
-
- Node.js >= 18.0.0
|
|
166
|
-
- Claude Code (필수)
|
|
167
|
-
- GPT, Gemini (선택)
|
|
168
|
-
|
|
169
|
-
## 라이선스
|
|
170
|
-
|
|
171
|
-
MIT — Copyright (c) 2025 Su
|
|
1
|
+
# VIBE
|
|
2
|
+
|
|
3
|
+
**바이브 코딩은 쉽게. 최소 품질은 보장.**
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/@su-record/vibe)
|
|
6
|
+
[](https://www.npmjs.com/package/@su-record/vibe)
|
|
7
|
+
[](https://nodejs.org/)
|
|
8
|
+
[](LICENSE)
|
|
9
|
+
|
|
10
|
+
Vibe는 AI 코딩 도구를 위한 품질 하네스입니다. Claude Code, Codex, Cursor, Gemini CLI를 감싸고, 타입 안전성, 코드 품질, 보안을 자동으로 강제합니다. 빠르게 바이브 코딩하되, 엉망인 코드가 나가지 않게.
|
|
11
|
+
|
|
12
|
+
```bash
|
|
13
|
+
npm install -g @su-record/vibe
|
|
14
|
+
vibe init
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
## 워크플로우
|
|
20
|
+
|
|
21
|
+
진입점 하나. 나머지는 자동.
|
|
22
|
+
|
|
23
|
+
```
|
|
24
|
+
/vibe.spec "커피 브랜드 랜딩 페이지"
|
|
25
|
+
|
|
|
26
|
+
v
|
|
27
|
+
인터뷰 ─── "타깃은 누구?" "어떤 섹션?" "다크 모드?" ───
|
|
28
|
+
| (사용자가 "그만"할 때까지 반복)
|
|
29
|
+
v
|
|
30
|
+
기획서 ─── 구조화된 마크다운 기획서 (.claude/vibe/plans/)
|
|
31
|
+
|
|
|
32
|
+
v
|
|
33
|
+
SPEC ─── PTCF 명세 + BDD 피처, GPT+Gemini 병렬 리서치
|
|
34
|
+
|
|
|
35
|
+
v
|
|
36
|
+
리뷰 ─── Race Review (GPT vs Gemini), 품질 게이트 (100점, 수렴까지 루프)
|
|
37
|
+
|
|
|
38
|
+
+──────────────────────────────┐
|
|
39
|
+
v v
|
|
40
|
+
/vibe.run (로직) /vibe.figma (UI)
|
|
41
|
+
SPEC 기반 구현 Figma 디자인 ↔ 코드
|
|
42
|
+
12개 에이전트 리뷰 읽기 또는 쓰기
|
|
43
|
+
| |
|
|
44
|
+
v v
|
|
45
|
+
/vibe.verify ──── /vibe.trace ──── 완료
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
**Smart Resume** — 아무 단계에서나 멈추고, 세션을 닫고, 나중에 돌아오세요. `/vibe.spec`이 중단된 위치를 자동 감지하고 이어서 진행합니다. feature 이름을 외울 필요 없음.
|
|
49
|
+
|
|
50
|
+
**ultrawork** — 어느 명령이든 `ultrawork`를 붙이면 모든 확인 게이트를 건너뛰고 전체 파이프라인을 자동 실행합니다.
|
|
51
|
+
|
|
52
|
+
---
|
|
53
|
+
|
|
54
|
+
## 빠른 시작
|
|
55
|
+
|
|
56
|
+
```bash
|
|
57
|
+
# 설치
|
|
58
|
+
npm install -g @su-record/vibe
|
|
59
|
+
|
|
60
|
+
# 프로젝트 초기화 (스택 자동 감지)
|
|
61
|
+
cd your-project
|
|
62
|
+
vibe init
|
|
63
|
+
|
|
64
|
+
# AI 코딩 도구 시작
|
|
65
|
+
claude
|
|
66
|
+
|
|
67
|
+
# 워크플로우 실행
|
|
68
|
+
/vibe.spec "사용자 인증 추가"
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
---
|
|
72
|
+
|
|
73
|
+
## Figma ↔ 코드
|
|
74
|
+
|
|
75
|
+
양방향. Figma에서 디자인을 읽거나, 기획서에서 Figma에 디자인을 쓰거나.
|
|
76
|
+
|
|
77
|
+
```bash
|
|
78
|
+
# READ — 기존 프로젝트에 UI 추가 (프로젝트 컨벤션 준수)
|
|
79
|
+
/vibe.figma <figma-url> <figma-url>
|
|
80
|
+
|
|
81
|
+
# READ — 신규 독립 페이지 (독립 스타일)
|
|
82
|
+
/vibe.figma --new <figma-url>
|
|
83
|
+
|
|
84
|
+
# WRITE — 기획서에서 Figma 디자인 생성
|
|
85
|
+
/vibe.figma plan.md --create # Full (와이어 + 비주얼 디자인)
|
|
86
|
+
/vibe.figma plan.md --create-storyboard # 와이어만
|
|
87
|
+
/vibe.figma plan.md --create-design # 비주얼 디자인만
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
**READ 동작**: Figma REST API로 노드 트리 + 30개 CSS 속성 추출. Auto Layout → Flexbox 1:1 기계적 매핑. 스크린샷은 검증용 — 트리가 원천.
|
|
91
|
+
|
|
92
|
+
**WRITE 동작**: 기획서의 Look & Feel, 레이아웃, 반응형 전략 섹션을 파싱하여 와이어프레임을 먼저 그리고 (구조 검토), 그 위에 디자인 시스템 컴포넌트로 비주얼 적용. 멱등성 보장 — 기획서 수정 후 재실행하면 변경된 섹션만 갱신.
|
|
93
|
+
|
|
94
|
+
---
|
|
95
|
+
|
|
96
|
+
## 품질 게이트
|
|
97
|
+
|
|
98
|
+
모든 도구 호출마다 3계층 방어:
|
|
99
|
+
|
|
100
|
+
| 계층 | 차단 대상 |
|
|
101
|
+
|------|----------|
|
|
102
|
+
| Pre-commit 훅 | `any` 타입, `@ts-ignore`, `console.log`, 50줄 초과 함수 |
|
|
103
|
+
| 리뷰 에이전트 | 12개 전문 리뷰어 병렬 실행 (보안, 성능, 접근성, 복잡도, ...) |
|
|
104
|
+
| 수렴 루프 | 리뷰 findings P1=0까지 루프. 라운드 캡 없음. Stuck이면 사용자에게 질문, 절대 조용히 넘어가지 않음. |
|
|
105
|
+
|
|
106
|
+
---
|
|
107
|
+
|
|
108
|
+
## 주요 기능
|
|
109
|
+
|
|
110
|
+
**40+ 에이전트** — 탐색, 구현, 아키텍처, 병렬 코드 리뷰, UI/UX 분석, 보안 감사, Figma 분석/빌드.
|
|
111
|
+
|
|
112
|
+
**44개 스킬** — 한 번에 다 로드되지 않음. 3-tier 시스템으로 컨텍스트 과부하 방지:
|
|
113
|
+
|
|
114
|
+
| 티어 | 로드 시점 | 용도 | 예시 |
|
|
115
|
+
|------|----------|------|------|
|
|
116
|
+
| **Core** | 항상 활성 | 버그 방지, 워크플로 진입 | 품질 게이트, 인터뷰, 기획 |
|
|
117
|
+
| **Standard** | `vibe init`이 스택별 선택 | 스택/역할 지원 | figma, design-audit, techdebt |
|
|
118
|
+
| **Optional** | 명시적 `/skill` 호출만 | 레퍼런스, 래퍼 | chub-usage, context7 |
|
|
119
|
+
|
|
120
|
+
**멀티 LLM** — Claude가 오케스트레이션, GPT가 추론, Gemini가 리서치. 가용 모델에 따라 자동 라우팅. 기본값은 Claude 단독. coco 환경(GPT 주관)에서는 Claude CLI가 보조로 전환되어 cross-validation 수행 — `~/.coco/` 감지로 역할 자동 역전.
|
|
121
|
+
|
|
122
|
+
**스택 감지** — 24개 프레임워크 자동 감지 (Next.js, Django, Rails, Go, Rust, Flutter 등) 후 프레임워크별 규칙과 스킬 적용.
|
|
123
|
+
|
|
124
|
+
**세션 메모리** — 결정, 제약, 목표가 SQLite + FTS5 검색으로 세션 간 유지.
|
|
125
|
+
|
|
126
|
+
**Smart Resume** — `.last-feature` 포인터가 마지막 작업을 추적. 인자 없이 `/vibe.spec`을 호출하면 중단된 위치를 보여주거나 진행 중 feature 목록을 제시.
|
|
127
|
+
|
|
128
|
+
---
|
|
129
|
+
|
|
130
|
+
## 지원 도구
|
|
131
|
+
|
|
132
|
+
| CLI | 상태 |
|
|
133
|
+
|-----|------|
|
|
134
|
+
| [Claude Code](https://claude.ai/code) | 전체 지원 |
|
|
135
|
+
| coco (`~/.coco/`) | 전체 지원 (자동 감지) |
|
|
136
|
+
| [Codex](https://github.com/openai/codex) | 플러그인 |
|
|
137
|
+
| [Cursor](https://cursor.sh) | 에이전트 + 룰 |
|
|
138
|
+
| [Gemini CLI](https://github.com/google-gemini/gemini-cli) | 에이전트 + 스킬 |
|
|
139
|
+
|
|
140
|
+
---
|
|
141
|
+
|
|
142
|
+
## 명령어
|
|
143
|
+
|
|
144
|
+
| 명령어 | 용도 |
|
|
145
|
+
|--------|------|
|
|
146
|
+
| `/vibe.spec` | 단일 진입점 — 인터뷰, 기획, SPEC, 리뷰, 그리고 구현까지 |
|
|
147
|
+
| `/vibe.run` | SPEC 기반 구현 |
|
|
148
|
+
| `/vibe.figma` | Figma ↔ 코드 (읽기 또는 쓰기, 3가지 모드) |
|
|
149
|
+
| `/vibe.verify` | 구현이 SPEC에 맞는지 검증 |
|
|
150
|
+
| `/vibe.trace` | 요구사항 추적 매트릭스 |
|
|
151
|
+
|
|
152
|
+
---
|
|
153
|
+
|
|
154
|
+
## 문서
|
|
155
|
+
|
|
156
|
+
상세 가이드, 스킬 레퍼런스, 설정 방법은 [Wiki](https://github.com/su-record/vibe/wiki)를 참고하세요.
|
|
157
|
+
|
|
158
|
+
- [README (English)](README.md)
|
|
159
|
+
- [릴리스 노트](RELEASE_NOTES.md)
|
|
160
|
+
|
|
161
|
+
---
|
|
162
|
+
|
|
163
|
+
## 요구사항
|
|
164
|
+
|
|
165
|
+
- Node.js >= 18.0.0
|
|
166
|
+
- Claude Code (필수)
|
|
167
|
+
- GPT, Gemini (선택)
|
|
168
|
+
|
|
169
|
+
## 라이선스
|
|
170
|
+
|
|
171
|
+
MIT — Copyright (c) 2025 Su
|