ckm:kit-builder
Build ClaudeKit Marketing components - skills, agents, commands, workflows. Use when creating new automation, extending marketing capabilities, or understanding kit structure. Includes templates, examples, and init scripts.
- License 许可
- MIT
- 所属仓库
- wojtekidd/risky
- 最近更新
- 2026-10-11
- Stars
- ★ 0
- Forks
- 0
01 前言 Front Matter
- name
- ckm:kit-builder
- license
- MIT
- metadata
- { "author": "claudekit", "version": "1.0.0" }
- description
- Build ClaudeKit Marketing components - skills, agents, commands, workflows. Use when creating new automation, extending marketing capabilities, or understanding kit structure. Includes templates, examples, and init scripts.
- argument-hint
- [component-type] [name]
02 资源文件 11
- 参考文档references/agent-guide.md1.8 KB
- 参考文档references/best-practices.md2.3 KB
- 参考文档references/command-guide.md2.0 KB
- 参考文档references/marketing-checklist.md3.2 KB
- 参考文档references/skill-guide.md1.8 KB
- 参考文档references/workflow-guide.md2.1 KB
- 脚本scripts/init_component.py5.6 KB
- 参考文档templates/agent-template.md1.1 KB
- 参考文档templates/command-template.md736 B
- 参考文档templates/skill-template.md831 B
- 参考文档templates/workflow-template.md1.3 KB
03 SKILL.md 正文
Kit Builder
Build skills, agents, commands, and workflows for ClaudeKit Marketing.
When to Use
- Creating new skill for specialized task
- Adding new agent for marketing automation
- Building command for user workflow
- Designing workflow for process orchestration
- Understanding kit component structure
Component Types
| Type | Location | Purpose |
|---|---|---|
| Skill | .claude/skills/{name}/SKILL.md |
Domain knowledge + tools |
| Agent | .claude/agents/{name}.md |
Specialized subagent |
| Command | .claude/commands/{path}.md |
User-invocable action |
| Workflow | .claude/workflows/{name}.md |
Process orchestration |
Quick Start
Create skill: Load references/skill-guide.md
Create agent: Load references/agent-guide.md
Create command: Load references/command-guide.md
Create workflow: Load references/workflow-guide.md
Init Script
python .claude/skills/kit-builder/scripts/init_component.py <type> <name>
Types: skill, agent, command, workflow
Decision Tree
What to build?
├── Reusable domain knowledge → Skill
│ └── API, tool, workflow patterns
├── Autonomous task handler → Agent
│ └── Orchestrates skills + tools
├── User-triggered action → Command
│ └── Slash command (/name)
└── Process definition → Workflow
└── Multi-step orchestration
References
| Guide | File |
|---|---|
| Skill Creation | references/skill-guide.md |
| Agent Creation | references/agent-guide.md |
| Command Creation | references/command-guide.md |
| Workflow Creation | references/workflow-guide.md |
| Best Practices | references/best-practices.md |
| Marketing Checklist | references/marketing-checklist.md |
Templates
| Template | Path |
|---|---|
| Skill | templates/skill-template.md |
| Agent | templates/agent-template.md |
| Command | templates/command-template.md |
| Workflow | templates/workflow-template.md |
Integration
Related: skill-creator, claude-code
Agents: planner, researcher, docs-manager
04 同仓库更多 Skills
ckm:youtube-thumbnail-design
Design YouTube thumbnails with 17 styles, niche-specific guides, and CTR optimization. Generate complete thumbnails with text using Gemini Nano Banana Pro (4K text rendering). Actions: design, create, generate thumbnail. Niches: tech, gaming, education, cooking, fitness, business. Styles: facecam, before-after, listicle, diagram, whiteboard, bold-text, mystery, dark-dramatic. Features: AI generation with text baked in, brand identity, reference face, arrows, Google Font support.
ck:web-frameworks
Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined/filled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build performance and caching strategies, adding icon libraries, managing shared dependencies, or working with TypeScript full-stack projects.
ck:ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
ck:threejs
Build 3D web apps with Three.js (WebGL/WebGPU). 556 searchable examples, 60 API classes, 20 use cases. Actions: create 3D scene, load model, add animation, implement physics, build VR/XR. Topics: GLTF loader, PBR materials, particle effects, shadows, post-processing, compute shaders, TSL. Integrations: WebGPU, physics engines, spatial audio.
ck:sequential-thinking
Apply structured, reflective problem-solving for complex tasks requiring multi-step analysis, revision capability, and hypothesis verification. Use for complex problem decomposition, adaptive planning, analysis needing course correction, problems with unclear scope, multi-step solutions, and hypothesis-driven work.
ck:payment-integration
Integrate payments with SePay (VietQR), Polar (SaaS subscriptions), Stripe (global payments). Use for checkout, webhooks, QR codes, subscriptions, currency conversion, multi-provider order management, commission systems.