@su-record/vibe 3.2.62 → 4.0.0

package/skills/vibe.analyze/references/mode4-quality.md

@@ -1,35 +0,0 @@
-# Mode 4: Project Quality Analysis (--code/--deps/--arch)
-
-> vibe.analyze SKILL.md 의 모드 라우팅에서 **이 모드가 선택됐을 때만** 로드한다.
-
-## Mode 4: Project Quality Analysis (--code/--deps/--arch)
-
-### Scope
-
-- **Default** (`/vibe.analyze`): Full analysis (code + dependencies + architecture)
-- `--code`: Code quality only
-- `--deps`: Dependency analysis only
-- `--arch`: Architecture analysis only
-
-### Code Quality (--code)
-
-- Cyclomatic complexity analysis
-- Code quality validation
-- Coupling/cohesion assessment
-
-### Dependencies (--deps)
-
-- Read `package.json` / `pyproject.toml` / `pubspec.yaml`
-- Detect version conflicts, security vulnerabilities, outdated packages
-
-### Architecture (--arch)
-
-- Identify core modules
-- Map module dependencies
-- Detect circular dependencies and layer violations
-
-### Report
-
-Save to `.vibe/reports/analysis-{date}.md`:
-
-> Read `references/output-templates.md` for the full Mode 4 report format.

package/skills/vibe.analyze/references/output-templates.md

