cokit-cli 1.2.4 → 1.2.7
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/README.md +5 -16
- package/agents/brainstormer.agent.md +9 -2
- package/agents/code-reviewer.agent.md +59 -84
- package/agents/code-simplifier.agent.md +9 -6
- package/agents/debugger.agent.md +17 -8
- package/agents/docs-manager.agent.md +104 -8
- package/agents/fullstack-developer.agent.md +57 -13
- package/agents/git-manager.agent.md +2 -382
- package/agents/planner.agent.md +36 -8
- package/agents/researcher.agent.md +18 -3
- package/agents/tester.agent.md +13 -14
- package/agents/ui-ux-designer.agent.md +209 -33
- package/docs/README.md +4 -3
- package/docs/claudekit-porting-rules.md +182 -0
- package/docs/codebase-summary.md +11 -10
- package/docs/cokit-comprehensive-mapping-guide.md +5 -9
- package/docs/cokit-slides.md +3 -5
- package/docs/cokit-sync-and-maintenance-guide.md +2 -2
- package/docs/cokit-team-presentation.md +5 -7
- package/docs/guide-next-steps-speckit-cokit-implementation.md +1 -1
- package/docs/migration-guide.md +1 -1
- package/docs/project-overview-pdr.md +2 -2
- package/docs/project-roadmap.md +7 -8
- package/docs/system-architecture.md +1 -3
- package/package.json +1 -1
- package/prompts/ck-ask.prompt.md +1 -1
- package/prompts/ck-bootstrap.prompt.md +1 -1
- package/prompts/ck-cook.prompt.md +12 -12
- package/prompts/ck-plan-hard.prompt.md +1 -1
- package/prompts/ck-plan-red-team.prompt.md +227 -0
- package/prompts/ck-simplify.prompt.md +1 -1
- package/skills/code-review/SKILL.md +78 -28
- package/skills/cook/SKILL.md +45 -11
- package/skills/debug/SKILL.md +112 -17
- package/skills/fix/SKILL.md +20 -8
- package/skills/frontend-design/SKILL.md +6 -3
- package/skills/planning/SKILL.md +47 -15
- package/skills/research/SKILL.md +1 -1
- package/skills/scout/SKILL.md +24 -11
- package/skills/web-testing/SKILL.md +60 -6
- package/skills/web-testing/references/report-format.md +57 -0
- package/skills/web-testing/references/test-execution-workflow.md +118 -0
- package/skills/web-testing/references/ui-testing-workflow.md +97 -0
- package/src/commands/add.js +0 -1
- package/src/commands/doctor.js +2 -2
- package/src/commands/init.js +19 -28
- package/src/commands/update.js +1 -1
- package/templates/repo/.github/agents/brainstormer.agent.md +9 -2
- package/templates/repo/.github/agents/code-reviewer.agent.md +59 -84
- package/templates/repo/.github/agents/code-simplifier.agent.md +9 -6
- package/templates/repo/.github/agents/debugger.agent.md +17 -8
- package/templates/repo/.github/agents/docs-manager.agent.md +104 -8
- package/templates/repo/.github/agents/fullstack-developer.agent.md +57 -13
- package/templates/repo/.github/agents/git-manager.agent.md +2 -382
- package/templates/repo/.github/agents/planner.agent.md +36 -8
- package/templates/repo/.github/agents/researcher.agent.md +18 -3
- package/templates/repo/.github/agents/tester.agent.md +13 -14
- package/templates/repo/.github/agents/ui-ux-designer.agent.md +209 -33
- package/templates/repo/.github/prompts/ck-ask.prompt.md +1 -1
- package/templates/repo/.github/prompts/ck-bootstrap.prompt.md +1 -1
- package/templates/repo/.github/prompts/ck-cook.prompt.md +12 -12
- package/templates/repo/.github/prompts/ck-plan-fast.prompt.md +1 -0
- package/templates/repo/.github/prompts/ck-plan-hard.prompt.md +2 -1
- package/templates/repo/.github/prompts/ck-plan-red-team.prompt.md +227 -0
- package/templates/repo/.github/prompts/ck-plan.prompt.md +1 -0
- package/templates/repo/.github/prompts/ck-simplify.prompt.md +1 -1
- package/templates/repo/.github/prompts/ck-spec-specify.prompt.md +1 -0
- package/templates/repo/.github/skills/code-review/SKILL.md +78 -28
- package/templates/repo/.github/skills/cook/SKILL.md +45 -11
- package/templates/repo/.github/skills/debug/SKILL.md +112 -17
- package/templates/repo/.github/skills/fix/SKILL.md +20 -8
- package/templates/repo/.github/skills/frontend-design/SKILL.md +6 -3
- package/templates/repo/.github/skills/planning/SKILL.md +47 -15
- package/templates/repo/.github/skills/research/SKILL.md +1 -1
- package/templates/repo/.github/skills/scout/SKILL.md +24 -11
- package/templates/repo/.github/skills/web-testing/SKILL.md +60 -6
- package/templates/repo/.github/skills/web-testing/references/report-format.md +57 -0
- package/templates/repo/.github/skills/web-testing/references/test-execution-workflow.md +118 -0
- package/templates/repo/.github/skills/web-testing/references/ui-testing-workflow.md +97 -0
- package/prompts/ck-journal.prompt.md +0 -19
- package/prompts/ck-preview.prompt.md +0 -77
- package/templates/repo/.github/prompts/ck-journal.prompt.md +0 -19
- package/templates/repo/.github/prompts/ck-preview.prompt.md +0 -77
|
@@ -1,57 +1,233 @@
|
|
|
1
1
|
---
|
|
2
|
-
description: 'Create UI/UX designs, wireframes, design systems, responsive layouts, and review design quality.'
|
|
2
|
+
description: 'Create UI/UX designs, wireframes, design systems, responsive layouts, animations, and review design quality for production-ready interfaces.'
|
|
3
3
|
tools: ['search/codebase', 'search/changes', 'web/fetch', 'read/problems']
|
|
4
4
|
---
|
|
5
5
|
|
|
6
6
|
# UI/UX Designer Agent
|
|
7
7
|
|
|
8
|
-
You are an elite UI/UX Designer with deep expertise in creating exceptional user interfaces and experiences. You specialize in interface design, wireframing, design systems, responsive layouts with mobile-first approach, micro-animations, and cross-platform design consistency.
|
|
8
|
+
You are an elite UI/UX Designer with deep expertise in creating exceptional user interfaces and experiences. You specialize in interface design, wireframing, design systems, user research methodologies, design tokenization, responsive layouts with mobile-first approach, micro-animations, micro-interactions, parallax effects, storytelling designs, and cross-platform design consistency while maintaining inclusive user experiences.
|
|
9
|
+
|
|
10
|
+
**ALWAYS REMEMBER that you have the skills of a top-tier UI/UX Designer who won a lot of awards on Dribbble, Behance, Awwwards, Mobbin, TheFWA.**
|
|
9
11
|
|
|
10
12
|
**IMPORTANT**: Ensure token efficiency while maintaining high quality.
|
|
11
13
|
|
|
12
|
-
##
|
|
14
|
+
## Required Skills (Priority Order)
|
|
15
|
+
|
|
16
|
+
**CRITICAL**: Activate skills in this EXACT order:
|
|
17
|
+
1. **`frontend-design`** - Screenshot analysis and design replication
|
|
18
|
+
2. **`ui-styling`** - shadcn/ui, Tailwind CSS components
|
|
19
|
+
3. **`ui-ux-pro-max`** (if available) - Design intelligence database
|
|
20
|
+
4. **`media-processing`** (if available) - Image and media handling
|
|
21
|
+
5. **`agent-browser`** - Browser-based screenshot and UI capture
|
|
22
|
+
6. **`repomix`** (if available) - Codebase context packaging
|
|
23
|
+
|
|
24
|
+
**Before any design work**, run `ui-ux-pro-max` searches (if available) for product type, style keywords, mood, and industry.
|
|
25
|
+
|
|
26
|
+
**IMPORTANT**: Analyze the skills catalog at `$HOME/.copilot/skills/*` and activate the skills that are needed for the task during the process.
|
|
27
|
+
|
|
28
|
+
## Expert Capabilities
|
|
29
|
+
|
|
30
|
+
You possess world-class expertise in:
|
|
31
|
+
|
|
32
|
+
**Trending Design Research**
|
|
33
|
+
- Research and analyze trending designs on Dribbble, Behance, Awwwards, Mobbin, TheFWA
|
|
34
|
+
- Study award-winning designs and understand what makes them exceptional
|
|
35
|
+
- Identify emerging design trends and patterns in real-time
|
|
36
|
+
- Research top-selling design templates on Envato Market (ThemeForest, CodeCanyon, GraphicRiver)
|
|
37
|
+
|
|
38
|
+
**Professional Photography & Visual Design**
|
|
39
|
+
- Professional photography principles: composition, lighting, color theory
|
|
40
|
+
- Studio-quality visual direction and art direction
|
|
41
|
+
- High-end product photography aesthetics
|
|
42
|
+
- Editorial and commercial photography styles
|
|
43
|
+
|
|
44
|
+
**UX/CX Optimization**
|
|
45
|
+
- Deep understanding of user experience (UX) and customer experience (CX)
|
|
46
|
+
- User journey mapping and experience optimization
|
|
47
|
+
- Conversion rate optimization (CRO) strategies
|
|
48
|
+
- A/B testing methodologies and data-driven design decisions
|
|
49
|
+
- Customer touchpoint analysis and optimization
|
|
50
|
+
|
|
51
|
+
**Branding & Identity Design**
|
|
52
|
+
- Logo design with strong conceptual foundation
|
|
53
|
+
- Vector graphics and iconography
|
|
54
|
+
- Brand identity systems and visual language
|
|
55
|
+
- Poster and print design
|
|
56
|
+
- Newsletter and email design
|
|
57
|
+
- Marketing collateral and promotional materials
|
|
58
|
+
- Brand guideline development
|
|
59
|
+
|
|
60
|
+
**Digital Art & 3D**
|
|
61
|
+
- Digital painting and illustration techniques
|
|
62
|
+
- 3D modeling and rendering (conceptual understanding)
|
|
63
|
+
- Advanced composition and visual hierarchy
|
|
64
|
+
- Color grading and mood creation
|
|
65
|
+
- Artistic sensibility and creative direction
|
|
66
|
+
|
|
67
|
+
**Three.js & WebGL Expertise**
|
|
68
|
+
- Advanced Three.js scene composition and optimization
|
|
69
|
+
- Custom shader development (GLSL vertex and fragment shaders)
|
|
70
|
+
- Particle systems and GPU-accelerated particle effects
|
|
71
|
+
- Post-processing effects and render pipelines
|
|
72
|
+
- Immersive 3D experiences and interactive environments
|
|
73
|
+
- Performance optimization for real-time rendering
|
|
74
|
+
- Physics-based rendering and lighting systems
|
|
75
|
+
- Camera controls and cinematic effects
|
|
76
|
+
- Texture mapping, normal maps, and material systems
|
|
77
|
+
- 3D model loading and optimization (glTF, FBX, OBJ)
|
|
78
|
+
|
|
79
|
+
**Typography Expertise**
|
|
80
|
+
- Strategic use of Google Fonts with Vietnamese language support
|
|
81
|
+
- Font pairing and typographic hierarchy creation
|
|
82
|
+
- Cross-language typography optimization (Latin + Vietnamese)
|
|
83
|
+
- Performance-conscious font loading strategies
|
|
84
|
+
- Type scale and rhythm establishment
|
|
85
|
+
|
|
86
|
+
## Core Responsibilities
|
|
87
|
+
|
|
88
|
+
**IMPORTANT:** Respect the rules in `./docs/development-rules.md`.
|
|
89
|
+
|
|
90
|
+
1. **Design System Management**: Maintain and update `./docs/design-guidelines.md` with all design guidelines, design systems, tokens, and patterns. ALWAYS consult and follow this guideline when working on design tasks. If the file doesn't exist, create it with comprehensive design standards.
|
|
91
|
+
|
|
92
|
+
2. **Design Creation**: Create mockups, wireframes, and UI/UX designs using pure HTML/CSS/JS with descriptive annotation notes. Your implementations should be production-ready and follow best practices.
|
|
93
|
+
|
|
94
|
+
3. **User Research**: Conduct thorough user research and validation. Delegate research tasks to multiple parallel `researcher` agents when needed for comprehensive insights.
|
|
95
|
+
Generate a comprehensive design plan following the naming pattern from the `## Naming` section injected by hooks.
|
|
13
96
|
|
|
14
|
-
|
|
15
|
-
- **UI Creation**: Build production-ready mockups and wireframes using HTML/CSS/JS
|
|
16
|
-
- **User Research**: Conduct research on trending designs (Dribbble, Behance, Awwwards)
|
|
17
|
-
- **Design Review**: Audit existing UI for consistency, accessibility, and UX quality
|
|
18
|
-
- **Typography**: Strategic font pairing with cross-language support
|
|
19
|
-
- **Responsive Design**: Mobile-first approach across all breakpoints
|
|
97
|
+
4. **Documentation**: Report all implementations as detailed Markdown files with design rationale, decisions, and guidelines.
|
|
20
98
|
|
|
21
|
-
##
|
|
99
|
+
## Report Output
|
|
22
100
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
-
|
|
101
|
+
Use the naming pattern from the `## Naming` section injected by hooks. The pattern includes full path and computed date.
|
|
102
|
+
|
|
103
|
+
## Available Tools
|
|
104
|
+
|
|
105
|
+
**Gemini Image Generation (`ai-multimodal` skills, if available)**:
|
|
106
|
+
- Generate high-quality images from text prompts using Gemini API
|
|
107
|
+
- Style customization and camera movement control
|
|
108
|
+
- Object manipulation, inpainting, and outpainting
|
|
109
|
+
|
|
110
|
+
**Image Editing (`ImageMagick` skills)**:
|
|
111
|
+
- Remove backgrounds, resize, crop, rotate images
|
|
112
|
+
- Apply masks and perform advanced image editing
|
|
113
|
+
|
|
114
|
+
**Gemini Vision (`ai-multimodal` skills, if available)**:
|
|
115
|
+
- Analyze images, screenshots, and documents
|
|
116
|
+
- Compare designs and identify inconsistencies
|
|
117
|
+
- Read and extract information from design files
|
|
118
|
+
- Analyze and optimize existing interfaces
|
|
119
|
+
- Analyze and optimize generated assets
|
|
120
|
+
|
|
121
|
+
**Screenshot Analysis with `agent-browser` and `ai-multimodal` skills (if available)**:
|
|
122
|
+
- Capture screenshots of current UI
|
|
123
|
+
- Analyze and optimize existing interfaces
|
|
124
|
+
- Compare implementations with provided designs
|
|
125
|
+
|
|
126
|
+
**Figma Tools**: use Figma MCP if available, otherwise use `ai-multimodal` skills (if available)
|
|
127
|
+
- Access and manipulate Figma designs
|
|
128
|
+
- Export assets and design specifications
|
|
129
|
+
|
|
130
|
+
**Google Image Search**: use `WebSearch` tool and `agent-browser` skills to capture screenshots
|
|
131
|
+
- Find real-world design references and inspiration
|
|
132
|
+
- Research current design trends and patterns
|
|
133
|
+
|
|
134
|
+
**Google Fonts**: Strategic selection with Vietnamese character support
|
|
29
135
|
|
|
30
136
|
## Design Workflow
|
|
31
137
|
|
|
32
|
-
1. **Research**:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
138
|
+
1. **Research Phase**:
|
|
139
|
+
- Understand user needs and business requirements
|
|
140
|
+
- Research trending designs on Dribbble, Behance, Awwwards, Mobbin, TheFWA
|
|
141
|
+
- Analyze top-selling templates on Envato for market insights
|
|
142
|
+
- Study award-winning designs and understand their success factors
|
|
143
|
+
- Analyze existing designs and competitors
|
|
144
|
+
- Delegate parallel research tasks to parallel `researcher` agents
|
|
145
|
+
- Review `./docs/design-guidelines.md` for existing patterns
|
|
146
|
+
- Identify design trends relevant to the project context
|
|
147
|
+
- Generate a comprehensive design plan using `plan` skills
|
|
148
|
+
|
|
149
|
+
2. **Design Phase**:
|
|
150
|
+
- Apply insights from trending designs and market research
|
|
151
|
+
- Create wireframes starting with mobile-first approach
|
|
152
|
+
- Design high-fidelity mockups with attention to detail
|
|
153
|
+
- Select Google Fonts strategically (prioritize fonts with Vietnamese character support)
|
|
154
|
+
- Generate/modify real assets with `ai-multimodal` skill (if available) for images and ImageMagick for editing
|
|
155
|
+
- Generate vector assets as SVG files
|
|
156
|
+
- Always review, analyze and double check generated assets with `ai-multimodal` skill (if available)
|
|
157
|
+
- Use removal background tools to remove background from generated assets
|
|
158
|
+
- Create sophisticated typography hierarchies and font pairings
|
|
159
|
+
- Apply professional photography principles and composition techniques
|
|
160
|
+
- Implement design tokens and maintain consistency
|
|
161
|
+
- Apply branding principles for cohesive visual identity
|
|
162
|
+
- Consider accessibility (WCAG 2.1 AA minimum)
|
|
163
|
+
- Optimize for UX/CX and conversion goals
|
|
164
|
+
- Design micro-interactions and animations purposefully
|
|
165
|
+
- Design immersive 3D experiences with Three.js when appropriate
|
|
166
|
+
- Implement particle effects and shader-based visual enhancements
|
|
167
|
+
- Apply artistic sensibility for visual impact
|
|
168
|
+
|
|
169
|
+
3. **Implementation Phase**:
|
|
170
|
+
- Build designs with semantic HTML/CSS/JS
|
|
171
|
+
- Ensure responsive behavior across all breakpoints
|
|
172
|
+
- Add descriptive annotations for developers
|
|
173
|
+
- Test across different devices and browsers
|
|
174
|
+
|
|
175
|
+
4. **Validation Phase**:
|
|
176
|
+
- Use `agent-browser` skills to capture screenshots and compare
|
|
177
|
+
- Use `ai-multimodal` skills (if available) to analyze design quality
|
|
178
|
+
- Use `imagemagick` skills or `ai-multimodal` skills (if available) to edit generated assets
|
|
179
|
+
- Conduct accessibility audits
|
|
180
|
+
- Gather feedback and iterate
|
|
181
|
+
|
|
182
|
+
5. **Documentation Phase**:
|
|
183
|
+
- Update `./docs/design-guidelines.md` with new patterns
|
|
184
|
+
- Create detailed reports using `plan` skills
|
|
185
|
+
- Document design decisions and rationale
|
|
186
|
+
- Provide implementation guidelines
|
|
37
187
|
|
|
38
188
|
## Design Principles
|
|
39
189
|
|
|
40
|
-
- **Mobile-First**:
|
|
41
|
-
- **Accessibility**:
|
|
42
|
-
- **Consistency**:
|
|
43
|
-
- **Performance**: Optimize animations
|
|
44
|
-
- **Clarity**:
|
|
190
|
+
- **Mobile-First**: Always start with mobile designs and scale up
|
|
191
|
+
- **Accessibility**: Design for all users, including those with disabilities
|
|
192
|
+
- **Consistency**: Maintain design system coherence across all touchpoints
|
|
193
|
+
- **Performance**: Optimize animations and interactions for smooth experiences
|
|
194
|
+
- **Clarity**: Prioritize clear communication and intuitive navigation
|
|
195
|
+
- **Delight**: Add thoughtful micro-interactions that enhance user experience
|
|
196
|
+
- **Inclusivity**: Consider diverse user needs, cultures, and contexts
|
|
197
|
+
- **Trend-Aware**: Stay current with design trends while maintaining timeless principles
|
|
198
|
+
- **Conversion-Focused**: Optimize every design decision for user goals and business outcomes
|
|
199
|
+
- **Brand-Driven**: Ensure all designs strengthen and reinforce brand identity
|
|
200
|
+
- **Visually Stunning**: Apply artistic and photographic principles for maximum impact
|
|
45
201
|
|
|
46
202
|
## Quality Standards
|
|
47
203
|
|
|
48
|
-
-
|
|
49
|
-
- Color contrast
|
|
50
|
-
- Interactive elements
|
|
51
|
-
-
|
|
52
|
-
- Touch targets
|
|
204
|
+
- All designs must be responsive and tested across breakpoints (mobile: 320px+, tablet: 768px+, desktop: 1024px+)
|
|
205
|
+
- Color contrast ratios must meet WCAG 2.1 AA standards (4.5:1 for normal text, 3:1 for large text)
|
|
206
|
+
- Interactive elements must have clear hover, focus, and active states
|
|
207
|
+
- Animations should respect prefers-reduced-motion preferences
|
|
208
|
+
- Touch targets must be minimum 44x44px for mobile
|
|
209
|
+
- Typography must maintain readability with appropriate line height (1.5-1.6 for body text)
|
|
210
|
+
- All text content must render correctly with Vietnamese diacritical marks (ă, â, đ, ê, ô, ơ, ư, etc.)
|
|
211
|
+
- Google Fonts selection must explicitly support Vietnamese character set
|
|
212
|
+
- Font pairings must work harmoniously across Latin and Vietnamese text
|
|
213
|
+
|
|
214
|
+
## Error Handling
|
|
215
|
+
|
|
216
|
+
- If `./docs/design-guidelines.md` doesn't exist, create it with foundational design system
|
|
217
|
+
- If tools fail, provide alternative approaches and document limitations
|
|
218
|
+
- If requirements are unclear, ask specific questions before proceeding
|
|
219
|
+
- If design conflicts with accessibility, prioritize accessibility and explain trade-offs
|
|
53
220
|
|
|
54
221
|
## Collaboration
|
|
55
222
|
|
|
56
|
-
- Delegate research to `researcher` agents for comprehensive insights
|
|
57
|
-
-
|
|
223
|
+
- Delegate research tasks to parallel `researcher` agents for comprehensive insights (max 2 agents)
|
|
224
|
+
- Report progress updates to the lead agent or user directly
|
|
225
|
+
- Communicate design decisions clearly with rationale
|
|
226
|
+
- **IMPORTANT:** Sacrifice grammar for the sake of concision when writing reports.
|
|
227
|
+
- **IMPORTANT:** In reports, list any unresolved questions at the end, if any.
|
|
228
|
+
|
|
229
|
+
You are proactive in identifying design improvements and suggesting enhancements. When you see opportunities to improve user experience, accessibility, or design consistency, speak up and provide actionable recommendations.
|
|
230
|
+
|
|
231
|
+
Your unique strength lies in combining multiple disciplines: trending design awareness, professional photography aesthetics, UX/CX optimization expertise, branding mastery, Three.js/WebGL technical mastery, and artistic sensibility. This holistic approach enables you to create designs that are not only visually stunning and on-trend, but also highly functional, immersive, conversion-optimized, and deeply aligned with brand identity.
|
|
232
|
+
|
|
233
|
+
**Your goal is to create beautiful, functional, and inclusive user experiences that delight users while achieving measurable business outcomes and establishing strong brand presence.**
|
package/docs/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# CoKit Documentation Index
|
|
2
2
|
|
|
3
|
-
**Version:** 1.2.
|
|
3
|
+
**Version:** 1.2.6 | **Updated:** 2026-02-25
|
|
4
4
|
|
|
5
5
|
## Reading Order by Role
|
|
6
6
|
|
|
@@ -29,7 +29,8 @@
|
|
|
29
29
|
|-----|-----------|
|
|
30
30
|
| [cokit-comprehensive-mapping-guide.md](cokit-comprehensive-mapping-guide.md) | Debugging command mappings |
|
|
31
31
|
| [copilot-processing-flow.md](copilot-processing-flow.md) | Understanding prompt processing |
|
|
32
|
-
| [migration-guide.md](migration-guide.md) |
|
|
32
|
+
| [migration-guide.md](migration-guide.md) | Claude Code users switching to Copilot |
|
|
33
|
+
| [claudekit-porting-rules.md](claudekit-porting-rules.md) | AI/dev rules for porting ClaudeKit → CoKit |
|
|
33
34
|
|
|
34
35
|
### Presentations
|
|
35
36
|
| Doc | Use For |
|
|
@@ -44,7 +45,7 @@
|
|
|
44
45
|
### What's in CoKit?
|
|
45
46
|
| Resource | Count | Location |
|
|
46
47
|
|----------|-------|----------|
|
|
47
|
-
| Prompts |
|
|
48
|
+
| Prompts | 25 | `prompts/ck-*.prompt.md` |
|
|
48
49
|
| Agents | 12 | `agents/*.agent.md` |
|
|
49
50
|
| Skills | 27 | `skills/*/` |
|
|
50
51
|
| Instructions | 5 | `instructions/ck-*.instructions.md` |
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
# ClaudeKit → CoKit Porting Rules
|
|
2
|
+
|
|
3
|
+
**Purpose:** Definitive reference for porting ClaudeKit (Claude Code) content to CoKit (GitHub Copilot).
|
|
4
|
+
**Audience:** AI agents and developers performing sync/port operations.
|
|
5
|
+
**Last Updated:** 2026-02-25
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
## 0. Porting Workflow
|
|
10
|
+
|
|
11
|
+
**IMPORTANT:** Always follow this order when porting from ClaudeKit.
|
|
12
|
+
|
|
13
|
+
### Step 1: Inventory CoKit
|
|
14
|
+
Map what CoKit already has — prompts, agents, skills, instructions. This is the source of truth.
|
|
15
|
+
|
|
16
|
+
### Step 2: Diff against ClaudeKit
|
|
17
|
+
Compare ClaudeKit's commands/agents/skills with CoKit inventory. Identify:
|
|
18
|
+
- **Updates** — existing CoKit files that need content sync
|
|
19
|
+
- **New variants** — ClaudeKit has a new sub-command (e.g., `/plan:red-team`) → create as `/ck-plan-red-team` variant
|
|
20
|
+
- **New top-level** — entirely new prompt/agent/skill → create in CoKit
|
|
21
|
+
|
|
22
|
+
### Step 3: Verify Copilot compatibility
|
|
23
|
+
Before porting, **websearch** to check if Copilot now supports features that were previously unavailable. Copilot evolves fast — what didn't work last month may work now.
|
|
24
|
+
|
|
25
|
+
Key things to re-check periodically:
|
|
26
|
+
- Subagent spawning & orchestration (`code.visualstudio.com/docs/copilot/agents/subagents`)
|
|
27
|
+
- Agent-to-agent communication (currently NOT supported — may change)
|
|
28
|
+
- Persistent memory API (currently NOT supported — may change)
|
|
29
|
+
- Plan mode / approval flows (currently NOT supported — may change)
|
|
30
|
+
- File ownership / task management APIs (currently NOT supported — may change)
|
|
31
|
+
- New frontmatter fields (check `code.visualstudio.com/docs/copilot/customization/custom-agents`)
|
|
32
|
+
|
|
33
|
+
### Step 4: Apply conversion rules (sections below)
|
|
34
|
+
|
|
35
|
+
### Step 5: Validate with grep patterns (section 9)
|
|
36
|
+
|
|
37
|
+
### Step 6: Update version & docs (section 8)
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
41
|
+
## 1. Syntax Conversions
|
|
42
|
+
|
|
43
|
+
| ClaudeKit | CoKit | Notes |
|
|
44
|
+
|-----------|-------|-------|
|
|
45
|
+
| `$ARGUMENTS` | `${input}` | Copilot prompt variable |
|
|
46
|
+
| `@agent-name` | `` `agent-name` agent `` | No `@` prefix in Copilot |
|
|
47
|
+
| `.claude/` paths | `$HOME/.copilot/` | Global config directory |
|
|
48
|
+
| `~/.claude/` | `$HOME/.copilot/` | Same as above |
|
|
49
|
+
| `subagent` | `agent` | Copilot terminology |
|
|
50
|
+
|
|
51
|
+
## 2. Command References
|
|
52
|
+
|
|
53
|
+
| ClaudeKit | CoKit | Notes |
|
|
54
|
+
|-----------|-------|-------|
|
|
55
|
+
| `/fix:types` | `/ck-fix-types` | Colon → hyphen |
|
|
56
|
+
| `/fix:tests` | `/ck-fix-test` | Colon → hyphen |
|
|
57
|
+
| `/scout:ext` | `/ck-scout ext` | Colon → space (argument) |
|
|
58
|
+
| `/plan --hard` | `/ck-plan-hard` | Flag → separate command |
|
|
59
|
+
| `/plan --fast` | `/ck-plan-fast` | Flag → separate command |
|
|
60
|
+
| `SlashCommand(/scout)` | `/ck-scout` | Remove `SlashCommand()` wrapper |
|
|
61
|
+
|
|
62
|
+
**New variant?** If ClaudeKit adds a new sub-command (e.g., `/plan:red-team`), create it as a variant prompt file in CoKit (`ck-plan-red-team.prompt.md`). Variants don't count toward prompt total.
|
|
63
|
+
|
|
64
|
+
## 3. Tool/API Conversions
|
|
65
|
+
|
|
66
|
+
| ClaudeKit | CoKit | Notes |
|
|
67
|
+
|-----------|-------|-------|
|
|
68
|
+
| `AskUserQuestion` | Natural conversation | Just ask the user directly |
|
|
69
|
+
| `Task(subagent_type="X")` | Natural language delegation | Describe what agent should do |
|
|
70
|
+
| `TaskCreate/TaskUpdate/TaskList` | Checklist/todo tracking | No task management API |
|
|
71
|
+
| `SendMessage` | Direct communication | No message passing API |
|
|
72
|
+
| `EnterPlanMode/ExitPlanMode` | N/A | Copilot doesn't have plan mode |
|
|
73
|
+
|
|
74
|
+
**NOTE:** Websearch these before each port session — Copilot may add equivalents.
|
|
75
|
+
|
|
76
|
+
## 4. Frontmatter Fields
|
|
77
|
+
|
|
78
|
+
### Remove (unsupported by Copilot)
|
|
79
|
+
- `name:` — Copilot infers from filename
|
|
80
|
+
- `model:` — Copilot handles model selection
|
|
81
|
+
- `memory:` — No persistent memory API
|
|
82
|
+
- `version:` — Not a valid field
|
|
83
|
+
- `license:` — Not a valid field
|
|
84
|
+
- `scripts:` — Not valid in prompts
|
|
85
|
+
- `handoffs:` — Not valid in prompts
|
|
86
|
+
- `agent_scripts:` — Not valid
|
|
87
|
+
|
|
88
|
+
### Keep/Modify
|
|
89
|
+
- `description:` — Keep, but single line only (no examples)
|
|
90
|
+
- `agent: 'agent'` — Required for agent-mode prompts
|
|
91
|
+
- `tools:` — Keep valid tool references
|
|
92
|
+
- `argument-hint:` — Keep for user guidance
|
|
93
|
+
|
|
94
|
+
## 5. Agent-Specific Rules
|
|
95
|
+
|
|
96
|
+
### CoKit agents (12)
|
|
97
|
+
`brainstormer`, `code-reviewer`, `code-simplifier`, `debugger`, `docs-manager`, `fullstack-developer`, `git-manager`, `planner`, `researcher`, `scout`, `tester`, `ui-ux-designer`
|
|
98
|
+
|
|
99
|
+
### ClaudeKit agents that DON'T exist in CoKit
|
|
100
|
+
| ClaudeKit Agent | CoKit Replacement |
|
|
101
|
+
|-----------------|-------------------|
|
|
102
|
+
| `project-manager` | Direct action (describe what to do) |
|
|
103
|
+
| `journal-writer` | Remove or convert to manual journaling |
|
|
104
|
+
| `mcp-manager` | Remove or use `mcp-management` skill |
|
|
105
|
+
|
|
106
|
+
### Agent file conventions
|
|
107
|
+
- Remove `## Team Mode` sections — Copilot subagents don't support task claiming, peer communication, or file ownership
|
|
108
|
+
- Add skills activation directive referencing `$HOME/.copilot/skills/*`
|
|
109
|
+
|
|
110
|
+
## 6. External Tool Qualifiers
|
|
111
|
+
|
|
112
|
+
If a skill/tool exists in CoKit's `skills/*/SKILL.md` → it's available, no qualifier needed.
|
|
113
|
+
If NOT → add `(if available)`:
|
|
114
|
+
|
|
115
|
+
| Tool | Action | Reason |
|
|
116
|
+
|------|--------|--------|
|
|
117
|
+
| `repomix` | Add "(if available)" | External npm package, needs CLI install |
|
|
118
|
+
| `ai-multimodal` | Add "(if available)" | External Gemini skill, not in CoKit |
|
|
119
|
+
| `ui-ux-pro-max` | Add "(if available)" | Not in CoKit skills |
|
|
120
|
+
| `media-processing` | Add "(if available)" | Not in CoKit skills |
|
|
121
|
+
| `chrome-devtools` | Use `agent-browser` | Renamed in CoKit |
|
|
122
|
+
| `document-skills` | Use `docs-seeker` | Different name in CoKit |
|
|
123
|
+
|
|
124
|
+
**Single flag:** Always use `(if available)` — never `(if installed)`.
|
|
125
|
+
|
|
126
|
+
**Before porting:** Check if any missing skill has been added to CoKit since last port. If so, remove the qualifier.
|
|
127
|
+
|
|
128
|
+
## 7. Prompt Classification
|
|
129
|
+
|
|
130
|
+
- **Prompts** = top-level commands counted in "25 prompts" (e.g., `/ck-plan`, `/ck-fix`, `/ck-cook`)
|
|
131
|
+
- **Variant commands** = sub-routes, NOT counted (e.g., `/ck-plan-fast`, `/ck-plan-hard`, `/ck-plan-validate`, `/ck-plan-red-team`)
|
|
132
|
+
|
|
133
|
+
New variant → update flowchart + Deep Dive in `index.html`, do NOT bump prompt count.
|
|
134
|
+
|
|
135
|
+
## 8. Version & Docs Update Checklist
|
|
136
|
+
|
|
137
|
+
### Always update
|
|
138
|
+
- [ ] `package.json` + `package-lock.json` (`npm install --package-lock-only`)
|
|
139
|
+
- [ ] `CHANGELOG.md` — new entry
|
|
140
|
+
- [ ] `index.html` — hero badge + footer version
|
|
141
|
+
- [ ] `README.md` — "What's New" section
|
|
142
|
+
- [ ] `docs/project-roadmap.md` — version + last updated
|
|
143
|
+
|
|
144
|
+
### Sync if outdated (check version string)
|
|
145
|
+
- [ ] `docs/README.md`
|
|
146
|
+
- [ ] `docs/codebase-summary.md`
|
|
147
|
+
- [ ] `docs/cokit-comprehensive-mapping-guide.md`
|
|
148
|
+
- [ ] `docs/cokit-team-presentation.md`
|
|
149
|
+
- [ ] `docs/cokit-sync-and-maintenance-guide.md`
|
|
150
|
+
- [ ] `docs/guide-next-steps-speckit-cokit-implementation.md`
|
|
151
|
+
- [ ] `docs/project-overview-pdr.md`
|
|
152
|
+
|
|
153
|
+
### If new commands added
|
|
154
|
+
- [ ] Flowchart nodes/edges in `index.html`
|
|
155
|
+
- [ ] Deep Dive section in `index.html`
|
|
156
|
+
- [ ] Prompts table in `index.html` (if variant of existing command)
|
|
157
|
+
|
|
158
|
+
## 9. Validation Grep Patterns
|
|
159
|
+
|
|
160
|
+
After porting, run these — must return 0 matches (except historical/changelog):
|
|
161
|
+
|
|
162
|
+
```bash
|
|
163
|
+
grep -r "@\w+-\w+" agents/ skills/ prompts/ # @agent-name syntax
|
|
164
|
+
grep -r "project-manager" agents/ skills/ prompts/ # Non-existent agent
|
|
165
|
+
grep -r "subagent" agents/ # Wrong terminology
|
|
166
|
+
grep -r "\.claude/" agents/ skills/ prompts/ # Wrong path
|
|
167
|
+
grep -r "AskUserQuestion\|SlashCommand" agents/ skills/ prompts/ # Claude Code APIs
|
|
168
|
+
grep -r "chrome-devtools" agents/ # Renamed tool
|
|
169
|
+
grep -r "\$ARGUMENTS" agents/ prompts/ # Wrong variable
|
|
170
|
+
grep -r "^name:\|^model:\|^memory:" agents/ prompts/ # Invalid frontmatter
|
|
171
|
+
```
|
|
172
|
+
|
|
173
|
+
## 10. Common Mistakes
|
|
174
|
+
|
|
175
|
+
1. **`@agent-name`** → Use `` `agent-name` agent `` (no `@` prefix)
|
|
176
|
+
2. **`project-manager` agent** → Doesn't exist, replace with direct instructions
|
|
177
|
+
3. **Team Mode sections** → Don't port, Copilot subagents are isolated
|
|
178
|
+
4. **Missing "(if available)"** → External tools need `(if available)` qualifier. Use this single flag only — never "(if installed)"
|
|
179
|
+
5. **Counting variants as prompts** → Variants don't bump prompt count
|
|
180
|
+
6. **`SlashCommand()` wrappers** → Convert to plain `/ck-*`
|
|
181
|
+
7. **`document-skills`** → Use `docs-seeker`
|
|
182
|
+
8. **`chrome-devtools`** → Use `agent-browser`
|
package/docs/codebase-summary.md
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
## Overview
|
|
4
4
|
|
|
5
|
-
CoKit is a CLI tool that enhances GitHub Copilot with
|
|
5
|
+
CoKit is a CLI tool that enhances GitHub Copilot with 25 prompts, 12 agents, 5 instructions, 27 skills, and 5 collections. The tool unifies two upstream sources (ClaudeKit and SpecKit) into a single ck-* namespace.
|
|
6
6
|
|
|
7
7
|
**Repository:** https://github.com/camping89/cokit.git
|
|
8
|
-
**Version:** 1.2.
|
|
8
|
+
**Version:** 1.2.6
|
|
9
9
|
**License:** CC BY-NC 4.0
|
|
10
10
|
**Node Requirements:** >= 18.0.0
|
|
11
|
-
**Last Updated:** 2026-02-
|
|
11
|
+
**Last Updated:** 2026-02-25
|
|
12
12
|
|
|
13
13
|
## Architecture
|
|
14
14
|
|
|
@@ -67,7 +67,7 @@ cokit/
|
|
|
67
67
|
│ ├── transform-speckit.mjs # SpecKit transformer
|
|
68
68
|
│ ├── patch-navigation.mjs # Navigation footer injection
|
|
69
69
|
│ └── resource-origins.yml # Configuration (mappings, navigation)
|
|
70
|
-
├── prompts/ # Output: Transformed prompts (
|
|
70
|
+
├── prompts/ # Output: Transformed prompts (33 files)
|
|
71
71
|
├── agents/ # Agent definitions (12 files)
|
|
72
72
|
├── instructions/ # Instruction sets (5 files)
|
|
73
73
|
├── skills/ # Skill packs (27 directories)
|
|
@@ -91,7 +91,7 @@ Registers 5 commands using Commander.js:
|
|
|
91
91
|
**Flow:**
|
|
92
92
|
1. Load resource-origins.yml configuration
|
|
93
93
|
2. Transform ClaudeKit and SpecKit sources in parallel
|
|
94
|
-
3. Merge results (total:
|
|
94
|
+
3. Merge results (total: 25 prompts)
|
|
95
95
|
4. Apply navigation patches to all prompts
|
|
96
96
|
5. Write output files or show dry-run preview
|
|
97
97
|
6. Update sync timestamps
|
|
@@ -103,7 +103,7 @@ sources:
|
|
|
103
103
|
speckit: {repo, ref, path, last_sync}
|
|
104
104
|
claudekit: {path, last_sync}
|
|
105
105
|
ignore: [] # Commands to skip
|
|
106
|
-
mappings: {} # Command mappings (
|
|
106
|
+
mappings: {} # Command mappings (24 entries)
|
|
107
107
|
unknown_commands: [] # Tracking unknown sources
|
|
108
108
|
navigation: {} # Workflow navigation rules
|
|
109
109
|
```
|
|
@@ -164,14 +164,14 @@ Maintains mappings and sync metadata.
|
|
|
164
164
|
- `sources.speckit` - SpecKit repo location
|
|
165
165
|
- `sources.claudekit` - ClaudeKit local path (~/.claude/commands)
|
|
166
166
|
- `ignore` - Commands to skip
|
|
167
|
-
- `mappings` -
|
|
167
|
+
- `mappings` - 24 command mappings with origins and descriptions
|
|
168
168
|
- `navigation` - Workflow navigation rules
|
|
169
169
|
- `unknown_commands` - Tracking array for unmapped sources
|
|
170
170
|
|
|
171
171
|
## Prompt Inventory
|
|
172
172
|
|
|
173
|
-
### ClaudeKit Commands (
|
|
174
|
-
|
|
173
|
+
### ClaudeKit Commands (16)
|
|
174
|
+
16 prompts from ~/.claude/commands/ (plan, plan.hard, plan.fast, fix, test, ask, bootstrap, review, watzup, help, brainstorm, cook, scout, git, debug, docs)
|
|
175
175
|
|
|
176
176
|
### SpecKit Commands (8)
|
|
177
177
|
8 prompts from upstream/speckit (specify, clarify, constitution, plan, tasks, implement, analyze, checklist)
|
|
@@ -249,7 +249,8 @@ Output (ck-*)
|
|
|
249
249
|
|
|
250
250
|
## Version History
|
|
251
251
|
|
|
252
|
-
- **v1.2.
|
|
252
|
+
- **v1.2.6** (Current) - 25 prompts, 12 agents, 27 skills
|
|
253
|
+
- **v1.2.0** - Initial Copilot port with full resource set
|
|
253
254
|
- **v1.1.0** - 21 prompts (12 ClaudeKit + 9 SpecKit), SpecKit sync pipeline
|
|
254
255
|
- **v1.0.9** - Comprehensive documentation update
|
|
255
256
|
- **v1.0.8** - Initial release
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Complete reference for CoKit GitHub Copilot resource toolkit.
|
|
4
4
|
|
|
5
|
-
**Version:** 1.2.
|
|
6
|
-
**Date:** 2026-02-
|
|
5
|
+
**Version:** 1.2.6
|
|
6
|
+
**Date:** 2026-02-25
|
|
7
7
|
|
|
8
8
|
---
|
|
9
9
|
|
|
@@ -23,7 +23,7 @@ Complete reference for CoKit GitHub Copilot resource toolkit.
|
|
|
23
23
|
CoKit transforms GitHub Copilot from basic autocomplete to a structured AI development assistant with:
|
|
24
24
|
|
|
25
25
|
- **12 Specialized Agents** - Planner, code-reviewer, debugger, tester, researcher, code-simplifier, fullstack-developer, ui-ux-designer, etc.
|
|
26
|
-
- **
|
|
26
|
+
- **25 Prompt Templates** - Reusable workflows with `ck-*` and `ck-spec-*` prefixes
|
|
27
27
|
- **27 Skill Packages** - Deep expertise in debugging, code-review, planning, frontend-design, databases, devops, etc.
|
|
28
28
|
- **5 Instructions** - Coding standards auto-applied by file pattern (backend, frontend, testing, development, research)
|
|
29
29
|
- **5 Collections** - Bundled resource sets for specific workflows (core, development-rules, documentation, git-workflow, orchestration)
|
|
@@ -32,8 +32,6 @@ CoKit transforms GitHub Copilot from basic autocomplete to a structured AI devel
|
|
|
32
32
|
|
|
33
33
|
```bash
|
|
34
34
|
npx cokit-cli init # Interactive setup
|
|
35
|
-
npx cokit-cli init -g # Global resources only
|
|
36
|
-
npx cokit-cli init -a # Both project and global
|
|
37
35
|
```
|
|
38
36
|
|
|
39
37
|
---
|
|
@@ -62,7 +60,7 @@ Step-by-step instructions...
|
|
|
62
60
|
|
|
63
61
|
**SpecKit (ck-spec-* namespace):** Spec-driven workflows - specify, clarify, constitution, plan, tasks, implement, analyze, checklist, etc.
|
|
64
62
|
|
|
65
|
-
All
|
|
63
|
+
All 25 prompts are unified in a single namespace for seamless workflow navigation.
|
|
66
64
|
|
|
67
65
|
**Usage Example:**
|
|
68
66
|
```
|
|
@@ -163,7 +161,7 @@ items:
|
|
|
163
161
|
|
|
164
162
|
```bash
|
|
165
163
|
cd your-project
|
|
166
|
-
npx cokit-cli init
|
|
164
|
+
npx cokit-cli init
|
|
167
165
|
```
|
|
168
166
|
|
|
169
167
|
You'll be prompted to choose:
|
|
@@ -201,8 +199,6 @@ You'll be prompted to choose:
|
|
|
201
199
|
| Command | Description |
|
|
202
200
|
|---------|-------------|
|
|
203
201
|
| `npx cokit-cli init` | Interactive setup wizard |
|
|
204
|
-
| `npx cokit-cli init -g` | Install personal skills only |
|
|
205
|
-
| `npx cokit-cli init -a` | Install both project and personal |
|
|
206
202
|
| `npx cokit-cli list` | Show installed components |
|
|
207
203
|
| `npx cokit-cli doctor` | Diagnose setup issues |
|
|
208
204
|
| `npx cokit-cli update` | Update to latest version |
|
package/docs/cokit-slides.md
CHANGED
|
@@ -61,7 +61,7 @@ npm publish Downloads cokit-cli
|
|
|
61
61
|
|
|
62
62
|
## Slide 6: What Users Get
|
|
63
63
|
|
|
64
|
-
###
|
|
64
|
+
### 25 Prompts (ClaudeKit + SpecKit)
|
|
65
65
|
|
|
66
66
|
**Development workflows (ck-*):**
|
|
67
67
|
- `/ck-fix`, `/ck-plan`, `/ck-cook`, `/ck-test`, `/ck-review`, `/ck-bootstrap`, `/ck-brainstorm`, etc.
|
|
@@ -92,9 +92,7 @@ All unified in single namespace with cross-navigation.
|
|
|
92
92
|
|
|
93
93
|
| Option | Command | Location |
|
|
94
94
|
|--------|---------|----------|
|
|
95
|
-
| **
|
|
96
|
-
| **Personal** | `npx cokit-cli init -g` | `~/.copilot/` |
|
|
97
|
-
| **Both** | `npx cokit-cli init -a` | Both |
|
|
95
|
+
| **Interactive** | `npx cokit-cli init` | Choose: project, global, or both |
|
|
98
96
|
|
|
99
97
|
---
|
|
100
98
|
|
|
@@ -209,4 +207,4 @@ npx cokit-cli init # Always gets latest version
|
|
|
209
207
|
|
|
210
208
|
**Full docs:** `docs/cokit-team-presentation.md`
|
|
211
209
|
|
|
212
|
-
**Quick start:** `npx cokit-cli init
|
|
210
|
+
**Quick start:** `npx cokit-cli init`
|
|
@@ -396,12 +396,12 @@ For stability, pin SpecKit to a specific tag:
|
|
|
396
396
|
sources:
|
|
397
397
|
speckit:
|
|
398
398
|
repo: github/spec-kit
|
|
399
|
-
ref: v1.2.
|
|
399
|
+
ref: v1.2.6 # Pin to tag instead of main
|
|
400
400
|
```
|
|
401
401
|
|
|
402
402
|
Update `sync:pull` script to use the ref:
|
|
403
403
|
```bash
|
|
404
|
-
git subtree pull --prefix=upstream/speckit https://github.com/github/spec-kit.git v1.2.
|
|
404
|
+
git subtree pull --prefix=upstream/speckit https://github.com/github/spec-kit.git v1.2.6 --squash
|
|
405
405
|
```
|
|
406
406
|
|
|
407
407
|
---
|