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.

Two Powerful Toolkits

Engineer Kit - Development & automation toolkit:

  • Agents: Specialized AI assistants (planner, researcher, tester, debugger, backend-developer)
  • Commands: Development workflows (/cook, /fix, /plan, /test, /code)
  • Skills: Technical knowledge modules (Next.js, PostgreSQL, Docker, DevOps)

Marketing Kit - Marketing & content automation toolkit:

  • Agents: Content creators (copywriter, ui-ux-designer, campaign-manager, seo-specialist)
  • Commands: Marketing workflows (/write:blog, /video:create, /slide:create, /campaign:*)
  • Asset Management: Centralized hub for copy, storyboards, slides, brand guidelines
  • Skills: Marketing expertise (copywriting, SEO, analytics, video production)

How It Works

Engineer Kit Example:

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

Marketing Kit Example:

  1. Type /write:blog "introducing our new API"
  2. System extracts your writing style from /assets/writing-styles/
  3. Copywriter agent drafts blog matching your tone
  4. Content saved to Asset Management hub for reuse

Why Use ClaudeKit?

For Engineers:

  • Speed: 10x faster than manual prompting for feature development
  • Quality: Battle-tested workflows reduce bugs and technical debt
  • Consistency: Same development patterns across entire team

For Marketers:

  • Brand Consistency: Centralized asset management ensures unified messaging
  • Context Awareness: Content based on actual product/codebase
  • Production Ready: Video storyboards with Gemini Veo 3.1, slides in .pptx format

Choose Your Toolkit

Use the kit switcher in the header to explore:

Engineer Kit → Start at Engineer Docs

  • 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. Understand the Concepts - How agents, commands, and skills work
  2. Install ClaudeKit - Set up the CLI
  3. Quick Start - Build your first feature or campaign

Explore Workflows

Engineer Workflows:

Marketing Workflows: