opencodekit 0.3.3 → 0.5.0
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/dist/index.js +10 -1
- package/dist/template/.opencode/AGENTS.md +78 -55
- package/dist/template/.opencode/agent/build.md +20 -0
- package/dist/template/.opencode/agent/rush.md +27 -15
- package/dist/template/.opencode/agent/vision.md +95 -60
- package/dist/template/.opencode/command/accessibility-check.md +66 -0
- package/dist/template/.opencode/command/analyze-mockup.md +43 -0
- package/dist/template/.opencode/command/design-audit.md +53 -0
- package/dist/template/.opencode/command/edit-image.md +40 -0
- package/dist/template/.opencode/command/generate-diagram.md +48 -0
- package/dist/template/.opencode/command/generate-icon.md +40 -0
- package/dist/template/.opencode/command/generate-image.md +27 -0
- package/dist/template/.opencode/command/generate-pattern.md +41 -0
- package/dist/template/.opencode/command/generate-storyboard.md +41 -0
- package/dist/template/.opencode/command/init.md +176 -0
- package/dist/template/.opencode/command/new-feature.md +137 -0
- package/dist/template/.opencode/command/research-ui.md +34 -27
- package/dist/template/.opencode/command/restore-image.md +39 -0
- package/dist/template/.opencode/command/revert-feature.md +127 -0
- package/dist/template/.opencode/command/ui-review.md +26 -34
- package/dist/template/.opencode/memory/project/README.md +59 -0
- package/dist/template/.opencode/memory/project/architecture.md +26 -0
- package/dist/template/.opencode/memory/project/commands.md +26 -0
- package/dist/template/.opencode/memory/project/conventions.md +26 -0
- package/dist/template/.opencode/memory/project/gotchas.md +26 -0
- package/dist/template/.opencode/memory/user.example.md +21 -0
- package/dist/template/.opencode/memory/user.md +21 -0
- package/dist/template/.opencode/opencode.json +475 -457
- package/dist/template/.opencode/package.json +1 -2
- package/dist/template/.opencode/skills/accessibility-audit/SKILL.md +180 -0
- package/dist/template/.opencode/skills/design-system-audit/SKILL.md +141 -0
- package/dist/template/.opencode/skills/frontend-aesthetics/SKILL.md +40 -65
- package/dist/template/.opencode/skills/mockup-to-code/SKILL.md +158 -0
- package/dist/template/.opencode/skills/ui-ux-research/SKILL.md +60 -131
- package/dist/template/.opencode/skills/visual-analysis/SKILL.md +130 -0
- package/package.json +1 -1
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Edit image with natural language instructions
|
|
3
|
+
argument-hint: "<image-path> <edit-instruction>"
|
|
4
|
+
agent: vision
|
|
5
|
+
model: proxypal/gemini-3-pro-image-preview
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Edit Image: $ARGUMENTS
|
|
9
|
+
|
|
10
|
+
Edit an existing image using natural language.
|
|
11
|
+
|
|
12
|
+
## Instructions
|
|
13
|
+
|
|
14
|
+
Parse from `$ARGUMENTS`:
|
|
15
|
+
|
|
16
|
+
- Image path (first argument)
|
|
17
|
+
- Edit instruction (remaining text)
|
|
18
|
+
|
|
19
|
+
## Examples
|
|
20
|
+
|
|
21
|
+
- `screenshot.png remove the background`
|
|
22
|
+
- `logo.png change the color to blue`
|
|
23
|
+
- `photo.jpg add a sunset sky`
|
|
24
|
+
- `ui.png make the button larger`
|
|
25
|
+
|
|
26
|
+
## Process
|
|
27
|
+
|
|
28
|
+
1. Load and analyze the source image
|
|
29
|
+
2. Understand the edit request
|
|
30
|
+
3. Apply the edit preserving unaffected areas
|
|
31
|
+
4. Save to `.opencode/memory/design/edited/` with descriptive name
|
|
32
|
+
|
|
33
|
+
## Output
|
|
34
|
+
|
|
35
|
+
Report:
|
|
36
|
+
|
|
37
|
+
- Original image analysis
|
|
38
|
+
- Edit applied
|
|
39
|
+
- Output path
|
|
40
|
+
- Offer refinements
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Generate technical diagrams, flowcharts, wireframes
|
|
3
|
+
argument-hint: "<description> [type: flowchart|wireframe|architecture|erd|sequence]"
|
|
4
|
+
agent: vision
|
|
5
|
+
model: proxypal/gemini-3-flash-preview
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Generate Diagram: $ARGUMENTS
|
|
9
|
+
|
|
10
|
+
Generate technical diagrams and visual documentation.
|
|
11
|
+
|
|
12
|
+
## Instructions
|
|
13
|
+
|
|
14
|
+
Parse from `$ARGUMENTS`:
|
|
15
|
+
|
|
16
|
+
- Diagram description
|
|
17
|
+
- Type (default: flowchart)
|
|
18
|
+
|
|
19
|
+
## Types
|
|
20
|
+
|
|
21
|
+
- **flowchart**: Process flows, decision trees
|
|
22
|
+
- **wireframe**: UI layouts, screen mockups
|
|
23
|
+
- **architecture**: System architecture, components
|
|
24
|
+
- **erd**: Entity relationship diagrams
|
|
25
|
+
- **sequence**: Interaction sequences
|
|
26
|
+
|
|
27
|
+
## Output Formats
|
|
28
|
+
|
|
29
|
+
Generate both:
|
|
30
|
+
|
|
31
|
+
1. Visual image (PNG)
|
|
32
|
+
2. Mermaid/PlantUML code equivalent
|
|
33
|
+
|
|
34
|
+
## Process
|
|
35
|
+
|
|
36
|
+
1. Parse the description into structural elements
|
|
37
|
+
2. Create clean, professional diagram
|
|
38
|
+
3. Use consistent styling
|
|
39
|
+
4. Include legend if complex
|
|
40
|
+
|
|
41
|
+
## Output
|
|
42
|
+
|
|
43
|
+
Save to `.opencode/memory/design/diagrams/`:
|
|
44
|
+
|
|
45
|
+
- Diagram image
|
|
46
|
+
- Mermaid code file (.mmd)
|
|
47
|
+
|
|
48
|
+
Report files and display the Mermaid code inline.
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Generate app icons in multiple sizes
|
|
3
|
+
argument-hint: "<description> [platform: ios|android|web|all] [style: flat|3d|minimal]"
|
|
4
|
+
agent: vision
|
|
5
|
+
model: proxypal/gemini-3-pro-image-preview
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Generate Icon: $ARGUMENTS
|
|
9
|
+
|
|
10
|
+
Generate app icons optimized for different platforms.
|
|
11
|
+
|
|
12
|
+
## Instructions
|
|
13
|
+
|
|
14
|
+
Parse from `$ARGUMENTS`:
|
|
15
|
+
|
|
16
|
+
- Description of icon
|
|
17
|
+
- Platform (default: all)
|
|
18
|
+
- Style (default: minimal)
|
|
19
|
+
|
|
20
|
+
## Platforms & Sizes
|
|
21
|
+
|
|
22
|
+
**iOS**: 1024x1024, 180x180, 120x120, 60x60
|
|
23
|
+
**Android**: 512x512, 192x192, 144x144, 96x96, 48x48
|
|
24
|
+
**Web**: favicon.ico, 32x32, 16x16, apple-touch-icon
|
|
25
|
+
|
|
26
|
+
## Style Options
|
|
27
|
+
|
|
28
|
+
- **flat**: Clean, no shadows
|
|
29
|
+
- **3d**: Depth, gradients, shadows
|
|
30
|
+
- **minimal**: Simple shapes, limited colors
|
|
31
|
+
|
|
32
|
+
## Output
|
|
33
|
+
|
|
34
|
+
Save to `.opencode/memory/design/icons/`:
|
|
35
|
+
|
|
36
|
+
- Master icon at highest resolution
|
|
37
|
+
- All platform-specific sizes
|
|
38
|
+
- Include manifest.json for web
|
|
39
|
+
|
|
40
|
+
Report all generated files.
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Generate images using Gemini image models
|
|
3
|
+
argument-hint: "<prompt> [--style=<style>] [--pro]"
|
|
4
|
+
agent: vision
|
|
5
|
+
model: proxypal/gemini-3-pro-image-preview
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Generate Image: $ARGUMENTS
|
|
9
|
+
|
|
10
|
+
Generate an image based on the provided prompt.
|
|
11
|
+
|
|
12
|
+
## Instructions
|
|
13
|
+
|
|
14
|
+
Parse the prompt and any style modifiers from `$ARGUMENTS`.
|
|
15
|
+
|
|
16
|
+
If `--pro` flag is present, confirm using the Pro model for higher quality.
|
|
17
|
+
|
|
18
|
+
Create a detailed image generation prompt that includes:
|
|
19
|
+
|
|
20
|
+
- The core subject/scene from user's prompt
|
|
21
|
+
- Style direction if `--style` was specified
|
|
22
|
+
- Composition and lighting suggestions
|
|
23
|
+
- Any relevant artistic details
|
|
24
|
+
|
|
25
|
+
Generate the image and save to `.opencode/memory/design/images/` with a descriptive filename.
|
|
26
|
+
|
|
27
|
+
Report the generated image path and offer to refine if needed.
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Generate seamless patterns and textures
|
|
3
|
+
argument-hint: "<description> [type: geometric|organic|abstract|texture] [colors: <palette>]"
|
|
4
|
+
agent: vision
|
|
5
|
+
model: proxypal/gemini-3-pro-image-preview
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Generate Pattern: $ARGUMENTS
|
|
9
|
+
|
|
10
|
+
Generate seamless, tileable patterns and textures.
|
|
11
|
+
|
|
12
|
+
## Instructions
|
|
13
|
+
|
|
14
|
+
Parse from `$ARGUMENTS`:
|
|
15
|
+
|
|
16
|
+
- Pattern description
|
|
17
|
+
- Type (default: geometric)
|
|
18
|
+
- Color palette (optional)
|
|
19
|
+
|
|
20
|
+
## Types
|
|
21
|
+
|
|
22
|
+
- **geometric**: Shapes, grids, lines
|
|
23
|
+
- **organic**: Nature-inspired, flowing
|
|
24
|
+
- **abstract**: Artistic, experimental
|
|
25
|
+
- **texture**: Material surfaces (wood, marble, fabric)
|
|
26
|
+
|
|
27
|
+
## Requirements
|
|
28
|
+
|
|
29
|
+
- Must tile seamlessly in all directions
|
|
30
|
+
- Generate at 512x512 minimum
|
|
31
|
+
- Include both light and dark variants if useful
|
|
32
|
+
|
|
33
|
+
## Output
|
|
34
|
+
|
|
35
|
+
Save to `.opencode/memory/design/patterns/`:
|
|
36
|
+
|
|
37
|
+
- Main pattern file
|
|
38
|
+
- Tiled preview showing seamless repeat
|
|
39
|
+
- CSS snippet for background usage
|
|
40
|
+
|
|
41
|
+
Report generated files and usage example.
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Generate sequential images for visual storytelling
|
|
3
|
+
argument-hint: "<story-description> [frames: N] [style: comic|realistic|sketch]"
|
|
4
|
+
agent: vision
|
|
5
|
+
model: proxypal/gemini-3-pro-image-preview
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Generate Storyboard: $ARGUMENTS
|
|
9
|
+
|
|
10
|
+
Generate a sequence of images telling a visual story.
|
|
11
|
+
|
|
12
|
+
## Instructions
|
|
13
|
+
|
|
14
|
+
Parse from `$ARGUMENTS`:
|
|
15
|
+
|
|
16
|
+
- Story description or script
|
|
17
|
+
- Number of frames (default: 4)
|
|
18
|
+
- Visual style (default: sketch)
|
|
19
|
+
|
|
20
|
+
## Styles
|
|
21
|
+
|
|
22
|
+
- **comic**: Bold lines, panels, speech bubbles
|
|
23
|
+
- **realistic**: Photo-realistic scenes
|
|
24
|
+
- **sketch**: Hand-drawn, rough storyboard style
|
|
25
|
+
|
|
26
|
+
## Process
|
|
27
|
+
|
|
28
|
+
1. Break story into key moments
|
|
29
|
+
2. Maintain visual consistency (characters, settings)
|
|
30
|
+
3. Generate each frame with clear narrative progression
|
|
31
|
+
4. Number frames sequentially
|
|
32
|
+
|
|
33
|
+
## Output
|
|
34
|
+
|
|
35
|
+
Save to `.opencode/memory/design/storyboards/<story-name>/`:
|
|
36
|
+
|
|
37
|
+
- Individual frame images (01.png, 02.png, etc.)
|
|
38
|
+
- Combined storyboard sheet
|
|
39
|
+
- Scene descriptions text file
|
|
40
|
+
|
|
41
|
+
Report generated sequence.
|
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Initialize project for AI-assisted development (creates AGENTS.md + memory files)
|
|
3
|
+
argument-hint: "[--deep] [--skip-questions]"
|
|
4
|
+
agent: planner
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# Init: $ARGUMENTS
|
|
8
|
+
|
|
9
|
+
One command to onboard a project. Creates project-root AGENTS.md and populates memory files.
|
|
10
|
+
|
|
11
|
+
## Options
|
|
12
|
+
|
|
13
|
+
- `--deep`: Comprehensive research (~100+ tool calls). Git history, patterns, contributors.
|
|
14
|
+
- `--skip-questions`: Skip upfront questions, infer from git config.
|
|
15
|
+
|
|
16
|
+
Default: Standard research (~20-50 tool calls).
|
|
17
|
+
|
|
18
|
+
## Phase 1: Upfront Questions
|
|
19
|
+
|
|
20
|
+
Unless `--skip-questions`, ask in one message:
|
|
21
|
+
|
|
22
|
+
1. **Identity**: "Which git contributor are you?" (show top 5 from `git shortlog -sn --all | head -5`)
|
|
23
|
+
2. **Communication**: "Terse or detailed responses?"
|
|
24
|
+
3. **Workflow**: "Auto-commit or ask-first?"
|
|
25
|
+
4. **Rules**: "Any rules I should always follow?"
|
|
26
|
+
|
|
27
|
+
If skipped, infer identity from `git config user.name` and `git config user.email`.
|
|
28
|
+
|
|
29
|
+
## Phase 2: Detect Project
|
|
30
|
+
|
|
31
|
+
### Always Check
|
|
32
|
+
|
|
33
|
+
- `package.json`, `go.mod`, `pyproject.toml`, `Cargo.toml` - tech stack
|
|
34
|
+
- `README.md` - project description
|
|
35
|
+
- `.github/workflows/`, `.gitlab-ci.yml` - CI/CD
|
|
36
|
+
- `Makefile`, `justfile` - build commands
|
|
37
|
+
- Existing rules: `.cursor/rules/`, `.cursorrules`, `.github/copilot-instructions.md`
|
|
38
|
+
|
|
39
|
+
### With --deep
|
|
40
|
+
|
|
41
|
+
- `git shortlog -sn --all | head -10` - contributors
|
|
42
|
+
- `git log --format="%s" -50` - commit conventions
|
|
43
|
+
- `git branch -a` - branching strategy
|
|
44
|
+
- Source file analysis for patterns
|
|
45
|
+
|
|
46
|
+
## Phase 3: Create Project-Root AGENTS.md
|
|
47
|
+
|
|
48
|
+
Create `./AGENTS.md` (project root, ~20-30 lines):
|
|
49
|
+
|
|
50
|
+
```markdown
|
|
51
|
+
## Build/Lint/Test Commands
|
|
52
|
+
|
|
53
|
+
**Build**: [detected command]
|
|
54
|
+
**Test**: [detected command, include single-test syntax]
|
|
55
|
+
**Lint**: [detected command]
|
|
56
|
+
|
|
57
|
+
## Code Style
|
|
58
|
+
|
|
59
|
+
**Imports**: [detected pattern]
|
|
60
|
+
**Formatting**: [tool used, e.g., prettier, black]
|
|
61
|
+
**Types**: [strict, optional, none]
|
|
62
|
+
**Naming**: [conventions detected]
|
|
63
|
+
**Error Handling**: [pattern detected]
|
|
64
|
+
|
|
65
|
+
## Project-Specific Rules
|
|
66
|
+
|
|
67
|
+
[Include any rules from .cursorrules, copilot-instructions, or user-provided]
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
If AGENTS.md exists, improve it - don't overwrite blindly.
|
|
71
|
+
|
|
72
|
+
## Phase 4: Populate Memory Files
|
|
73
|
+
|
|
74
|
+
### .opencode/memory/user.md
|
|
75
|
+
|
|
76
|
+
```markdown
|
|
77
|
+
---
|
|
78
|
+
purpose: User identity, preferences, communication style
|
|
79
|
+
updated: [today]
|
|
80
|
+
---
|
|
81
|
+
|
|
82
|
+
# User Profile
|
|
83
|
+
|
|
84
|
+
## Identity
|
|
85
|
+
|
|
86
|
+
- Name: [from git/questions]
|
|
87
|
+
- Git contributor: [email/username]
|
|
88
|
+
|
|
89
|
+
## Preferences
|
|
90
|
+
|
|
91
|
+
- Communication: [terse/detailed]
|
|
92
|
+
- Workflow: [auto-commit/ask-first]
|
|
93
|
+
|
|
94
|
+
## Rules
|
|
95
|
+
|
|
96
|
+
[from Phase 1]
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
### .opencode/memory/project/commands.md
|
|
100
|
+
|
|
101
|
+
```markdown
|
|
102
|
+
---
|
|
103
|
+
purpose: Build, test, lint, deploy commands
|
|
104
|
+
updated: [today]
|
|
105
|
+
---
|
|
106
|
+
|
|
107
|
+
# Commands
|
|
108
|
+
|
|
109
|
+
## Build
|
|
110
|
+
|
|
111
|
+
[detected]
|
|
112
|
+
|
|
113
|
+
## Test
|
|
114
|
+
|
|
115
|
+
[detected, include single-test example]
|
|
116
|
+
|
|
117
|
+
## Lint
|
|
118
|
+
|
|
119
|
+
[detected]
|
|
120
|
+
```
|
|
121
|
+
|
|
122
|
+
### .opencode/memory/project/architecture.md
|
|
123
|
+
|
|
124
|
+
```markdown
|
|
125
|
+
---
|
|
126
|
+
purpose: Key modules, directory structure
|
|
127
|
+
updated: [today]
|
|
128
|
+
---
|
|
129
|
+
|
|
130
|
+
# Architecture
|
|
131
|
+
|
|
132
|
+
## Structure
|
|
133
|
+
|
|
134
|
+
[detected directory layout]
|
|
135
|
+
|
|
136
|
+
## Key Modules
|
|
137
|
+
|
|
138
|
+
[identified entry points, core modules]
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
### With --deep, also create:
|
|
142
|
+
|
|
143
|
+
- `project/conventions.md` - from git log analysis
|
|
144
|
+
- `project/gotchas.md` - from bug-fix patterns in history
|
|
145
|
+
|
|
146
|
+
## Phase 5: Reflection
|
|
147
|
+
|
|
148
|
+
Before finishing:
|
|
149
|
+
|
|
150
|
+
1. Did you create both AGENTS.md AND memory files?
|
|
151
|
+
2. Are commands accurate and tested?
|
|
152
|
+
3. Any typos or unclear descriptions?
|
|
153
|
+
4. Would this help your future self?
|
|
154
|
+
|
|
155
|
+
Fix issues found.
|
|
156
|
+
|
|
157
|
+
## Phase 6: Summary
|
|
158
|
+
|
|
159
|
+
Report:
|
|
160
|
+
|
|
161
|
+
- Files created/updated
|
|
162
|
+
- Tech stack detected
|
|
163
|
+
- Key findings
|
|
164
|
+
- Suggested next steps (e.g., "Run /review-codebase to check conventions")
|
|
165
|
+
|
|
166
|
+
## File Locations
|
|
167
|
+
|
|
168
|
+
```
|
|
169
|
+
./AGENTS.md # Project-specific rules (created)
|
|
170
|
+
.opencode/AGENTS.md # Global rules (untouched)
|
|
171
|
+
.opencode/memory/user.md # User preferences (created)
|
|
172
|
+
.opencode/memory/project/commands.md # Build commands (created)
|
|
173
|
+
.opencode/memory/project/architecture.md # Structure (created)
|
|
174
|
+
.opencode/memory/project/conventions.md # Patterns (--deep only)
|
|
175
|
+
.opencode/memory/project/gotchas.md # Warnings (--deep only)
|
|
176
|
+
```
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Create a new feature with bead, spec, and plan
|
|
3
|
+
argument-hint: "<feature-name> [--priority=high|medium|low] [--type=feature|bug|refactor]"
|
|
4
|
+
agent: planner
|
|
5
|
+
model: proxypal/gemini-3-flash-preview
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# New Feature: $ARGUMENTS
|
|
9
|
+
|
|
10
|
+
Create a complete feature track with bead, specification, and implementation plan.
|
|
11
|
+
|
|
12
|
+
## Instructions
|
|
13
|
+
|
|
14
|
+
Parse from `$ARGUMENTS`:
|
|
15
|
+
|
|
16
|
+
- Feature name (required)
|
|
17
|
+
- Priority (default: medium)
|
|
18
|
+
- Type (default: feature)
|
|
19
|
+
|
|
20
|
+
## Workflow
|
|
21
|
+
|
|
22
|
+
### Step 1: Create Bead
|
|
23
|
+
|
|
24
|
+
```bash
|
|
25
|
+
bd new [type] "[feature-name]" --priority [priority]
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
Capture the bead ID from output.
|
|
29
|
+
|
|
30
|
+
### Step 2: Create Specification
|
|
31
|
+
|
|
32
|
+
Create `.beads/[bead-id]/spec.md`:
|
|
33
|
+
|
|
34
|
+
```markdown
|
|
35
|
+
# [Feature Name] Specification
|
|
36
|
+
|
|
37
|
+
## Overview
|
|
38
|
+
|
|
39
|
+
[Brief description of the feature]
|
|
40
|
+
|
|
41
|
+
## Problem Statement
|
|
42
|
+
|
|
43
|
+
[What problem does this solve?]
|
|
44
|
+
|
|
45
|
+
## User Stories
|
|
46
|
+
|
|
47
|
+
- As a [user], I want [goal], so that [benefit]
|
|
48
|
+
|
|
49
|
+
## Acceptance Criteria
|
|
50
|
+
|
|
51
|
+
- [ ] [Criterion 1]
|
|
52
|
+
- [ ] [Criterion 2]
|
|
53
|
+
- [ ] [Criterion 3]
|
|
54
|
+
|
|
55
|
+
## Technical Considerations
|
|
56
|
+
|
|
57
|
+
- [Consideration 1]
|
|
58
|
+
- [Consideration 2]
|
|
59
|
+
|
|
60
|
+
## Out of Scope
|
|
61
|
+
|
|
62
|
+
- [What we're NOT doing]
|
|
63
|
+
|
|
64
|
+
## Dependencies
|
|
65
|
+
|
|
66
|
+
- [Other features/systems this depends on]
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
### Step 3: Create Plan
|
|
70
|
+
|
|
71
|
+
Create `.beads/[bead-id]/plan.md`:
|
|
72
|
+
|
|
73
|
+
```markdown
|
|
74
|
+
# [Feature Name] Implementation Plan
|
|
75
|
+
|
|
76
|
+
## Phases
|
|
77
|
+
|
|
78
|
+
### Phase 1: [Name]
|
|
79
|
+
|
|
80
|
+
**Estimate:** [X hours]
|
|
81
|
+
|
|
82
|
+
Tasks:
|
|
83
|
+
|
|
84
|
+
1. [ ] [Task 1]
|
|
85
|
+
2. [ ] [Task 2]
|
|
86
|
+
|
|
87
|
+
### Phase 2: [Name]
|
|
88
|
+
|
|
89
|
+
**Estimate:** [X hours]
|
|
90
|
+
|
|
91
|
+
Tasks:
|
|
92
|
+
|
|
93
|
+
1. [ ] [Task 1]
|
|
94
|
+
2. [ ] [Task 2]
|
|
95
|
+
|
|
96
|
+
## Testing Strategy
|
|
97
|
+
|
|
98
|
+
- [ ] Unit tests for [what]
|
|
99
|
+
- [ ] Integration tests for [what]
|
|
100
|
+
|
|
101
|
+
## Rollout Plan
|
|
102
|
+
|
|
103
|
+
1. [Step 1]
|
|
104
|
+
2. [Step 2]
|
|
105
|
+
|
|
106
|
+
## Rollback Plan
|
|
107
|
+
|
|
108
|
+
[How to revert if needed]
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
### Step 4: Update Bead
|
|
112
|
+
|
|
113
|
+
```bash
|
|
114
|
+
bd update [bead-id] --status planning
|
|
115
|
+
```
|
|
116
|
+
|
|
117
|
+
## Output
|
|
118
|
+
|
|
119
|
+
Report:
|
|
120
|
+
|
|
121
|
+
- Bead ID created
|
|
122
|
+
- Spec file path
|
|
123
|
+
- Plan file path
|
|
124
|
+
- Next command to run: `/implement [bead-id]`
|
|
125
|
+
|
|
126
|
+
## Follow-up Commands
|
|
127
|
+
|
|
128
|
+
```bash
|
|
129
|
+
# View the feature
|
|
130
|
+
bd show [bead-id]
|
|
131
|
+
|
|
132
|
+
# Start implementation
|
|
133
|
+
/implement [bead-id]
|
|
134
|
+
|
|
135
|
+
# Check status
|
|
136
|
+
/status [bead-id]
|
|
137
|
+
```
|
|
@@ -1,48 +1,55 @@
|
|
|
1
1
|
---
|
|
2
|
-
description:
|
|
3
|
-
argument-hint: "[bead-id]
|
|
2
|
+
description: Research UI/UX patterns across codebase or topic
|
|
3
|
+
argument-hint: "<topic-or-path> [bead-id]"
|
|
4
4
|
agent: vision
|
|
5
|
+
model: proxypal/gemini-3-flash-preview
|
|
5
6
|
---
|
|
6
7
|
|
|
7
8
|
# Research UI: $ARGUMENTS
|
|
8
9
|
|
|
9
|
-
use_skill("gemini-large-context")
|
|
10
10
|
use_skill("ui-ux-research")
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
Research UI/UX patterns, implementations, or design topics.
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
## Instructions
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
Parse research topic/path and optional bead ID from `$ARGUMENTS`.
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
## Research Approach
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
For **codebase paths**:
|
|
21
21
|
|
|
22
|
-
|
|
22
|
+
- Scan component and style directories
|
|
23
|
+
- Identify current patterns and implementations
|
|
24
|
+
- Assess consistency across files
|
|
25
|
+
- Find improvement opportunities
|
|
23
26
|
|
|
24
|
-
For
|
|
27
|
+
For **topics**:
|
|
25
28
|
|
|
26
|
-
|
|
29
|
+
- Research best practices
|
|
30
|
+
- Find relevant examples
|
|
31
|
+
- Compare approaches
|
|
32
|
+
- Recommend implementation
|
|
27
33
|
|
|
28
|
-
|
|
34
|
+
## Common Topics
|
|
29
35
|
|
|
30
|
-
|
|
36
|
+
- Design system consistency
|
|
37
|
+
- Component inventory
|
|
38
|
+
- Typography usage
|
|
39
|
+
- Color token patterns
|
|
40
|
+
- Animation/motion usage
|
|
41
|
+
- Responsive patterns
|
|
42
|
+
- Accessibility compliance
|
|
31
43
|
|
|
32
|
-
|
|
33
|
-
# Save to .beads/artifacts/<bead-id>/research-ui.md
|
|
34
|
-
bd edit <bead-id> --note "UI research completed: <key findings summary>"
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
### Without Bead ID
|
|
38
|
-
|
|
39
|
-
Save to memory for general reference:
|
|
40
|
-
`.opencode/memory/research/YYYY-MM-DD-<topic>.md`
|
|
41
|
-
|
|
42
|
-
## Common Research Topics
|
|
44
|
+
## Output
|
|
43
45
|
|
|
44
|
-
|
|
46
|
+
Provide:
|
|
45
47
|
|
|
46
|
-
|
|
48
|
+
1. Research summary
|
|
49
|
+
2. Key findings
|
|
50
|
+
3. Specific recommendations
|
|
51
|
+
4. Code examples where helpful
|
|
52
|
+
5. Next steps
|
|
47
53
|
|
|
48
|
-
|
|
54
|
+
If bead ID provided, save findings to bead artifacts.
|
|
55
|
+
Otherwise, save to `.opencode/memory/design/research/`.
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
---
|
|
2
|
+
description: Restore, enhance, or upscale images
|
|
3
|
+
argument-hint: "<image-path> [mode: enhance|upscale|restore|denoise]"
|
|
4
|
+
agent: vision
|
|
5
|
+
model: proxypal/gemini-3-pro-image-preview
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Restore Image: $ARGUMENTS
|
|
9
|
+
|
|
10
|
+
Restore, enhance, or improve image quality.
|
|
11
|
+
|
|
12
|
+
## Instructions
|
|
13
|
+
|
|
14
|
+
Parse from `$ARGUMENTS`:
|
|
15
|
+
|
|
16
|
+
- Image path
|
|
17
|
+
- Mode (default: enhance)
|
|
18
|
+
|
|
19
|
+
## Modes
|
|
20
|
+
|
|
21
|
+
- **enhance**: Improve overall quality, colors, sharpness
|
|
22
|
+
- **upscale**: Increase resolution
|
|
23
|
+
- **restore**: Fix artifacts, compression, damage
|
|
24
|
+
- **denoise**: Remove noise while preserving detail
|
|
25
|
+
|
|
26
|
+
## Process
|
|
27
|
+
|
|
28
|
+
1. Analyze image quality issues
|
|
29
|
+
2. Apply appropriate restoration
|
|
30
|
+
3. Save to `.opencode/memory/design/restored/`
|
|
31
|
+
|
|
32
|
+
## Output
|
|
33
|
+
|
|
34
|
+
Report:
|
|
35
|
+
|
|
36
|
+
- Issues detected
|
|
37
|
+
- Improvements applied
|
|
38
|
+
- Before/after comparison notes
|
|
39
|
+
- Output path
|