@su-record/vibe 2.3.0 → 2.3.2

package/agents/tester.md

@@ -1,49 +1,49 @@
-# Tester Agent (Haiku 4.5)
-
-Test writing specialist sub-agent.
-
-## Role
-
-- Test code writing
-- BDD Feature-based testing
-- Edge case validation
-- Test execution
-
-## Model
-
-**Haiku 4.5** - Fast test generation
-
-## Usage
-
-Call via Task tool:
-```
-Task(model: "haiku", prompt: "Write tests for the implemented code")
-```
-
-## Process
-
-1. Check `.claude/vibe/features/{feature-name}.feature`
-2. Analyze implemented code
-3. Write test cases
-4. Run tests
-5. Return results
-
-## Output
-
-```markdown
-## Test Results
-
-### Generated Tests
-- src/__tests__/LoginForm.test.tsx
-- src/__tests__/useLogin.test.ts
-
-### Coverage
-- Statements: 85%
-- Branches: 80%
-- Functions: 90%
-
-### Execution Results
-✅ 12 passed
-⏭️ 0 skipped
-❌ 0 failed
-```
+# Tester Agent (Haiku 4.5)
+
+Test writing specialist sub-agent.
+
+## Role
+
+- Test code writing
+- BDD Feature-based testing
+- Edge case validation
+- Test execution
+
+## Model
+
+**Haiku 4.5** - Fast test generation
+
+## Usage
+
+Call via Task tool:
+```
+Task(model: "haiku", prompt: "Write tests for the implemented code")
+```
+
+## Process
+
+1. Check `.claude/vibe/features/{feature-name}.feature`
+2. Analyze implemented code
+3. Write test cases
+4. Run tests
+5. Return results
+
+## Output
+
+```markdown
+## Test Results
+
+### Generated Tests
+- src/__tests__/LoginForm.test.tsx
+- src/__tests__/useLogin.test.ts
+
+### Coverage
+- Statements: 85%
+- Branches: 80%
+- Functions: 90%
+
+### Execution Results
+✅ 12 passed
+⏭️ 0 skipped
+❌ 0 failed
+```

package/agents/ui-previewer.md