@@ -1,188 +0,0 @@
-# Analyze Output Templates — Full Reference
-
-> Loaded by vibe.analyze SKILL.md for the Mode 1–4 output formats, the Mode 1 Next Steps decision tables, the Mode 1 stack directory mapping, and the Mode 2 document-type table.
-
-## Mode 1: Project Structure — Stack Directory Mapping
-
-**Backend:**
-- FastAPI/Django: `app/api/`, `app/services/`, `app/models/`
-- Express/NestJS: `src/controllers/`, `src/services/`, `src/models/`
-
-**Frontend:**
-- React/Next.js: `src/components/`, `src/pages/`, `src/hooks/`
-- Flutter: `lib/screens/`, `lib/services/`, `lib/providers/`
-
-## Mode 1: Scale for Large Projects (6+ related files) — Additional Agent Prompts
-
-```text
-Agent(subagent_type="Explore",
-  prompt="Find all test files related to [FEATURE]. Identify tested vs untested paths.")
-
-Agent(subagent_type="Explore",
-  prompt="Analyze [FEATURE] configuration, environment variables, and external integrations.")
-```
-
-## Mode 1: Feature/Module Analysis — Output
-
-```markdown
-## [feature-name] Analysis Results
-
-### Overview
-- **Feature**: [one-line summary]
-- **Status**: [Complete / In progress / Not implemented]
-- **Files**: N related files
-
-### Structure
-
-#### API Endpoints
-| Method | Path | Description | Auth |
-|--------|------|-------------|------|
-| POST | /api/v1/auth/login | User login | None |
-
-#### Core Services
-- `auth_service.py`: Authentication logic
-  - `login()`: Processes login
-  - `verify_token()`: Validates JWT
-
-#### Data Models
-- `User`: User table
-  - Key fields: id, email, password_hash
-  - Relationships: Session (1:N)
-
-### Reference Files
-- src/api/auth/router.py:L10-50
-- src/services/auth_service.py:L1-100
-```
-
-## Mode 1: Next Steps — Decision Tables
-
-After analysis, suggest mode-specific follow-up actions:
-
-**After code/feature analysis:**
-
-| Task Scope | Approach |
-|------------|----------|
-| Simple fix (1-2 files) | Plan Mode |
-| Complex feature (3+ files) | `/vibe.spec` |
-
-**After document analysis:**
-
-| Goal | Approach |
-|------|----------|
-| Apply findings to project | `/vibe.spec "feature-name"` |
-| Derive improvement direction | Plan Mode |
-| Compare with another source | `/vibe.analyze [other target]` |
-
-**After website analysis:**
-
-| Goal | Approach |
-|------|----------|
-| Build similar product | `/vibe.spec` |
-| Improve existing UI | `/vibe.figma` |
-| Compare with another site | `/vibe.analyze [other URL]` |
-
-## Mode 2: Classify Document Type
-
-| Type | Analysis Focus |
-|------|---------------|
-| Technical spec | API definitions, data models, sequence diagrams |
-| Presentation/slides | Key claims, frameworks, case studies |
-| PRD/requirements | User stories, acceptance criteria, scope |
-| Business document | Strategy, decision points, action items |
-| Research/academic | Methodology, conclusions, applicability |
-
-## Mode 2: Document Analysis — Output
-
-```markdown
-## [Document Name] Analysis
-
-### Overview
-- **Type**: [Presentation / Technical spec / PRD / ...]
-- **Topic**: [one-line summary]
-- **Pages/Sections**: N
-- **Audience**: [Developers / PMs / Executives / ...]
-
-### Key Content
-1. **[Concept 1]**: Description
-2. **[Concept 2]**: Description
-
-### Frameworks/Models (if any)
-- [Systematic structure presented in the document]
-
-### Project Relevance
-| Recommendation | Current State | Gap |
-|----------------|---------------|-----|
-| ... | ... | ... |
-
-### Key Insights
-- [Most important takeaway]
-
-### Suggested Actions
-1. ...
-```
-
-## Mode 3: Website Analysis — Output
-
-```markdown
-## [URL] Analysis
-
-### Overview
-- **Site type**: [SaaS / E-commerce / Portfolio / ...]
-- **Tech stack**: [Next.js, Tailwind, ...]
-- **Overall score**: N/100
-
-### Technical Analysis
-| Area | Detection | Details |
-|------|-----------|---------|
-| Framework | React/Next.js | SSR enabled |
-| CSS | Tailwind CSS | v3.4 |
-
-### UX/UI Analysis
-- **Navigation**: [assessment]
-- **CTA placement**: [assessment]
-- **Responsive design**: [assessment]
-
-### SEO Analysis (N/100)
-| Element | Status | Recommendation |
-|---------|--------|----------------|
-| Title | Present | Appropriate length |
-| Meta Description | Missing | Add description |
-
-### Accessibility (WCAG 2.1 AA)
-- **Semantic HTML**: [assessment]
-- **Keyboard navigation**: [assessment]
-- **Screen reader support**: [assessment]
-
-### Improvement Suggestions
-1. [highest priority]
-2. ...
-```
-
-## Mode 4: Project Quality Analysis — Report
-
-Save to `.vibe/reports/analysis-{date}.md`:
-
-```markdown
-# Project Analysis Report
-
-## Overview
-- Analysis date: YYYY-MM-DD HH:MM
-- Scope: Full / Code / Deps / Arch
-
-## Code Quality (N/100)
-- Average complexity: N (good/warning/critical)
-- High complexity files: N
-
-## Dependencies (N/100)
-- Total packages: N
-- Updates needed: N
-- Security issues: N
-
-## Architecture (N/100)
-- Circular dependencies: N found
-- Layer violations: N
-
-## Improvement Suggestions
-1. ...
-2. ...
-```

package/skills/vibe.analyze/references/quality-gate.md

