cokit-cli 1.2.3 → 1.2.6

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 (79) hide show
  1. package/README.md +6 -7
  2. package/agents/brainstormer.agent.md +9 -2
  3. package/agents/code-reviewer.agent.md +59 -84
  4. package/agents/code-simplifier.agent.md +9 -6
  5. package/agents/debugger.agent.md +17 -8
  6. package/agents/docs-manager.agent.md +104 -8
  7. package/agents/fullstack-developer.agent.md +57 -13
  8. package/agents/git-manager.agent.md +2 -382
  9. package/agents/planner.agent.md +36 -8
  10. package/agents/researcher.agent.md +18 -3
  11. package/agents/tester.agent.md +13 -14
  12. package/agents/ui-ux-designer.agent.md +209 -33
  13. package/docs/README.md +4 -3
  14. package/docs/claudekit-porting-rules.md +182 -0
  15. package/docs/codebase-summary.md +11 -10
  16. package/docs/cokit-comprehensive-mapping-guide.md +4 -4
  17. package/docs/cokit-slides.md +1 -1
  18. package/docs/cokit-sync-and-maintenance-guide.md +8 -3
  19. package/docs/cokit-team-presentation.md +5 -5
  20. package/docs/guide-next-steps-speckit-cokit-implementation.md +1 -1
  21. package/docs/project-overview-pdr.md +1 -1
  22. package/docs/project-roadmap.md +6 -7
  23. package/package.json +1 -1
  24. package/prompts/ck-ask.prompt.md +1 -1
  25. package/prompts/ck-bootstrap.prompt.md +1 -1
  26. package/prompts/ck-cook.prompt.md +12 -12
  27. package/prompts/ck-plan-fast.prompt.md +1 -0
  28. package/prompts/ck-plan-hard.prompt.md +2 -1
  29. package/prompts/ck-plan-red-team.prompt.md +227 -0
  30. package/prompts/ck-plan.prompt.md +1 -0
  31. package/prompts/ck-simplify.prompt.md +1 -1
  32. package/skills/code-review/SKILL.md +78 -28
  33. package/skills/cook/SKILL.md +45 -11
  34. package/skills/debug/SKILL.md +112 -17
  35. package/skills/fix/SKILL.md +20 -8
  36. package/skills/frontend-design/SKILL.md +6 -3
  37. package/skills/planning/SKILL.md +47 -15
  38. package/skills/research/SKILL.md +1 -1
  39. package/skills/scout/SKILL.md +24 -11
  40. package/skills/web-testing/SKILL.md +60 -6
  41. package/skills/web-testing/references/report-format.md +57 -0
  42. package/skills/web-testing/references/test-execution-workflow.md +118 -0
  43. package/skills/web-testing/references/ui-testing-workflow.md +97 -0
  44. package/templates/repo/.github/agents/brainstormer.agent.md +9 -2
  45. package/templates/repo/.github/agents/code-reviewer.agent.md +59 -84
  46. package/templates/repo/.github/agents/code-simplifier.agent.md +9 -6
  47. package/templates/repo/.github/agents/debugger.agent.md +17 -8
  48. package/templates/repo/.github/agents/docs-manager.agent.md +104 -8
  49. package/templates/repo/.github/agents/fullstack-developer.agent.md +57 -13
  50. package/templates/repo/.github/agents/git-manager.agent.md +2 -382
  51. package/templates/repo/.github/agents/planner.agent.md +36 -8
  52. package/templates/repo/.github/agents/researcher.agent.md +18 -3
  53. package/templates/repo/.github/agents/tester.agent.md +13 -14
  54. package/templates/repo/.github/agents/ui-ux-designer.agent.md +209 -33
  55. package/templates/repo/.github/prompts/ck-ask.prompt.md +1 -1
  56. package/templates/repo/.github/prompts/ck-bootstrap.prompt.md +1 -1
  57. package/templates/repo/.github/prompts/ck-cook.prompt.md +12 -12
  58. package/templates/repo/.github/prompts/ck-plan-fast.prompt.md +1 -0
  59. package/templates/repo/.github/prompts/ck-plan-hard.prompt.md +2 -1
  60. package/templates/repo/.github/prompts/ck-plan-red-team.prompt.md +227 -0
  61. package/templates/repo/.github/prompts/ck-plan.prompt.md +1 -0
  62. package/templates/repo/.github/prompts/ck-simplify.prompt.md +1 -1
  63. package/templates/repo/.github/prompts/ck-spec-specify.prompt.md +1 -0
  64. package/templates/repo/.github/skills/code-review/SKILL.md +78 -28
  65. package/templates/repo/.github/skills/cook/SKILL.md +45 -11
  66. package/templates/repo/.github/skills/debug/SKILL.md +112 -17
  67. package/templates/repo/.github/skills/fix/SKILL.md +20 -8
  68. package/templates/repo/.github/skills/frontend-design/SKILL.md +6 -3
  69. package/templates/repo/.github/skills/planning/SKILL.md +47 -15
  70. package/templates/repo/.github/skills/research/SKILL.md +1 -1
  71. package/templates/repo/.github/skills/scout/SKILL.md +24 -11
  72. package/templates/repo/.github/skills/web-testing/SKILL.md +60 -6
  73. package/templates/repo/.github/skills/web-testing/references/report-format.md +57 -0
  74. package/templates/repo/.github/skills/web-testing/references/test-execution-workflow.md +118 -0
  75. package/templates/repo/.github/skills/web-testing/references/ui-testing-workflow.md +97 -0
  76. package/prompts/ck-journal.prompt.md +0 -19
  77. package/prompts/ck-preview.prompt.md +0 -77
  78. package/templates/repo/.github/prompts/ck-journal.prompt.md +0 -19
  79. 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