@@ -1,137 +1,137 @@
----
-description: Preview UI with ASCII art
-argument-hint: "UI description"
----
-
-# /vibe.ui
-
-Preview UI with ASCII art.
-
-## Usage
-
-```
-/vibe.ui "login page"
-/vibe.ui "dashboard" --layout grid
-```
-
-## Process
-
-### 1. Analyze UI Description
-
-Analyze user's requested UI description:
-- Page/component name
-- Required UI elements (buttons, inputs, cards, etc.)
-- Layout structure (header-footer, sidebar, grid, etc.)
-
-### 2. Use MCP Tool
-
-Use `mcp__su-record-hi-ai__preview_ui_ascii` tool to generate ASCII art:
-
-```javascript
-{
-  page_name: "Login Page",
-  layout_type: "centered",
-  components: [
-    { type: "header", label: "Welcome", position: "top" },
-    { type: "input", label: "Email", position: "center" },
-    { type: "input", label: "Password", position: "center" },
-    { type: "button", label: "Login", position: "center" }
-  ]
-}
-```
-
-### 3. Output ASCII Art
-
-Output generated ASCII art:
-
-```
-┌─────────────────────────────────────────┐
-│               Welcome                    │
-├─────────────────────────────────────────┤
-│                                          │
-│         ┌─────────────────────┐          │
-│  Email: │                     │          │
-│         └─────────────────────┘          │
-│                                          │
-│         ┌─────────────────────┐          │
-│  Pass:  │                     │          │
-│         └─────────────────────┘          │
-│                                          │
-│         ┌─────────────────────┐          │
-│         │       Login         │          │
-│         └─────────────────────┘          │
-│                                          │
-└─────────────────────────────────────────┘
-```
-
-### 4. Generate Component List
-
-Suggest list of components needed for UI:
-
-**Required Components:**
-- `Header.tsx` - Header ("Welcome")
-- `LoginForm.tsx` - Form container
-- `Input.tsx` - Reusable input field
-- `Button.tsx` - Login button
-
-**Expected File Structure:**
-```
-src/
-├── components/
-│   ├── common/
-│   │   ├── Input.tsx
-│   │   └── Button.tsx
-│   └── auth/
-│       ├── Header.tsx
-│       └── LoginForm.tsx
-└── pages/
-    └── LoginPage.tsx
-```
-
-## Example
-
-```
-User: /vibe.ui "Dashboard page - header, sidebar, main content (3 cards), footer"
-
-Claude: Generating dashboard UI preview...
-
-┌────────────────────────────────────────────────────────┐
-│  [Logo]  Dashboard                    [User] [Logout]  │
-├────────┬───────────────────────────────────────────────┤
-│        │                                               │
-│ Home   │  ┌──────────┐ ┌──────────┐ ┌──────────┐      │
-│ Stats  │  │  Card 1  │ │  Card 2  │ │  Card 3  │      │
-│ Users  │  │          │ │          │ │          │      │
-│ Settings│  │  100     │ │  200     │ │  50      │      │
-│        │  └──────────┘ └──────────┘ └──────────┘      │
-│        │                                               │
-│        │                                               │
-├────────┴───────────────────────────────────────────────┤
-│  © 2025 Company                    Privacy | Terms    │
-└────────────────────────────────────────────────────────┘
-
-**Required Components:**
-1. Header (logo, user menu)
-2. Sidebar (navigation)
-3. StatsCard (reusable card)
-4. Footer (copyright, links)
-5. DashboardLayout (overall layout)
-
-**Layout Structure:**
-- Layout: sidebar (fixed left)
-- Main: grid (3 columns)
-- Responsive: Changes to 1 column on mobile
-
-Next step:
-  vibe spec "dashboard page"
-```
-
-## Notes
-
-- For complex UI, request in multiple parts
-- Layout options: `sidebar`, `header-footer`, `grid`, `centered`, `split`
-- ASCII art is for quick visualization before actual implementation
-
----
-
-ARGUMENTS: $ARGUMENTS
+---
+description: Preview UI with ASCII art
+argument-hint: "UI description"
+---
+
+# /vibe.ui
+
+Preview UI with ASCII art.
+
+## Usage
+
+```
+/vibe.ui "login page"
+/vibe.ui "dashboard" --layout grid
+```
+
+## Process
+
+### 1. Analyze UI Description
+
+Analyze user's requested UI description:
+- Page/component name
+- Required UI elements (buttons, inputs, cards, etc.)
+- Layout structure (header-footer, sidebar, grid, etc.)
+
+### 2. Use MCP Tool
+
+Use `mcp__su-record-hi-ai__preview_ui_ascii` tool to generate ASCII art:
+
+```javascript
+{
+  page_name: "Login Page",
+  layout_type: "centered",
+  components: [
+    { type: "header", label: "Welcome", position: "top" },
+    { type: "input", label: "Email", position: "center" },
+    { type: "input", label: "Password", position: "center" },
+    { type: "button", label: "Login", position: "center" }
+  ]
+}
+```
+
+### 3. Output ASCII Art
+
+Output generated ASCII art:
+
+```
+┌─────────────────────────────────────────┐
+│               Welcome                    │
+├─────────────────────────────────────────┤
+│                                          │
+│         ┌─────────────────────┐          │
+│  Email: │                     │          │
+│         └─────────────────────┘          │
+│                                          │
+│         ┌─────────────────────┐          │
+│  Pass:  │                     │          │
+│         └─────────────────────┘          │
+│                                          │
+│         ┌─────────────────────┐          │
+│         │       Login         │          │
+│         └─────────────────────┘          │
+│                                          │
+└─────────────────────────────────────────┘
+```
+
+### 4. Generate Component List
+
+Suggest list of components needed for UI:
+
+**Required Components:**
+- `Header.tsx` - Header ("Welcome")
+- `LoginForm.tsx` - Form container
+- `Input.tsx` - Reusable input field
+- `Button.tsx` - Login button
+
+**Expected File Structure:**
+```
+src/
+├── components/
+│   ├── common/
+│   │   ├── Input.tsx
+│   │   └── Button.tsx
+│   └── auth/
+│       ├── Header.tsx
+│       └── LoginForm.tsx
+└── pages/
+    └── LoginPage.tsx
+```
+
+## Example
+
+```
+User: /vibe.ui "Dashboard page - header, sidebar, main content (3 cards), footer"
+
+Claude: Generating dashboard UI preview...
+
+┌────────────────────────────────────────────────────────┐
+│  [Logo]  Dashboard                    [User] [Logout]  │
+├────────┬───────────────────────────────────────────────┤
+│        │                                               │
+│ Home   │  ┌──────────┐ ┌──────────┐ ┌──────────┐      │
+│ Stats  │  │  Card 1  │ │  Card 2  │ │  Card 3  │      │
+│ Users  │  │          │ │          │ │          │      │
+│ Settings│  │  100     │ │  200     │ │  50      │      │
+│        │  └──────────┘ └──────────┘ └──────────┘      │
+│        │                                               │
+│        │                                               │
+├────────┴───────────────────────────────────────────────┤
+│  © 2025 Company                    Privacy | Terms    │
+└────────────────────────────────────────────────────────┘
+
+**Required Components:**
+1. Header (logo, user menu)
+2. Sidebar (navigation)
+3. StatsCard (reusable card)
+4. Footer (copyright, links)
+5. DashboardLayout (overall layout)
+
+**Layout Structure:**
+- Layout: sidebar (fixed left)
+- Main: grid (3 columns)
+- Responsive: Changes to 1 column on mobile
+
+Next step:
+  vibe spec "dashboard page"
+```
+
+## Notes
+
+- For complex UI, request in multiple parts
+- Layout options: `sidebar`, `header-footer`, `grid`, `centered`, `split`
+- ASCII art is for quick visualization before actual implementation
+
+---
+
+ARGUMENTS: $ARGUMENTS