@@ -1,93 +0,0 @@
-# Analyze Quality Gate — Full Reference
-
-> Loaded by vibe.analyze SKILL.md for the mode-specific weighted checklists, score calculation, depth levels, forbidden-patterns table, and quality thresholds.
-
-### Mode-Specific Checklists
-
-**Code/Feature Analysis:**
-
-| Category | Check Item | Weight |
-|----------|------------|--------|
-| Completeness | All related files identified | 20% |
-| Completeness | All API endpoints documented | 15% |
-| Completeness | All data models mapped | 15% |
-| Accuracy | File paths verified to exist | 10% |
-| Accuracy | Line numbers accurate | 10% |
-| Depth | Business logic explained | 10% |
-| Depth | Dependencies mapped | 10% |
-| Actionability | Next steps clearly defined | 10% |
-
-**Document Analysis:**
-
-| Category | Check Item | Weight |
-|----------|------------|--------|
-| Completeness | Full document read | 20% |
-| Completeness | All key concepts extracted | 20% |
-| Structure | Section structure identified | 15% |
-| Depth | Project relevance analyzed | 15% |
-| Depth | Gap analysis performed | 15% |
-| Actionability | Specific follow-up actions suggested | 15% |
-
-**Website Analysis:**
-
-| Category | Check Item | Weight |
-|----------|------------|--------|
-| Completeness | HTML fetched and parsed | 15% |
-| Tech | Tech stack identified | 15% |
-| UX | UX/UI patterns analyzed | 15% |
-| SEO | SEO elements inspected | 15% |
-| A11y | Accessibility checked | 15% |
-| Performance | Performance hints analyzed | 10% |
-| Actionability | Improvements suggested | 15% |
-
-### Score Calculation
-
-```
-Score = sum(checked items * weight) / 100
-
-Grades:
-- 95-100: EXCELLENT — comprehensive analysis
-- 90-94:  GOOD — minor gaps, additional exploration recommended
-- 80-89:  FAIR — needs deeper exploration
-- 0-79:   POOR — incomplete, re-analyze
-```
-
-### Depth Levels
-
-| Level | Scope | Output |
-|-------|-------|--------|
-| L1: Surface | File names, basic structure | File list |
-| L2: Structure | Functions, classes, imports | Structure map |
-| L3: Logic | Business logic, data flow | Flow analysis |
-| L4: Deep | Edge cases, dependencies, risks | Full analysis |
-
-**Minimum**: L3 for feature analysis, L2 for project overview.
-
-### Forbidden Patterns
-
-| Pattern | Problem | Fix |
-|---------|---------|-----|
-| "and more..." | Incomplete | List all items |
-| "etc." | Vague | Be specific |
-| "related files" without paths | Missing detail | Provide file paths |
-| Missing line numbers | Hard to navigate | Use `:L10-50` format |
-| No auth info on endpoints | Security gap | Always specify auth |
-
-### Quality Thresholds
-
-**Code (`--code`):**
-
-| Metric | Good | Warning | Critical |
-|--------|------|---------|----------|
-| Avg Complexity | ≤10 | 11-15 | >15 |
-| Max Function Length | ≤30 | 31-50 | >50 |
-| High Complexity Files | 0 | 1-3 | >3 |
-| Circular Dependencies | 0 | 1 | >1 |
-
-**Dependencies (`--deps`):**
-
-| Metric | Good | Warning | Critical |
-|--------|------|---------|----------|
-| Outdated Packages | 0-3 | 4-10 | >10 |
-| Security Vulnerabilities | 0 | 1-2 (low) | Any high/critical |
-| Major Version Behind | 0 | 1-2 | >2 |

package/skills/vibe.brand-assets/SKILL.md

@@ -1,148 +0,0 @@
----
-name: vibe.brand-assets
-invocation: [auto]
-tier: standard
-description: "Auto-generate app icons (iOS/Android/PWA), favicons, and OG images from SPEC brand information using the Antigravity image backend. Use when the project needs visual brand assets, when user mentions 'icon', 'favicon', 'logo', or 'brand assets', or when a SPEC defines brand colors/identity but no assets exist yet. Outputs multiple sizes and formats ready for deployment. Not for complex illustration or marketing graphics — focused on app identity assets."
-triggers: [favicon, logo, app icon, brand assets, branding, og image]
-priority: 60
----
-# Brand Assets Generation Skill
-
-Auto-generate app icons and favicons based on SPEC brand information.
-
-## When to Use
-
-- First-time project setup with `/vibe.run`
-- When SPEC contains brand/design information
-- When Antigravity API key is configured
-
-## Prerequisites
-
-- Antigravity API key configured (`vibe antigravity key <key>`)
-- SPEC with brand context (app name, colors, style)
-
-## Generated Assets
-
-### Web
-- `favicon.ico` (16x16, 32x32, 48x48)
-- `favicon-16x16.png`
-- `favicon-32x32.png`
-- `apple-touch-icon.png` (180x180)
-- `android-chrome-192x192.png`
-- `android-chrome-512x512.png`
-
-### Mobile (if applicable)
-
-For native iOS or Android targets only, read `references/mobile-assets.md`. Web-only favicon/OG calls do not load it.
-
-## SPEC Brand Section
-
-For best results, include brand info in your SPEC:
-
-```yaml
-<context>
-Brand:
-  - App Name: MyApp
-  - Primary Color: #2F6BFF
-  - Style: Modern, minimal, flat design
-  - Icon Concept: Abstract geometric shape representing connectivity
-</context>
-```
-
-## Generation Flow
-
-```
-SPEC Brand Info
-      |
-      v
-Extract: name, colors, style keywords
-      |
-      v
-Generate Prompt: "App icon for [name], [style], [colors]..."
-      |
-      v
-Antigravity image backend
-      |
-      v
-Resize & Convert: All platform sizes
-      |
-      v
-Save to: public/ or assets/
-```
-
-## Auto-Trigger Conditions
-
-1. First `/vibe.run` execution (no existing icons)
-2. SPEC contains brand/design context
-3. Antigravity API key is available
-4. `--generate-icons` flag passed
-
-## Skip Conditions
-
-- Icons already exist (unless `--regenerate-icons`)
-- No brand info in SPEC
-- Antigravity API not configured
-
-## Prompt Template
-
-```
-Create a modern app icon for "[APP_NAME]".
-
-Style: [STYLE_KEYWORDS]
-Primary color: [PRIMARY_COLOR]
-Design: Minimalist, professional, suitable for mobile app
-Format: Square, clean edges, simple recognizable shape
-Background: Solid color or subtle gradient
-
-Requirements:
-- Works at small sizes (16x16 to 512x512)
-- No text or letters
-- Single focal element
-- High contrast for visibility
-```
-
-## Manual Usage
-
-```bash
-# [LLM_SCRIPT] = {{CORE_PATH}}/hooks/scripts/llm-orchestrate.js
-# Generate via llm-orchestrate (when Antigravity configured)
-node "[LLM_SCRIPT]" antigravity image "App icon for MyApp, primary color #2F6BFF, square format 1:1, simple recognizable design, works well at small sizes, no text or letters, solid or gradient background, modern minimalist" --output "./public/app-icon.png"
-```
-
-## Integration with /vibe.run
-
-During Phase 1 (Setup), if brand assets don't exist:
-
-1. Parse SPEC for brand context
-2. Generate icon via Antigravity image backend
-3. Create all size variants
-4. Place in appropriate directories
-5. Update manifest files if needed
-
-## Fallback Strategy
-
-If Antigravity image generation fails:
-1. Generate text-based monogram icon (first letter)
-2. Use project primary color as background
-3. Create simple geometric placeholder
-
-## Output Structure
-
-```
-public/
-  favicon.ico
-  favicon-16x16.png
-  favicon-32x32.png
-  apple-touch-icon.png
-  android-chrome-192x192.png
-  android-chrome-512x512.png
-  site.webmanifest
-```
-
-## Done Criteria (K4)
-
-- [ ] All required sizes generated (16x16 through 512x512)
-- [ ] Icons work at small sizes (recognizable at 16x16)
-- [ ] No text/letters in icon (illegible at small sizes)
-- [ ] `site.webmanifest` updated with icon paths
-- [ ] Fallback generated if Antigravity API unavailable

package/skills/vibe.brand-assets/references/mobile-assets.md

@@ -1,6 +0,0 @@
-# Native Mobile Brand Assets
-
-Load only when the target includes a native iOS or Android app.
-
-- iOS: `AppIcon.appiconset/` with all sizes
-- Android: `mipmap-*/` adaptive icons

package/skills/vibe.brand-assets/rubrics/asset-checklist.md