- ## Core Capabilities
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
- - **Design System Management**: Maintain `./docs/design-guidelines.md` with design tokens, patterns, and standards
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
- ## Skills
99
+ ## Report Output
22
100
 
23
- Activate relevant skills based on task:
24
- - `ui-ux-pro-max` — Design intelligence database (always first)
25
- - `frontend-design` — Screenshot analysis and design replication
26
- - `web-design-guidelines` — Web design best practices
27
- - `ui-styling` — shadcn/ui, Tailwind CSS components
28
- - `frontend-development` React/TypeScript patterns
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**: Understand requirements, study trends, review `./docs/design-guidelines.md`
33
- 2. **Design**: Wireframes (mobile-first) high-fidelity mockups design tokens
34
- 3. **Implement**: Semantic HTML/CSS/JS, responsive, annotated for developers
35
- 4. **Validate**: Accessibility audit (WCAG 2.1 AA), cross-device testing
36
- 5. **Document**: Update `./docs/design-guidelines.md` with new patterns
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**: Start mobile, scale up
41
- - **Accessibility**: WCAG 2.1 AA minimum (4.5:1 contrast, 44px touch targets)
42
- - **Consistency**: Follow design system tokens and patterns
43
- - **Performance**: Optimize animations, respect `prefers-reduced-motion`
44
- - **Clarity**: Intuitive navigation, clear visual hierarchy
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
- - Responsive: 320px+ mobile, 768px+ tablet, 1024px+ desktop
49
- - Color contrast: 4.5:1 normal text, 3:1 large text
50
- - Interactive elements: clear hover, focus, active states
51
- - Typography: 1.5-1.6 line height for body text
52
- - Touch targets: minimum 44x44px on mobile
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
- - Follow rules in `./docs/development-rules.md`
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.0 | **Updated:** 2026-02-10
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) | Upgrading from older versions |
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 | 27 | `prompts/ck-*.prompt.md` |
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`
@@ -2,13 +2,13 @@
2
2
 
3
3
  ## Overview
4
4
 
5
- CoKit is a CLI tool that enhances GitHub Copilot with 27 prompts, 12 agents, 5 instructions, 27 skills, and 5 collections. The tool unifies two upstream sources (ClaudeKit and SpecKit) into a single ck-* namespace.
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.0
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-10
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 (28 files)
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: 27 prompts)
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 (21 entries)
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` - 28 command mappings with origins and descriptions
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 (12)
174
- 12 prompts from ~/.claude/commands/ (plan, fix, test, ask, bootstrap, review, watzup, journal, preview, help, plan.hard, plan.fast)
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.0** (Current) - 27 prompts, 12 agents, 27 skills
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.0
6
- **Date:** 2026-02-10
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
- - **27 Prompt Templates** - Reusable workflows with `ck-*` and `ck-spec-*` prefixes
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)
@@ -62,7 +62,7 @@ Step-by-step instructions...
62
62
 
63
63
  **SpecKit (ck-spec-* namespace):** Spec-driven workflows - specify, clarify, constitution, plan, tasks, implement, analyze, checklist, etc.
64
64
 
65
- All 27 prompts are unified in a single namespace for seamless workflow navigation.
65
+ All 25 prompts are unified in a single namespace for seamless workflow navigation.
66
66
 
67
67
  **Usage Example:**
