Introduction to ClaudeKit

ClaudeKit extends Claude Code with specialized agents, slash commands, and reusable skills.

Tutorial Video

New to ClaudeKit? Watch this step-by-step tutorial covering CLI installation, setup with ck command, and demo building UI from screenshots.

More tutorials: @goonnguyen | X: @goon_nguyen

What is ClaudeKit?

ClaudeKit extends Claude Code with specialized toolkits for engineering and marketing. Instead of writing prompts from scratch, you call workflows optimized for speed and quality.

ClaudeKit is powered by AgentKit — a multi-kit framework that ships skills, agents, and workflows as versioned releases. Skills install to ~/.claude/skills/ via the ck CLI and are invoked with /ck:skill-name inside Claude Code.

Two Powerful Kits

Engineer Kit — Development & automation toolkit:

  • Agents: Specialized AI assistants (planner, researcher, tester, debugger, code-reviewer)
  • Skills: /ck:cook, /ck:fix, /ck:plan, /ck:test, /ck:brainstorm and 75+ more
  • Knowledge modules: Next.js, PostgreSQL, Docker, DevOps, better-auth, and more

Marketing Kit — Marketing & content automation toolkit:

  • Agents: Content creators (copywriter, designer, campaign-manager, seo-specialist)
  • Skills: /ckm:social, /ckm:email, /ckm:brand, /ckm:seo, /ckm:campaign and 55+ more
  • Asset Management: Centralized hub for copy, storyboards, slides, brand guidelines

How It Works

Engineer Kit Example:

  1. Type /ck:cook "add user authentication"
  2. System launches planner → researcher → developer → tester agents
  3. Agents collaborate, write code, run tests, commit changes
  4. You review results, provide feedback, iterate

Marketing Kit Example:

  1. Type /ckm:social "launch announcement for our new API"
  2. System applies your brand voice and platform guidelines
  3. Content variants generated for LinkedIn, X, and newsletter
  4. Assets saved to content hub for reuse

Why Use ClaudeKit?

For Engineers:

  • Speed: Structured workflows replace repetitive prompting for feature development
  • Quality: Battle-tested skill prompts reduce bugs and technical debt
  • Consistency: Same development patterns across your entire team

For Marketers:

  • Brand Consistency: Centralized asset management ensures unified messaging
  • Context Awareness: Content based on actual product and codebase
  • Production Ready: Video storyboards, .pptx slides, multi-channel copy

Choose Your Kit

Use the kit switcher in the header to explore:

Engineer Kit → Start at Engineer Skills

  • Feature development workflows
  • Testing and debugging agents
  • Infrastructure automation

Marketing Kit → Start at Marketing Docs

  • Content creation workflows
  • Video production pipelines
  • Campaign orchestration

Next Steps

  1. Install ClaudeKit — Set up the ck CLI in 5 minutes
  2. AgentKit Architecture — Understand kits, skills, and agents
  3. Quick Start — Build your first feature or campaign

Explore Workflows

Engineer Workflows:

Marketing Workflows: