ClaudeKit CLI Guide

Install ClaudeKit, run claude, and leverage powerful AI skills from your terminal!

What is ClaudeKit CLI?

ClaudeKit CLI helps you set up ClaudeKit in your projects, then you use Claude Code to get AI assistance. Install ClaudeKit, run claude, and leverage powerful skills like UI/UX Pro Max — all from your terminal!

Quick Workflow

$ ck init # Set up ClaudeKit in your project

$ claude # Start Claude Code CLI

→ Then chat with AI to build beautiful UIs instantly! 🎨

What It Looks Like in Your Terminal

Here's exactly what you'll see when using ClaudeKit CLI

Terminal — bash — 80×24

➜ ~/projects claude

Starting Claude Code CLI...

Type your message (or /help for commands)

You: Using ui-ux-pro-max skill, create a yoga studio landing page

ClaudeKit AI is thinking...

✓ Searching product domain: beauty/wellness

✓ Style guide: minimalist + elegant

✓ Typography: Playfair Display + Inter

✓ Color palette: soft pastels (#E8E5F2)

✓ Design Complete!

Created: yoga-studio-landing.html

- Calming lavender color palette

- Elegant Playfair Display typography

- Responsive mobile-first design

- WCAG AA accessible

Files created in current directory

➜ ~/projects ls -la

drwxr-xr-x 5 user staff 160 Dec 3 15:20 .

drwxr-xr-x 12 user staff 384 Dec 3 15:15 ..

-rw-r--r-- 1 user staff 8420 Dec 3 15:20 yoga-studio-landing.html

➜ ~/projects open yoga-studio-landing.html

Opening in default browser...

→ You're already in Claude Code CLI. Just keep chatting!

You:

Using ui-ux-pro-max skill, make the buttons more prominent with hover effects

AI:

I'll enhance the button styles with:

• Smooth hover transitions (200ms)

• Scale effect (hover:scale-105)

• Shadow elevation on hover

• Clear cursor-pointer indication

✓ Updated yoga-studio-landing.html

➜ ~/projects ▊

Setup Project

ck init

Initialize ClaudeKit in your project (one-time setup)

Start Claude Code

claude

Open interactive AI assistant - chat and iterate

Use Skills

Using ui-ux-pro-max skill...

Inside Claude, activate powerful design intelligence

Quick Start Guide

Get ClaudeKit CLI running in 3 easy steps

Install ClaudeKit CLI

Install the ClaudeKit CLI tool globally:

npm install -g claudekit-cli

# or with bun

bun add -g claudekit-cli

# Verify installation

ck --version

Initialize ClaudeKit in Your Project

Navigate to your project and set up ClaudeKit:

cd ~/projects/my-project

ck init

# Interactive mode - follow the prompts

# This creates .claude/ directory with ClaudeKit files

💡 Choose Your Setup:

When running ck init, you'll see two options:

Global (Recommended): Installs for your user account. Works everywhere.
Local: Installs just for this specific project folder.

Choosing "Global" is usually easiest!

⚙️ Authentication Required:

ClaudeKit requires GitHub CLI authentication to download ClaudeKit Engineer kit.

gh auth login # Authenticate before ck init

📝 Note: Personal Access Tokens (PAT) are no longer supported

Start Claude Code & Create!

Launch Claude Code CLI and chat with AI:

claude

# Starts interactive Claude Code CLI

Starting Claude Code CLI...

You: Using ui-ux-pro-max skill, create a landing page for my coffee shop

That's it! AI will search design databases and create beautiful code for you.

Best Practice: Daily Routine

💡 Pro Tip: Run these commands before starting your work to ensure you always have the latest intelligent capabilities.

1 Update CLI Tool

$ ck update

Ensures your claudekit-cli has the latest features and bug fixes.

2 Update Engineer Kit

$ ck init --kit engineer

Or via global flag:

$ ck init -g --kit engineer

Updates the engineer kit to fetch the latest AI prompts and capabilities.

POWER TOOL

CCS - Claude Code Switch

Need to switch between work/personal accounts or use cheaper models like Gemini/GLM? CCS is a powerful wrapper for Claude Code that saves you money and streamlines your workflow.

Save ~80% costs Multi-account Fast delegation

View CCS Guide

Pro Tips for CLI Power Users

Use Quotes for Multi-word Requests

Always wrap your requests in double quotes: "your request here"

Interactive Mode = Better Iteration

Use ccs without arguments for back-and-forth refinement

Reference Files with @

Use @filename to tell AI which files to modify

Always Use "Using ui-ux-pro-max skill"

This activates the design intelligence system for professional results