68
68
  ```
@@ -61,7 +61,7 @@ npm publish Downloads cokit-cli
61
61
 
62
62
  ## Slide 6: What Users Get
63
63
 
64
- ### 27 Prompts (ClaudeKit + SpecKit)
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.
@@ -279,7 +279,7 @@ Every prompt gets a navigation footer injected:
279
279
  | After `ck-brainstorm` | `/ck-specify`, `/ck-plan-fast` |
280
280
  | After `ck-specify` | `/ck-clarify`, `/ck-brainstorm`, `/ck-plan` |
281
281
  | After `ck-clarify` | `/ck-specify` (update), `/ck-plan` |
282
- | After `ck-plan` | `/ck-cook`, `/ck-brainstorm` (rethink) |
282
+ | After `ck-plan` | `/ck-spec-tasks`, `/ck-cook`, `/ck-brainstorm` (rethink) |
283
283
  | After `ck-cook` | `/ck-test`, `/ck-fix` |
284
284
 
285
285
  **All commands:** `ck-brainstorm`, `ck-specify`, `ck-clarify`, `ck-constitution`, `ck-plan`, `ck-plan-hard`, `ck-plan-fast`, `ck-spec-tasks`, `ck-cook`, `ck-fix`, `ck-test`
@@ -317,6 +317,11 @@ Every prompt gets a navigation footer injected:
317
317
  │ └──────┬──────┘ approach needs│ │
318
318
  │ │ rethinking │ │
319
319
  │ ▼ │ │
320
+ │ ┌───────────────┐ │ │
321
+ │ │ck-spec-tasks │ ← Break into tasks │
322
+ │ └───────┬───────┘ │ │
323
+ │ │ │ │
324
+ │ ▼ │ │
320
325
  │ ┌─────────────┐ │ │
321
326
  │ │ ck-cook │──────────────────┘ │
322
327
  │ └──────┬──────┘ (via ck-brainstorm) │
@@ -391,12 +396,12 @@ For stability, pin SpecKit to a specific tag:
391
396
  sources:
392
397
  speckit:
393
398
  repo: github/spec-kit
394
- ref: v1.2.0 # Pin to tag instead of main
399
+ ref: v1.2.6 # Pin to tag instead of main
395
400
  ```
396
401
 
397
402
  Update `sync:pull` script to use the ref:
398
403
  ```bash
399
- git subtree pull --prefix=upstream/speckit https://github.com/github/spec-kit.git v1.2.0 --squash
404
+ git subtree pull --prefix=upstream/speckit https://github.com/github/spec-kit.git v1.2.6 --squash
400
405
  ```
401
406
 
402
407
  ---
@@ -1,9 +1,9 @@
1
1
  # CoKit: Team Presentation
2
2
 
3
- **Date:** February 10, 2026 (v1.2.0)
3
+ **Date:** February 25, 2026 (v1.2.6)
4
4
  **Presenter:** [Your Name]
5
5
  **Repository:** https://github.com/camping89/cokit
6
- **Version:** 1.2.0
6
+ **Version:** 1.2.6
7
7
 
8
8
  ---
9
9
 
@@ -18,7 +18,7 @@
18
18
  - Project-specific context
19
19
 
20
20
  **Solution:** CoKit ports proven Claude Code workflow patterns to GitHub Copilot via:
21
- - 27 prompts with unified `ck-*` namespace (ClaudeKit + SpecKit) using `mode: agent`
21
+ - 25 prompts with unified `ck-*` namespace (ClaudeKit + SpecKit) using `mode: agent`
22
22
  - 27 skills teaching Copilot best practices (debugging, code-review, planning, frontend-design, databases, devops, etc.)
23
23
  - 12 specialized agents (including code-simplifier, fullstack-developer, ui-ux-designer)
24
24
  - 5 instructions (backend, frontend, testing, development, research)
@@ -79,7 +79,7 @@
79
79
  │ ┌─────────────────────────────────────────────────────────┐ │
80
80
  │ │ ✓ .github/copilot-instructions.md │ │
81
81
  │ │ ✓ .github/AGENTS.md │ │
82
- │ │ ✓ .github/prompts/ck-*.prompt.md (27 prompts) │ │
82
+ │ │ ✓ .github/prompts/ck-*.prompt.md (25 prompts) │ │
83
83
  │ │ ✓ .github/instructions/ck-*.instructions.md (5 files) │ │
84
84
  │ │ ✓ .github/collections/ck-*.collection.yml (5 bundles) │ │
85
85
  │ │ ✓ .vscode/settings.json │ │
@@ -175,7 +175,7 @@ your-project/
175
175
  **SpecKit (ck-spec-*):** Spec-driven workflow commands
176
176
  - `/ck-spec-specify`, `/ck-spec-clarify`, `/ck-spec-plan`, `/ck-spec-tasks`, `/ck-spec-implement`, etc.
177
177
 
178
- All 27 prompts unified in single namespace with cross-navigation support.
178
+ All 25 prompts unified in single namespace with cross-navigation support.
179
179
 
180
180
  ---
181
181