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.
Files changed (36) hide show
  1. package/dist/index.js +10 -1
  2. package/dist/template/.opencode/AGENTS.md +78 -55
  3. package/dist/template/.opencode/agent/build.md +20 -0
  4. package/dist/template/.opencode/agent/rush.md +27 -15
  5. package/dist/template/.opencode/agent/vision.md +95 -60
  6. package/dist/template/.opencode/command/accessibility-check.md +66 -0
  7. package/dist/template/.opencode/command/analyze-mockup.md +43 -0
  8. package/dist/template/.opencode/command/design-audit.md +53 -0
  9. package/dist/template/.opencode/command/edit-image.md +40 -0
  10. package/dist/template/.opencode/command/generate-diagram.md +48 -0
  11. package/dist/template/.opencode/command/generate-icon.md +40 -0
  12. package/dist/template/.opencode/command/generate-image.md +27 -0
  13. package/dist/template/.opencode/command/generate-pattern.md +41 -0
  14. package/dist/template/.opencode/command/generate-storyboard.md +41 -0
  15. package/dist/template/.opencode/command/init.md +176 -0
  16. package/dist/template/.opencode/command/new-feature.md +137 -0
  17. package/dist/template/.opencode/command/research-ui.md +34 -27
  18. package/dist/template/.opencode/command/restore-image.md +39 -0
  19. package/dist/template/.opencode/command/revert-feature.md +127 -0
  20. package/dist/template/.opencode/command/ui-review.md +26 -34
  21. package/dist/template/.opencode/memory/project/README.md +59 -0
  22. package/dist/template/.opencode/memory/project/architecture.md +26 -0
  23. package/dist/template/.opencode/memory/project/commands.md +26 -0
  24. package/dist/template/.opencode/memory/project/conventions.md +26 -0
  25. package/dist/template/.opencode/memory/project/gotchas.md +26 -0
  26. package/dist/template/.opencode/memory/user.example.md +21 -0
  27. package/dist/template/.opencode/memory/user.md +21 -0
  28. package/dist/template/.opencode/opencode.json +475 -457
  29. package/dist/template/.opencode/package.json +1 -2
  30. package/dist/template/.opencode/skills/accessibility-audit/SKILL.md +180 -0
  31. package/dist/template/.opencode/skills/design-system-audit/SKILL.md +141 -0
  32. package/dist/template/.opencode/skills/frontend-aesthetics/SKILL.md +40 -65
  33. package/dist/template/.opencode/skills/mockup-to-code/SKILL.md +158 -0
  34. package/dist/template/.opencode/skills/ui-ux-research/SKILL.md +60 -131
  35. package/dist/template/.opencode/skills/visual-analysis/SKILL.md +130 -0
  36. 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: Large-scale UI/UX research using Gemini CLI with bead artifact storage
3
- argument-hint: "[bead-id] [research topic or path]"
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
- ## Parse Arguments
12
+ Research UI/UX patterns, implementations, or design topics.
13
13
 
14
- Extract bead ID (if provided) and research topic from `$ARGUMENTS`. If no bead ID provided, research findings will be saved to memory instead.
14
+ ## Instructions
15
15
 
16
- ## When to Use Gemini CLI
16
+ Parse research topic/path and optional bead ID from `$ARGUMENTS`.
17
17
 
18
- For a single component, use local tools—they're faster and sufficient. When researching patterns across multiple files or comparing implementations throughout a codebase, switch to Gemini CLI's non-interactive mode to scan entire directories at once. For analyzing images like mockups or screenshots, start Gemini in interactive mode and reference the image directly.
18
+ ## Research Approach
19
19
 
20
- ## How to Research
20
+ For **codebase paths**:
21
21
 
22
- Point Gemini at the relevant directories and ask about the topic. Include both component and style directories to get a complete picture. Ask specifically for current implementations, patterns being used, consistency assessment, and improvement opportunities.
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 image analysis, start interactive mode and reference the image file, then describe what aspects you want analyzed.
27
+ For **topics**:
25
28
 
26
- ## Save Findings
29
+ - Research best practices
30
+ - Find relevant examples
31
+ - Compare approaches
32
+ - Recommend implementation
27
33
 
28
- ### With Bead ID
34
+ ## Common Topics
29
35
 
30
- Save research findings to bead artifacts for traceability:
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
- ```bash
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
- Design system consistency, component inventory, accessibility audits, responsive patterns, animation usage, typography inventory, and color token usage are all good candidates for this kind of large-scale research.
46
+ Provide:
45
47
 
46
- ## Output
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
- Provide a research summary with your findings, specific recommendations, code examples where they help clarify a point, and suggested next steps for implementation.
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