@@ -1,98 +0,0 @@
-# Required Brand Assets Checklist
-
-Complete this checklist before shipping. Each missing item is a gap in brand completeness.
-
----
-
-## Tier 1 — Blocking (must exist before launch)
-
-### Favicon & App Icons
-
-- [ ] `favicon.ico` — 16×16, 32×32, 48×48 combined
-- [ ] `favicon-16x16.png`
-- [ ] `favicon-32x32.png`
-- [ ] `apple-touch-icon.png` — 180×180
-- [ ] `android-chrome-192x192.png`
-- [ ] `android-chrome-512x512.png`
-- [ ] `site.webmanifest` — references all icon paths, correct `name` and `theme_color`
-
-### Logo
-
-- [ ] Primary logo (SVG) — color version
-- [ ] Primary logo (SVG) — white/reversed version for dark backgrounds
-- [ ] Icon-only version (SVG) — usable at 32px minimum
-
----
-
-## Tier 2 — Important (should exist before public launch)
-
-### Open Graph / Social Sharing
-
-- [ ] `og-image.png` — 1200×630px, includes logo and product name
-- [ ] `twitter-image.png` — 1200×600px or reuse OG image
-- [ ] OG meta tags in `<head>`: `og:title`, `og:description`, `og:image`, `og:url`
-- [ ] Twitter card meta tags: `twitter:card`, `twitter:image`
-
-### iOS / PWA
-
-- [ ] `apple-touch-icon.png` correctly linked in `<head>`
-- [ ] `maskable_icon.png` — 512×512, safe zone within inner 80% (for Android adaptive icons)
-- [ ] PWA manifest includes `purpose: "any maskable"` entry
-- [ ] `theme-color` meta tag set to brand primary color
-
----
-
-## Tier 3 — Complete (production-quality brand presence)
-
-### Email Assets
-
-- [ ] Email header logo — 300×80px max, hosted URL (not local path)
-- [ ] Email footer logo — monochrome version
-
-### Documentation / Marketing
-
-- [ ] Logo usage guidelines documented
-- [ ] Color codes documented (HEX, RGB, HSL)
-- [ ] Font names and weights documented
-- [ ] Do/don't logo usage examples
-
----
-
-## Quality Checks
-
-### Icon Quality
-
-- [ ] Icon is recognizable at 16×16 (no fine details lost)
-- [ ] No text or letters in icon (illegible at small sizes)
-- [ ] Single focal element (not a scene or complex composition)
-- [ ] Works on both white and dark backgrounds
-- [ ] Consistent visual weight with similar products in the app's ecosystem
-
-### File Formats
-
-- [ ] SVG files are clean (no Figma/Illustrator junk metadata)
-- [ ] PNG files are optimized (use `pngcrush` or equivalent)
-- [ ] ICO file contains all three sizes (16, 32, 48)
-- [ ] All files referenced in manifest actually exist
-
-### Colors in Assets
-
-- [ ] Icon colors match brand color palette exactly (no approximations)
-- [ ] OG image background uses brand color, not generic gray
-- [ ] Logo SVG uses `currentColor` or hardcoded brand values (never browser defaults)
-
----
-
-## Asset Inventory
-
-| Asset | File Path | Size | Format | Status |
-|-------|-----------|------|--------|--------|
-| Primary logo | {{LOGO_PATH}} | — | SVG | {{STATUS}} |
-| Logo white | {{LOGO_WHITE_PATH}} | — | SVG | {{STATUS}} |
-| App icon | {{ICON_PATH}} | 512×512 | PNG | {{STATUS}} |
-| Favicon bundle | `public/favicon.ico` | 16/32/48 | ICO | {{STATUS}} |
-| Apple touch | `public/apple-touch-icon.png` | 180×180 | PNG | {{STATUS}} |
-| Android 192 | `public/android-chrome-192x192.png` | 192×192 | PNG | {{STATUS}} |
-| Android 512 | `public/android-chrome-512x512.png` | 512×512 | PNG | {{STATUS}} |
-| OG image | `public/og-image.png` | 1200×630 | PNG | {{STATUS}} |
-| Maskable icon | `public/maskable-icon.png` | 512×512 | PNG | {{STATUS}} |