@su-record/vibe 3.2.62 → 4.0.0

package/vibe/templates/loop-template.md

@@ -1,85 +0,0 @@
----
-name: {loop-name}
-trigger: scheduled
-schedule: "0 2 * * *"
-goal: "{사람이 읽는 루프 목표 — 한 문장}"
-discover: |
-  {일거리를 발견하는 지시문.
-  여러 줄 사용 가능.
-  예: .vibe/regressions/open/*.md 를 스캔해 우선순위 높은 항목을 반환한다.}
-pipeline:
-  - vibe.spec
-  - vibe.run
-  - vibe.verify
-# ledger(기본) | tests | visual | none
-#   visual: 렌더 결과를 완료 기준으로 삼는다. visual_command(게이트, exit 0)와
-#           artifact_dir(증거, 스크린샷·diff)이 함께 필요하다.
-#           모델이 화면을 보고 판정하는 것이 아니다 — 판정은 exit code 다.
-verify: ledger
-max_iterations: 10
-isolation: none
-# continuous: 한 호출에서 max_iterations 까지 계속 돈다 (기본)
-# per-iteration: 한 바퀴만 돌고 끝낸다 — 반복은 스케줄러가 만든다.
-#   컨텍스트가 호출마다 0에서 시작하므로 누적이 없다. 대신 매번 ANCHOR 문서를
-#   다시 읽어야 하고, 회전 사이 맥락은 파일(원장·인박스)로만 넘어간다.
-#   쓰려면 max_iterations 를 1 로 맞춰야 한다.
-session: continuous
-status: active
----
-
-# 루프: {loop-name}
-
-## 목적
-
-{이 루프가 자동화하는 작업과 그 이유를 1–3문장으로 설명한다.}
-
-## Discover 상세
-
-{`discover` frontmatter 필드의 상세 설명.
-루프 런타임이 어떤 소스를 보는지, 어떤 형식으로 항목이 반환되는지 기술한다.
-
-예시:
-- 스캔 대상: `.vibe/regressions/open/`
-- 반환 형식: `- REQ-XXX-NNN: 설명` 불릿 목록
-- 빈 결과 처리: 항목 없을 시 루프 즉시 종료}
-
-## 항목별 파이프라인
-
-{`pipeline` frontmatter에 나열된 각 스킬이 단일 항목에 대해 수행하는 작업을 설명한다.
-
-| 단계 | 스킬 | 입력 | 출력 |
-|------|------|------|------|
-| 1 | vibe.spec | 항목 설명 | SPEC 파일 |
-| 2 | vibe.run | SPEC | 구현 |
-| 3 | vibe.verify | 구현 | 검증 결과 |
-}
-
-## 종료 조건
-
-{루프가 단일 항목 처리를 완료로 판정하는 조건을 명시한다.}
-
-- `verify: ledger` — `.vibe/metrics/run-ledger.json`의 `verifyPassed === true` (모델 자기 보고 불가)
-- `verify: tests` — `test_command` exit code 0
-- `verify: none` — 파이프라인 마지막 스킬 완료 시
-- 연속 2회 `discoverHash` 동일 → stuck으로 중단, 인박스 기록
-- `max_iterations` 소진 → 잔여를 인박스로 이월. **회전 수는 코드가 센다** —
-  `loop-ledger.js iteration <name> <verified|unverified>` 로 기록하고
-  `budget <name> <max>` 로 확인한다 (모델이 세지 않는다)
-- 실행 실패(스킬 미설치·도구 부재·명령 비정상 종료) → stuck 이 아니라 즉시 종료.
-  같은 방식으로 재시도하지 않는다
-
-전문: `vibe/rules/loop-contract.md` (예산 · 실행 실패 절)
-
-## 인박스 보고 형식
-
-블록 형식과 최신순 정렬은 **명령이 보장한다** — 손으로 마크다운을 쓰지 않는다:
-
-```bash
-node "$HOOKS_DIR/loop-ledger.js" inbox {loop-name} <ok|fail|stuck> \
-  "발견: N건 / 처리: M건 / 검증: {기준과 결과}" \
-  "리뷰 필요: {사람이 확인해야 할 사항 — 없으면 없음}"
-```
-
-기록되는 형식: `## {loop-name} — {ISO 시각} — {결과}` + 본문 줄들.
-
-> 루프는 push·release·배포를 수행하지 않는다. auto-commit verify 게이트 통과 시 커밋까지만.

package/vibe/templates/plan-template.md

@@ -1,194 +0,0 @@
-# PLAN: {Project or Feature Name}
-
-## Metadata
-
-- **Created**: {YYYY-MM-DD}
-- **Author**: {Name}
-- **Status**: DRAFT
-- **Type**: {website | webapp | mobile | api | feature | library}
-- **Language**: {ko | en}
-- **Downstream**: {spec | figma | both}
-
----
-
-## 1. 개요 (Overview)
-
-> 한 줄 요약 — "무엇"인지 비전공자도 이해할 수 있게.
-
-{One-line summary}
-
----
-
-## 2. 배경 (Why)
-
-**왜 만드는가?**
-
-{Motivation, problem being solved}
-
-**왜 지금인가?**
-
-{Trigger — what changed, new opportunity, user pain}
-
----
-
-## 3. 타깃 사용자 (Who)
-
-**주요 사용자**
-
-- {Persona 1}: {상황, 니즈}
-- {Persona 2}: {상황, 니즈}
-
-**사용 맥락**
-
-- 언제: {when}
-- 어디서: {where}
-- 어떤 디바이스로: {device}
-
----
-
-## 4. 목표 & 성공 기준 (Goals)
-
-**달성하려는 것**
-
-- {Goal 1}
-- {Goal 2}
-
-**성공 지표 (측정 가능)**
-
-| 지표 | 현재 | 목표 | 측정 방법 |
-|-----|-----|-----|---------|
-| {Metric 1} | {baseline} | {target} | {how} |
-
----
-
-## 5. 핵심 기능/섹션 (What)
-
-**기능/섹션 리스트 (우선순위)**
-
-| 우선순위 | 항목 | 설명 |
-|--------|-----|-----|
-| Must | {Item 1} | {description} |
-| Must | {Item 2} | {description} |
-| Should | {Item 3} | {description} |
-| Could | {Item 4} | {description} |
-
----
-
-## 6. 범위 (Scope)
-
-**이번 버전 포함**
-
-- {In-scope item 1}
-- {In-scope item 2}
-
-**제외 (Non-goals)**
-
-- {Out-of-scope item 1}
-- {Out-of-scope item 2}
-
----
-
-## 7. Look & Feel
-
-> **UI 프로젝트에서만 작성.** API/라이브러리면 이 섹션 생략.
-
-**분위기/톤**
-
-- {e.g., "미니멀·시네마틱", "친근·유쾌"}
-
-**컬러 방향**
-
-- {e.g., "다크 + 네온 액센트", "파스텔 따뜻한 톤"}
-
-**타이포그래피**
-
-- {e.g., "Serif 헤드라인 + Sans 본문"}
-
-**레퍼런스**
-
-- {URL or 이미지 경로 1}: {무엇을 참고}
-- {URL or 이미지 경로 2}: {무엇을 참고}
-
-**애니메이션/인터랙션**
-
-- {e.g., "스크롤 기반 패럴랙스", "호버 시 부드러운 스케일"}
-
----
-
-## 8. 레이아웃/섹션 구성
-
-> **UI 프로젝트에서만 작성.**
-
-| 순서 | 섹션 | 목적 | 핵심 콘텐츠 |
-|-----|-----|-----|-----------|
-| 1 | Hero | 첫인상, 브랜드 임팩트 | 타이틀, 서브카피, CTA |
-| 2 | {Section} | {purpose} | {content} |
-| 3 | {Section} | {purpose} | {content} |
-
----
-
-## 9. 반응형 전략
-
-> **UI 프로젝트에서만 작성.**
-
-**디바이스 우선순위**
-
-- {e.g., "Desktop first — 주 사용자는 PC", "Mobile first — SNS 유입"}
-
-**브레이크포인트**
-
-- Mobile: {width}
-- Tablet: {width}
-- Desktop: {width}
-
----
-
-## 10. 기술 스택 & 제약
-
-**선호 스택**
-
-- Frontend: {framework}
-- Backend: {framework}
-- DB: {database}
-- Hosting: {platform}
-
-**제약사항**
-
-- 성능: {e.g., "LCP < 2.5s"}
-- 브라우저: {e.g., "최신 2버전"}
-- 접근성: {e.g., "WCAG AA"}
-- 예산: {e.g., "월 $0 (free tier)"}
-
----
-
-## 11. 가정 & 리스크
-
-**가정한 것**
-
-| # | 가정 | 검증 방법 | 틀렸을 때 리스크 |
-|---|-----|---------|--------------|
-| 1 | {assumption} | {how to validate} | {risk} |
-
-**알려진 리스크**
-
-- {Risk 1}: {mitigation}
-- {Risk 2}: {mitigation}
-
----
-
-## 12. 다음 단계 (Handoff)
-
-이 기획서로 아래 워크플로를 시작할 수 있습니다:
-
-| 커맨드 | 결과물 |
-|-------|------|
-| `/vibe.spec "{feature}"` | AI 구현용 코드 명세 → `/vibe.run`으로 기능 구현 |
-| `/vibe.figma` | Figma 디자인 → 프로덕션 UI 코드 |
-| 두 가지 병렬 실행 | 기능 + 디자인 → 웹사이트 프로토타입 |
-
-**권장 순서**
-
-1. `/vibe.spec "{feature}"` → 기능 구조 + API + 데이터 모델 확정
-2. `/vibe.figma` (스토리보드 Phase에서 이 기획서를 참고) → 비주얼 디자인
-3. `/vibe.run "{feature}"` → 구현
-4. 통합 검증 → 프로토타입 완성

package/vibe/templates/spec-template.md

@@ -1,170 +0,0 @@
-# SPEC: {Feature Name}
-
-- **Created**: {YYYY-MM-DD}
-- **Status**: DRAFT | APPROVED | VERIFIED | SUPERSEDED | REJECTED (닫힌 집합 — `npm run validate:spec-lifecycle`)
-- **Class**: feature | bug-fix | simplification | architecture | process | testing
-- **Stakes**: demo | prototype | production — {판정 근거 1구} (SSOT: vibe/rules/loop-contract.md)
-- **Tech Stack**: {Project tech stack summary}
-
----
-
-## 1. Overview / Goal
-
-{What and why — 1-3 sentences.}
-
-### Context Sources
-
-각 항목에 **근거 등급**을 붙인다. 셋이 같은 글머리표로 섞이면 리뷰어가 해석을
-확인으로 읽고, 틀린 전제 위에 구현이 쌓인다.
-
-| 등급 | 뜻 | 함께 적을 것 |
-|---|---|---|
-| `[확인]` | 코드·문서에서 직접 읽었다 | 파일 경로 + 함수/섹션 이름 |
-| `[해석]` | 읽은 것에서 추론했다 | 무엇에서 왜 그렇게 읽었는지 한 줄 |
-| `[모름]` | 확인하지 못했다 | 왜 못 했는지, 무엇이 있어야 알 수 있는지 |
-
-- [확인] {`src/auth/session.ts:createSession` — 만료 24h 상수}
-- [해석] {세션 갱신 경로가 없다 — 갱신 함수도 호출부도 찾지 못했다}
-- [모름] {동시 로그인 정책 — 코드에 흔적 없음, 제품 결정이 필요하다}
-
-> `[모름]` 이 있는 것 자체는 결함이 아니다 — 모른다고 적는 편이 모르는 채로
-> 확언하는 것보다 낫다. 다만 그 항목이 요구사항의 전제라면 Assumptions 로
-> 내리거나 인라인 질문으로 올린다.
-
-### Assumptions
-
-- {Default adopted without asking — e.g., session expiry 24h}
-
-### 되돌리기 어려운 결정
-
-> 3-a 커버리지 스윕에서 `되돌림: 못 되돌린다` 로 판정한 항목만 적는다. **해당 항목이
-> 없으면 이 절을 통째로 지운다** — 해당 없는데 남겨두면 통과 의식이 된다 (Structure
-> 절과 같은 조건부 규약).
->
-> 여기 오는 것은 이미 쌓인 데이터나 외부 계약 때문에 코드만 고쳐서는 못 되돌리는
-> 결정이다: 저장 스키마, 식별자 체계, 과금 단위 등. 각 줄은 전문용어 없이
-> `{무엇을 정했는가} → {나중에 뒤집으면 치를 비용}` 한 줄로 쓴다.
->
-> 이 절의 내용은 `vibe.spec` Step 6 승인 메시지에도 최대 3줄로 노출된다 — SPEC 을
-> 열어보지 않는 사람에게 승인 직전에 한 번은 보이게 하기 위해서다.
-
-- {무엇을 정했는가} → {나중에 뒤집으면 치를 비용}
-
-### Constraints
-
-- {Invariant or implementation boundary that every execution packet must preserve}
-
-### Structure (경계가 바뀔 때만)
-
-> 아래 셋 중 **하나라도** 해당하면 채운다. 아니면 이 절을 통째로 지운다 —
-> 해당 없는데 그려두면 통과 의식이 되고, 시각적 완성도가 정확성을 착각하게 만든다.
->
-> 1. 새 모듈·서비스 **경계**를 만든다
-> 2. **데이터 흐름**이 바뀐다 (읽고 쓰는 주체나 순서)
-> 3. **3개 이상 모듈**을 횡단한다
->
-> 규범은 `vibe.docs` 의 `references/diagram-spec.md` 를 따른다 — 코드에서 확인한
-> 것만 그리고, 확인 못 한 요소는 뺀다. 여기에 다시 적지 않는다(SSOT).
->
-> 목적은 설명이 아니라 **리뷰 표면**이다. 산문으로는 "박스가 빠졌다 / 화살표가
-> 거꾸로다" 가 안 보이지만 그림에서는 승인 전에 보인다.
-
-```mermaid
-graph TB
-  {노드와 간선 — 각 노드 옆에 근거 파일 경로를 주석으로}
-```
-
-### Rejected Alternatives (Traps)
-
-> Approaches considered and rejected, each with a mechanistic reason — so the loop never revisits a dead end. Omit only when no real design choice existed (or on demo/prototype stakes).
-
-- {Rejected approach} — {mechanistic reason it fails, e.g., "shelve is not thread-safe under multi-writer load", not a vague label like "doesn't scale"}
-
----
-
-## 2. Requirements
-
-| ID | Requirement | Done Criteria |
-|----|-------------|---------------|
-| REQ-{feature}-001 | {Observable functional requirement} | D1, D2 |
-
----
-
-## 3. Done Criteria (deterministic gates)
-
-> Each criterion must be judgeable by a command or observable behavior — never by self-report.
-> These are the JUDGE inputs of the loop (`vibe/rules/loop-contract.md`); `/vibe.verify` records the result in `.vibe/metrics/run-ledger.json`.
-
-| # | Criterion | Verified by |
-|---|-----------|-------------|
-| D1 | {e.g., all scenarios in the feature file pass} | {e.g., `npx vitest run` exit 0} |
-| D2 | {e.g., build succeeds with no type errors} | {e.g., `npm run build` exit 0} |
-
-### Evidence Required
-
-- D1 → {Command result, test report, log, screenshot, or verified code location}
-- D2 → {Evidence required for this specific criterion}
-
-### Human Taste (Non-Blocking)
-
-- {UX, brand, or product-quality review reserved for the release decision; never a loop completion gate}
-
----
-
-## 4. Scenarios
-
-> Mirrored to `.vibe/features/{feature}.feature` (gherkin). Every scenario maps to a Done criterion.
-
-```gherkin
-Scenario: {Happy path title}          # → D1
-  Given {precondition}
-  When {action}
-  Then {expected result}
-
-Scenario: {Edge case title}           # → D1
-  Given {precondition}
-  When {action}
-  Then {expected result}
-```
-
----
-
-## 5. Out of Scope
-
-- {Explicitly not doing this time — must not be empty}
-
----
-
-## 6. API Contract (only if the feature exposes an API)
-
-> Presence of this section enables `/vibe.contract` drift detection.
-
-```text
-POST /api/v1/{resource}
-Request: {...}
-Response: 201 {...}
-```
-
----
-
-## 7. Verification
-
-- `/vibe.run "{feature}"` implements scenario-by-scenario, verifying each immediately.
-- `/vibe.verify "{feature}"` judges the Done Criteria and sets `verifyPassed` in the run-ledger.
-- Verification writes `.vibe/runs/{run-id}/evidence.json`; only deterministic Judge results can complete the loop.
-- Model Judge findings are advisory-only. Human Taste is release-only.
-- Gate = all Done Criteria pass (exit codes / observed behavior) — loop continues until gates pass, stuck, or max iterations.
-
----
-
-## Anchors
-
-> **Class 가 feature · bug-fix · architecture 이고 Status 를 VERIFIED 로 올릴 때 필수.**
-> 그 외에는 이 절을 통째로 지운다 — 고정할 코드 경로가 없는 SPEC 에 억지로 요구하면 통과 의식이 된다.
-
-이 SPEC 이 안착한 경로를 나열한다. 여기 적힌 경로가 사라지면 `npm run validate:spec-lifecycle`
-이 실패한다 — 그것이 "코드가 움직였는데 SPEC 이 따라오지 않았다" 를 잡는 유일한 신호다.
-lifecycle 표기만으로는 못 잡는다: 문서는 Status 를 바꾸지 않은 채 늙기 때문이다.
-
-- `{src/auth/session.ts}`
-- `{src/auth/session.test.ts}`

package/vibe/ui-ux-data/charts.csv

@@ -1,26 +0,0 @@
-No,Data Type,Keywords,Best Chart Type,Secondary Options,Color Guidance,Performance Impact,Accessibility Notes,Library Recommendation,Interactive Level
-1,Trend Over Time,"trend, time-series, line, growth, timeline, progress",Line Chart,"Area Chart, Smooth Area",Primary: #0080FF. Multiple series: use distinct colors. Fill: 20% opacity,⚡ Excellent (optimized),✓ Clear line patterns for colorblind users. Add pattern overlays.,"Chart.js, Recharts, ApexCharts",Hover + Zoom
-2,Compare Categories,"compare, categories, bar, comparison, ranking",Bar Chart (Horizontal or Vertical),"Column Chart, Grouped Bar",Each bar: distinct color. Category: grouped same color. Sorted: descending order,⚡ Excellent,✓ Easy to compare. Add value labels on bars for clarity.,"Chart.js, Recharts, D3.js",Hover + Sort
-3,Part-to-Whole,"part-to-whole, pie, donut, percentage, proportion, share",Pie Chart or Donut,"Stacked Bar, Treemap",Colors: 5-6 max. Contrasting palette. Large slices first. Use labels.,⚡ Good (limit 6 slices),⚠ Hard for accessibility. Better: Stacked bar with legend. Avoid pie if >5 items.,"Chart.js, Recharts, D3.js",Hover + Drill
-4,Correlation/Distribution,"correlation, distribution, scatter, relationship, pattern",Scatter Plot or Bubble Chart,"Heat Map, Matrix",Color axis: gradient (blue-red). Size: relative. Opacity: 0.6-0.8 to show density,⚠ Moderate (many points),⚠ Provide data table alternative. Use pattern + color distinction.,"D3.js, Plotly, Recharts",Hover + Brush
-5,Heatmap/Intensity,"heatmap, heat-map, intensity, density, matrix",Heat Map or Choropleth,"Grid Heat Map, Bubble Heat",Gradient: Cool (blue) to Hot (red). Scale: clear legend. Divergent for ±data,⚡ Excellent (color CSS),⚠ Colorblind: Use pattern overlay. Provide numerical legend.,"D3.js, Plotly, ApexCharts",Hover + Zoom
-6,Geographic Data,"geographic, map, location, region, geo, spatial","Choropleth Map, Bubble Map",Geographic Heat Map,Regional: single color gradient or categorized colors. Legend: clear scale,⚠ Moderate (rendering),⚠ Include text labels for regions. Provide data table alternative.,"D3.js, Mapbox, Leaflet",Pan + Zoom + Drill
-7,Funnel/Flow,funnel/flow,"Funnel Chart, Sankey",Waterfall (for flows),Stages: gradient (starting color → ending color). Show conversion %,⚡ Good,✓ Clear stage labels + percentages. Good for accessibility if labeled.,"D3.js, Recharts, Custom SVG",Hover + Drill
-8,Performance vs Target,performance-vs-target,Gauge Chart or Bullet Chart,"Dial, Thermometer",Performance: Red→Yellow→Green gradient. Target: marker line. Threshold colors,⚡ Good,✓ Add numerical value + percentage label beside gauge.,"D3.js, ApexCharts, Custom SVG",Hover
-9,Time-Series Forecast,time-series-forecast,Line with Confidence Band,Ribbon Chart,Actual: solid line #0080FF. Forecast: dashed #FF9500. Band: light shading,⚡ Good,✓ Clearly distinguish actual vs forecast. Add legend.,"Chart.js, ApexCharts, Plotly",Hover + Toggle
-10,Anomaly Detection,anomaly-detection,Line Chart with Highlights,Scatter with Alert,Normal: blue #0080FF. Anomaly: red #FF0000 circle/square marker + alert,⚡ Good,✓ Circle/marker for anomalies. Add text alert annotation.,"D3.js, Plotly, ApexCharts",Hover + Alert
-11,Hierarchical/Nested Data,hierarchical/nested-data,Treemap,"Sunburst, Nested Donut, Icicle",Parent: distinct hues. Children: lighter shades. White borders 2-3px.,⚠ Moderate,⚠ Poor - provide table alternative. Label large areas.,"D3.js, Recharts, ApexCharts",Hover + Drilldown
-12,Flow/Process Data,flow/process-data,Sankey Diagram,"Alluvial, Chord Diagram",Gradient from source to target. Opacity 0.4-0.6 for flows.,⚠ Moderate,⚠ Poor - provide flow table alternative.,"D3.js (d3-sankey), Plotly",Hover + Drilldown
-13,Cumulative Changes,cumulative-changes,Waterfall Chart,"Stacked Bar, Cascade",Increases: #4CAF50. Decreases: #F44336. Start: #2196F3. End: #0D47A1.,⚡ Good,✓ Good - clear directional colors with labels.,"ApexCharts, Highcharts, Plotly",Hover
-14,Multi-Variable Comparison,multi-variable-comparison,Radar/Spider Chart,"Parallel Coordinates, Grouped Bar",Single: #0080FF 20% fill. Multiple: distinct colors per dataset.,⚡ Good,⚠ Moderate - limit 5-8 axes. Add data table.,"Chart.js, Recharts, ApexCharts",Hover + Toggle
-15,Stock/Trading OHLC,stock/trading-ohlc,Candlestick Chart,"OHLC Bar, Heikin-Ashi",Bullish: #26A69A. Bearish: #EF5350. Volume: 40% opacity below.,⚡ Good,⚠ Moderate - provide OHLC data table.,"Lightweight Charts (TradingView), ApexCharts",Real-time + Hover + Zoom
-16,Relationship/Connection Data,relationship/connection-data,Network Graph,"Hierarchical Tree, Adjacency Matrix",Node types: categorical colors. Edges: #90A4AE 60% opacity.,❌ Poor (500+ nodes struggles),❌ Very Poor - provide adjacency list alternative.,"D3.js (d3-force), Vis.js, Cytoscape.js",Drilldown + Hover + Drag
-17,Distribution/Statistical,distribution/statistical,Box Plot,"Violin Plot, Beeswarm",Box: #BBDEFB. Border: #1976D2. Median: #D32F2F. Outliers: #F44336.,⚡ Excellent,"✓ Good - include stats table (min, Q1, median, Q3, max).","Plotly, D3.js, Chart.js (plugin)",Hover
-18,Performance vs Target (Compact),performance-vs-target-(compact),Bullet Chart,"Gauge, Progress Bar","Ranges: #FFCDD2, #FFF9C4, #C8E6C9. Performance: #1976D2. Target: black 3px.",⚡ Excellent,✓ Excellent - compact with clear values.,"D3.js, Plotly, Custom SVG",Hover
-19,Proportional/Percentage,proportional/percentage,Waffle Chart,"Pictogram, Stacked Bar 100%",10x10 grid. 3-5 categories max. 2-3px spacing between squares.,⚡ Good,✓ Good - better than pie for accessibility.,"D3.js, React-Waffle, Custom CSS Grid",Hover
-20,Hierarchical Proportional,hierarchical-proportional,Sunburst Chart,"Treemap, Icicle, Circle Packing",Center to outer: darker to lighter. 15-20% lighter per level.,⚠ Moderate,⚠ Poor - provide hierarchy table alternative.,"D3.js (d3-hierarchy), Recharts, ApexCharts",Drilldown + Hover
-21,Root Cause Analysis,"root cause, decomposition, tree, hierarchy, drill-down, ai-split",Decomposition Tree,"Decision Tree, Flow Chart",Nodes: #2563EB (Primary) vs #EF4444 (Negative impact). Connectors: Neutral grey.,⚠ Moderate (calculation heavy),✓ clear hierarchy. Allow keyboard navigation for nodes.,"Power BI (native), React-Flow, Custom D3.js",Drill + Expand
-22,3D Spatial Data,"3d, spatial, immersive, terrain, molecular, volumetric",3D Scatter/Surface Plot,"Volumetric Rendering, Point Cloud",Depth cues: lighting/shading. Z-axis: color gradient (cool to warm).,❌ Heavy (WebGL required),❌ Poor - requires alternative 2D view or data table.,"Three.js, Deck.gl, Plotly 3D",Rotate + Zoom + VR
-23,Real-Time Streaming,"streaming, real-time, ticker, live, velocity, pulse",Streaming Area Chart,"Ticker Tape, Moving Gauge",Current: Bright Pulse (#00FF00). History: Fading opacity. Grid: Dark.,⚡ Optimized (canvas/webgl),⚠ Flashing elements - provide pause button. High contrast.,Smoothed D3.js, CanvasJS
-24,Sentiment/Emotion,"sentiment, emotion, nlp, opinion, feeling",Word Cloud with Sentiment,"Sentiment Arc, Radar Chart",Positive: #22C55E. Negative: #EF4444. Neutral: #94A3B8. Size = Frequency.,⚡ Good,⚠ Word clouds poor for screen readers. Use list view.,"D3-cloud, Highcharts, Nivo",Hover + Filter
-25,Process Mining,"process, mining, variants, path, bottleneck, log",Process Map / Graph,"Directed Acyclic Graph (DAG), Petri Net",Happy path: #10B981 (Thick). Deviations: #F59E0B (Thin). Bottlenecks: #EF4444.,⚠ Moderate to Heavy,⚠ Complex graphs hard to navigate. Provide path summary.,"React-Flow, Cytoscape.js, Recharts",Drag + Node-Click

package/vibe/ui-ux-data/colors.csv

@@ -1,97 +0,0 @@
-No,Product Type,Primary (Hex),Secondary (Hex),CTA (Hex),Background (Hex),Text (Hex),Border (Hex),Notes
-1,SaaS (General),#2563EB,#3B82F6,#F97316,#F8FAFC,#1E293B,#E2E8F0,Trust blue + orange CTA contrast
-2,Micro SaaS,#6366F1,#818CF8,#10B981,#F5F3FF,#1E1B4B,#E0E7FF,Indigo primary + emerald CTA
-3,E-commerce,#059669,#10B981,#F97316,#ECFDF5,#064E3B,#A7F3D0,Success green + urgency orange
-4,E-commerce Luxury,#1C1917,#44403C,#CA8A04,#FAFAF9,#0C0A09,#D6D3D1,Premium dark + gold accent
-5,Service Landing Page,#0EA5E9,#38BDF8,#F97316,#F0F9FF,#0C4A6E,#BAE6FD,Sky blue trust + warm CTA
-6,B2B Service,#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,Professional navy + blue CTA
-7,Financial Dashboard,#0F172A,#1E293B,#22C55E,#020617,#F8FAFC,#334155,Dark bg + green positive indicators
-8,Analytics Dashboard,#1E40AF,#3B82F6,#F59E0B,#F8FAFC,#1E3A8A,#DBEAFE,Blue data + amber highlights
-9,Healthcare App,#0891B2,#22D3EE,#059669,#ECFEFF,#164E63,#A5F3FC,Calm cyan + health green
-10,Educational App,#4F46E5,#818CF8,#F97316,#EEF2FF,#1E1B4B,#C7D2FE,Playful indigo + energetic orange
-11,Creative Agency,#EC4899,#F472B6,#06B6D4,#FDF2F8,#831843,#FBCFE8,Bold pink + cyan accent
-12,Portfolio/Personal,#18181B,#3F3F46,#2563EB,#FAFAFA,#09090B,#E4E4E7,Monochrome + blue accent
-13,Gaming,#7C3AED,#A78BFA,#F43F5E,#0F0F23,#E2E8F0,#4C1D95,Neon purple + rose action
-14,Government/Public Service,#0F172A,#334155,#0369A1,#F8FAFC,#020617,#E2E8F0,High contrast navy + blue
-15,Fintech/Crypto,#F59E0B,#FBBF24,#8B5CF6,#0F172A,#F8FAFC,#334155,Gold trust + purple tech
-16,Social Media App,#E11D48,#FB7185,#2563EB,#FFF1F2,#881337,#FECDD3,Vibrant rose + engagement blue
-17,Productivity Tool,#0D9488,#14B8A6,#F97316,#F0FDFA,#134E4A,#99F6E4,Teal focus + action orange
-18,Design System/Component Library,#4F46E5,#6366F1,#F97316,#EEF2FF,#312E81,#C7D2FE,Indigo brand + doc hierarchy
-19,AI/Chatbot Platform,#7C3AED,#A78BFA,#06B6D4,#FAF5FF,#1E1B4B,#DDD6FE,AI purple + cyan interactions
-20,NFT/Web3 Platform,#8B5CF6,#A78BFA,#FBBF24,#0F0F23,#F8FAFC,#4C1D95,Purple tech + gold value
-21,Creator Economy Platform,#EC4899,#F472B6,#F97316,#FDF2F8,#831843,#FBCFE8,Creator pink + engagement orange
-22,Sustainability/ESG Platform,#059669,#10B981,#0891B2,#ECFDF5,#064E3B,#A7F3D0,Nature green + ocean blue
-23,Remote Work/Collaboration Tool,#6366F1,#818CF8,#10B981,#F5F3FF,#312E81,#E0E7FF,Calm indigo + success green
-24,Mental Health App,#8B5CF6,#C4B5FD,#10B981,#FAF5FF,#4C1D95,#EDE9FE,Calming lavender + wellness green
-25,Pet Tech App,#F97316,#FB923C,#2563EB,#FFF7ED,#9A3412,#FED7AA,Playful orange + trust blue
-26,Smart Home/IoT Dashboard,#1E293B,#334155,#22C55E,#0F172A,#F8FAFC,#475569,Dark tech + status green
-27,EV/Charging Ecosystem,#0891B2,#22D3EE,#22C55E,#ECFEFF,#164E63,#A5F3FC,Electric cyan + eco green
-28,Subscription Box Service,#D946EF,#E879F9,#F97316,#FDF4FF,#86198F,#F5D0FE,Excitement purple + urgency orange
-29,Podcast Platform,#1E1B4B,#312E81,#F97316,#0F0F23,#F8FAFC,#4338CA,Dark audio + warm accent
-30,Dating App,#E11D48,#FB7185,#F97316,#FFF1F2,#881337,#FECDD3,Romantic rose + warm orange
-31,Micro-Credentials/Badges Platform,#0369A1,#0EA5E9,#CA8A04,#F0F9FF,#0C4A6E,#BAE6FD,Trust blue + achievement gold
-32,Knowledge Base/Documentation,#475569,#64748B,#2563EB,#F8FAFC,#1E293B,#E2E8F0,Neutral grey + link blue
-33,Hyperlocal Services,#059669,#10B981,#F97316,#ECFDF5,#064E3B,#A7F3D0,Location green + action orange
-34,Beauty/Spa/Wellness Service,#EC4899,#F9A8D4,#8B5CF6,#FDF2F8,#831843,#FBCFE8,Soft pink + lavender luxury
-35,Luxury/Premium Brand,#1C1917,#44403C,#CA8A04,#FAFAF9,#0C0A09,#D6D3D1,Premium black + gold accent
-36,Restaurant/Food Service,#DC2626,#F87171,#CA8A04,#FEF2F2,#450A0A,#FECACA,Appetizing red + warm gold
-37,Fitness/Gym App,#F97316,#FB923C,#22C55E,#1F2937,#F8FAFC,#374151,Energy orange + success green
-38,Real Estate/Property,#0F766E,#14B8A6,#0369A1,#F0FDFA,#134E4A,#99F6E4,Trust teal + professional blue
-39,Travel/Tourism Agency,#0EA5E9,#38BDF8,#F97316,#F0F9FF,#0C4A6E,#BAE6FD,Sky blue + adventure orange
-40,Hotel/Hospitality,#1E3A8A,#3B82F6,#CA8A04,#F8FAFC,#1E40AF,#BFDBFE,Luxury navy + gold service
-41,Wedding/Event Planning,#DB2777,#F472B6,#CA8A04,#FDF2F8,#831843,#FBCFE8,Romantic pink + elegant gold
-42,Legal Services,#1E3A8A,#1E40AF,#B45309,#F8FAFC,#0F172A,#CBD5E1,Authority navy + trust gold
-43,Insurance Platform,#0369A1,#0EA5E9,#22C55E,#F0F9FF,#0C4A6E,#BAE6FD,Security blue + protected green
-44,Banking/Traditional Finance,#0F172A,#1E3A8A,#CA8A04,#F8FAFC,#020617,#E2E8F0,Trust navy + premium gold
-45,Online Course/E-learning,#0D9488,#2DD4BF,#F97316,#F0FDFA,#134E4A,#5EEAD4,Progress teal + achievement orange
-46,Non-profit/Charity,#0891B2,#22D3EE,#F97316,#ECFEFF,#164E63,#A5F3FC,Compassion blue + action orange
-47,Music Streaming,#1E1B4B,#4338CA,#22C55E,#0F0F23,#F8FAFC,#312E81,Dark audio + play green
-48,Video Streaming/OTT,#0F0F23,#1E1B4B,#E11D48,#000000,#F8FAFC,#312E81,Cinema dark + play red
-49,Job Board/Recruitment,#0369A1,#0EA5E9,#22C55E,#F0F9FF,#0C4A6E,#BAE6FD,Professional blue + success green
-50,Marketplace (P2P),#7C3AED,#A78BFA,#22C55E,#FAF5FF,#4C1D95,#DDD6FE,Trust purple + transaction green
-51,Logistics/Delivery,#2563EB,#3B82F6,#F97316,#EFF6FF,#1E40AF,#BFDBFE,Tracking blue + delivery orange
-52,Agriculture/Farm Tech,#15803D,#22C55E,#CA8A04,#F0FDF4,#14532D,#BBF7D0,Earth green + harvest gold
-53,Construction/Architecture,#64748B,#94A3B8,#F97316,#F8FAFC,#334155,#E2E8F0,Industrial grey + safety orange
-54,Automotive/Car Dealership,#1E293B,#334155,#DC2626,#F8FAFC,#0F172A,#E2E8F0,Premium dark + action red
-55,Photography Studio,#18181B,#27272A,#F8FAFC,#000000,#FAFAFA,#3F3F46,Pure black + white contrast
-56,Coworking Space,#F59E0B,#FBBF24,#2563EB,#FFFBEB,#78350F,#FDE68A,Energetic amber + booking blue
-57,Cleaning Service,#0891B2,#22D3EE,#22C55E,#ECFEFF,#164E63,#A5F3FC,Fresh cyan + clean green
-58,Home Services (Plumber/Electrician),#1E40AF,#3B82F6,#F97316,#EFF6FF,#1E3A8A,#BFDBFE,Professional blue + urgent orange
-59,Childcare/Daycare,#F472B6,#FBCFE8,#22C55E,#FDF2F8,#9D174D,#FCE7F3,Soft pink + safe green
-60,Senior Care/Elderly,#0369A1,#38BDF8,#22C55E,#F0F9FF,#0C4A6E,#E0F2FE,Calm blue + reassuring green
-61,Medical Clinic,#0891B2,#22D3EE,#22C55E,#F0FDFA,#134E4A,#CCFBF1,Medical teal + health green
-62,Pharmacy/Drug Store,#15803D,#22C55E,#0369A1,#F0FDF4,#14532D,#BBF7D0,Pharmacy green + trust blue
-63,Dental Practice,#0EA5E9,#38BDF8,#FBBF24,#F0F9FF,#0C4A6E,#BAE6FD,Fresh blue + smile yellow
-64,Veterinary Clinic,#0D9488,#14B8A6,#F97316,#F0FDFA,#134E4A,#99F6E4,Caring teal + warm orange
-65,Florist/Plant Shop,#15803D,#22C55E,#EC4899,#F0FDF4,#14532D,#BBF7D0,Natural green + floral pink
-66,Bakery/Cafe,#92400E,#B45309,#F8FAFC,#FEF3C7,#78350F,#FDE68A,Warm brown + cream white
-67,Coffee Shop,#78350F,#92400E,#FBBF24,#FEF3C7,#451A03,#FDE68A,Coffee brown + warm gold
-68,Brewery/Winery,#7C2D12,#B91C1C,#CA8A04,#FEF2F2,#450A0A,#FECACA,Deep burgundy + craft gold
-69,Airline,#1E3A8A,#3B82F6,#F97316,#EFF6FF,#1E40AF,#BFDBFE,Sky blue + booking orange
-70,News/Media Platform,#DC2626,#EF4444,#1E40AF,#FEF2F2,#450A0A,#FECACA,Breaking red + link blue
-71,Magazine/Blog,#18181B,#3F3F46,#EC4899,#FAFAFA,#09090B,#E4E4E7,Editorial black + accent pink
-72,Freelancer Platform,#6366F1,#818CF8,#22C55E,#EEF2FF,#312E81,#C7D2FE,Creative indigo + hire green
-73,Consulting Firm,#0F172A,#334155,#CA8A04,#F8FAFC,#020617,#E2E8F0,Authority navy + premium gold
-74,Marketing Agency,#EC4899,#F472B6,#06B6D4,#FDF2F8,#831843,#FBCFE8,Bold pink + creative cyan
-75,Event Management,#7C3AED,#A78BFA,#F97316,#FAF5FF,#4C1D95,#DDD6FE,Excitement purple + action orange
-76,Conference/Webinar Platform,#1E40AF,#3B82F6,#22C55E,#EFF6FF,#1E3A8A,#BFDBFE,Professional blue + join green
-77,Membership/Community,#7C3AED,#A78BFA,#22C55E,#FAF5FF,#4C1D95,#DDD6FE,Community purple + join green
-78,Newsletter Platform,#0369A1,#0EA5E9,#F97316,#F0F9FF,#0C4A6E,#BAE6FD,Trust blue + subscribe orange
-79,Digital Products/Downloads,#6366F1,#818CF8,#22C55E,#EEF2FF,#312E81,#C7D2FE,Digital indigo + buy green
-80,Church/Religious Organization,#7C3AED,#A78BFA,#CA8A04,#FAF5FF,#4C1D95,#DDD6FE,Spiritual purple + warm gold
-81,Sports Team/Club,#DC2626,#EF4444,#FBBF24,#FEF2F2,#7F1D1D,#FECACA,Team red + championship gold
-82,Museum/Gallery,#18181B,#27272A,#F8FAFC,#FAFAFA,#09090B,#E4E4E7,Gallery black + white space
-83,Theater/Cinema,#1E1B4B,#312E81,#CA8A04,#0F0F23,#F8FAFC,#4338CA,Dramatic dark + spotlight gold
-84,Language Learning App,#4F46E5,#818CF8,#22C55E,#EEF2FF,#312E81,#C7D2FE,Learning indigo + progress green
-85,Coding Bootcamp,#0F172A,#1E293B,#22C55E,#020617,#F8FAFC,#334155,Terminal dark + success green
-86,Cybersecurity Platform,#00FF41,#0D0D0D,#FF3333,#000000,#E0E0E0,#1F1F1F,Matrix green + alert red
-87,Developer Tool / IDE,#1E293B,#334155,#22C55E,#0F172A,#F8FAFC,#475569,Code dark + run green
-88,Biotech / Life Sciences,#0EA5E9,#0284C7,#10B981,#F0F9FF,#0C4A6E,#BAE6FD,DNA blue + life green
-89,Space Tech / Aerospace,#F8FAFC,#94A3B8,#3B82F6,#0B0B10,#F8FAFC,#1E293B,Star white + launch blue
-90,Architecture / Interior,#171717,#404040,#D4AF37,#FFFFFF,#171717,#E5E5E5,Minimal black + accent gold
-91,Quantum Computing,#00FFFF,#7B61FF,#FF00FF,#050510,#E0E0FF,#333344,Quantum cyan + interference purple
-92,Biohacking / Longevity,#FF4D4D,#4D94FF,#00E676,#F5F5F7,#1C1C1E,#E5E5EA,Bio red/blue + vitality green
-93,Autonomous Systems,#00FF41,#008F11,#FF3333,#0D1117,#E6EDF3,#30363D,Terminal green + alert red
-94,Generative AI Art,#18181B,#3F3F46,#EC4899,#FAFAFA,#09090B,#E4E4E7,Canvas neutral + creative pink
-95,Spatial / Vision OS,#FFFFFF,#E5E5E5,#007AFF,#888888,#000000,#CCCCCC,Glass white + system blue
-96,Climate Tech,#059669,#10B981,#FBBF24,#ECFDF5,#064E3B,#A7F3D0,Nature green + solar gold