Package Exports
- claude-cli-advanced-starter-pack
- claude-cli-advanced-starter-pack/src/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (claude-cli-advanced-starter-pack) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Claude CLI Advanced Starter Pack (CCASP)
╔═══════════════════════════════════════════════════════════════════════════════╗
║ ║
║ ╔═╗╦ ╔═╗╦ ╦╔╦╗╔═╗ ╔═╗╔╦╗╦ ╦╔═╗╔╗╔╔═╗╔═╗╔╦╗ ╔═╗╔╦╗╔═╗╦═╗╔╦╗╔═╗╦═╗ ║
║ ║ ║ ╠═╣║ ║ ║║║╣ ╠═╣ ║║╚╗╔╝╠═╣║║║║ ║╣ ║║ ╚═╗ ║ ╠═╣╠╦╝ ║ ║╣ ╠╦╝ ║
║ ╚═╝╩═╝╩ ╩╚═╝═╩╝╚═╝ ╩ ╩═╩╝ ╚╝ ╩ ╩╝╚╝╚═╝╚═╝═╩╝ ╚═╝ ╩ ╩ ╩╩╚═ ╩ ╚═╝╩╚═ ║
║ ║
║ v1.0.12 • Production Ready ║
║ ║
╚═══════════════════════════════════════════════════════════════════════════════╝
A professional-grade CLI toolkit for Claude Code CLI — agents, hooks, skills, MCP servers, phased development, and GitHub integration.
Getting Started • Documentation • API Reference • Contributing
Table of Contents
- Overview
- Key Features
- Architecture
- Quick Start
- Installation Options
- Commands Reference
- Configuration
- Template Engine
- API Reference
- Tech Stack Detection
- Feature Presets
- MCP Server Integration
- Troubleshooting
- Contributing
Overview
CCASP is a two-phase toolkit that extends Claude Code CLI capabilities:
| Phase | Environment | AI Required | Purpose |
|---|---|---|---|
| Phase 1: Terminal | Shell (bash/PowerShell) | No | File-based detection, scaffolding, template processing |
| Phase 2: Claude Code | Inside Claude CLI | Yes | AI-powered slash commands, agents, workflows |
What This Means for You
- Terminal Commands (
ccasp wizard,ccasp init) run without AI — they read your project files and generate configuration - Slash Commands (
/menu,/deploy-full) run inside Claude Code CLI with full AI capabilities
Key Features
Core Capabilities
| Feature | Description |
|---|---|
| L1/L2/L3 Agent Hierarchy | Orchestrators, specialists, and workers with configurable model selection |
| Enforcement Hooks | PreToolUse, PostToolUse, UserPromptSubmit hooks for validation and monitoring |
| RAG-Enhanced Skills | Domain-specific knowledge packages with context, templates, and workflows |
| Phased Development | 95%+ success rate planning with PROGRESS.json state tracking |
| GitHub Integration | Project Board sync, issue creation with codebase analysis |
| MCP Server Discovery | Auto-recommend and configure MCP servers for your stack |
| Template Engine | Handlebars-style placeholders with conditionals and loops |
| Tech Stack Detection | Pattern-based detection of 40+ frameworks and tools |
Optional Feature Modules
| Module | Commands | Purpose |
|---|---|---|
| Token Management | /context-audit |
Track API usage with thresholds |
| Deployment Automation | /deploy-full |
Full-stack Railway/Cloudflare/Vercel |
| Tunnel Services | /tunnel-start, /tunnel-stop |
ngrok, localtunnel, cloudflare-tunnel |
| Happy Mode | /happy-start |
Mobile app integration |
Architecture
┌─────────────────────────────────────────────────────────────────────────────┐
│ CCASP ARCHITECTURE │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ PHASE 1: TERMINAL (No AI) │
│ ───────────────────────── │
│ │
│ npm install ──► postinstall ──► ccasp wizard │
│ │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ Tech Stack │──►│ Template │──►│ Feature │ │
│ │ Detection │ │ Engine │ │ Selection │ │
│ │ (768 lines) │ │ (398 lines) │ │ (1386 lines) │ │
│ └──────────────┘ └──────────────┘ └──────────────┘ │
│ │ │ │ │
│ ▼ ▼ ▼ │
│ ┌──────────────────────────────────────────────────────────────────┐ │
│ │ YOUR PROJECT (.claude/) │ │
│ │ commands/ │ agents/ │ skills/ │ hooks/ │ docs/ │ settings.json │ │
│ └──────────────────────────────────────────────────────────────────┘ │
│ │
│ PHASE 2: CLAUDE CODE CLI (AI-Powered) │
│ ───────────────────────────────────── │
│ │
│ ┌──────────────────────────────────────────────────────────────────┐ │
│ │ RESTART REQUIRED │ │
│ │ ↓ │ │
│ │ /menu │ /deploy-full │ /github-update │ /phase-track │ ... │ │
│ │ │ │
│ │ Agents: L1 Orchestrators ──► L2 Specialists ──► L3 Workers │ │
│ │ Hooks: PreToolUse | PostToolUse | UserPromptSubmit │ │
│ │ Skills: RAG context + templates + workflows │ │
│ └──────────────────────────────────────────────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────────────┘Directory Structure
After running ccasp init, your project gets:
.claude/
├── commands/ # Slash commands (markdown with YAML frontmatter)
│ ├── menu.md # Interactive menu
│ ├── ccasp-setup.md # Setup wizard
│ ├── deploy-full.md # Deployment command
│ └── ... # 20+ commands based on feature selection
├── agents/ # L1/L2/L3 agent definitions
├── skills/ # RAG-enhanced skill packages
│ └── skill-name/
│ ├── skill.md # Definition
│ ├── context/ # Knowledge base
│ └── workflows/ # Procedures
├── hooks/ # Enforcement hooks
│ ├── pre-tool-use/
│ ├── post-tool-use/
│ └── user-prompt-submit/
├── docs/ # Generated documentation
├── phase-dev/ # Phased development projects
├── settings.json # Hook configuration
└── tech-stack.json # Detected/configured valuesQuick Start
# Step 1: Install globally
npm install -g claude-cli-advanced-starter-pack
# Step 2: Run the setup wizard (terminal command - no AI needed)
ccasp wizard
# Step 3: IMPORTANT - Restart Claude Code CLI
# Changes to .claude/ require a new session
claude .
# Step 4: Use slash commands inside Claude (AI-powered)
/menuPost-Install Welcome
🚀 Claude CLI Advanced Starter Pack
✓ Installation complete!
Quick Setup Options:
1. Run vibe-friendly setup wizard:
$ ccasp wizard
2. Quick init (auto-detect + deploy):
$ ccasp init
3. Full interactive menu:
$ ccaspInstallation Options
Option A: Global Installation (Recommended)
npm install -g claude-cli-advanced-starter-pack
ccasp wizardOption B: Project-Local Installation
npm install --save-dev claude-cli-advanced-starter-pack
npx ccasp wizardOption C: One-Time Use
npx claude-cli-advanced-starter-pack initCLI Aliases
All aliases point to the same CLI:
ccasp # Short form (recommended)
ccasp w # Wizard shortcut
claude-advanced # Medium form
claude-cli-advanced-starter-pack # Full nameCommands Reference
Terminal Commands (Shell — No AI)
| Command | Description | Key Options |
|---|---|---|
ccasp wizard |
Vibe-friendly setup wizard | Single-char navigation |
ccasp init |
Deploy commands to project | --force, --minimal |
ccasp detect-stack |
Auto-detect tech stack | --verbose |
ccasp create-agent |
Create L1/L2/L3 agents | Interactive wizard |
ccasp create-hook |
Create enforcement hooks | Interactive wizard |
ccasp create-skill |
Create RAG skill packages | Interactive wizard |
ccasp create-command |
Create slash commands | Interactive wizard |
ccasp create-phase-dev |
Create phased dev plan | --scale S/M/L, --autonomous |
ccasp explore-mcp |
MCP server discovery | --recommend, --testing |
ccasp claude-audit |
Audit CLAUDE.md | Enhancement suggestions |
ccasp validate |
Validate template agnosticism | --path, --fix |
ccasp roadmap |
Sync roadmaps with GitHub | import, sync, status |
ccasp sync |
Sync tasks with GitHub | pull, push, watch |
ccasp list |
List recent GitHub issues | --mine, --status |
Slash Commands (Inside Claude Code CLI — AI-Powered)
Core Commands (Always Installed)
| Command | Description |
|---|---|
/menu |
Interactive ASCII menu with all commands |
/ccasp-setup |
Configuration wizard |
/create-agent |
Create agents interactively |
/create-hook |
Create hooks interactively |
/create-skill |
Create skills interactively |
/explore-mcp |
Discover and install MCP servers |
/claude-audit |
Audit CLAUDE.md quality |
/phase-dev-plan |
Create phased development plans |
/codebase-explorer |
Analyze codebase structure |
/e2e-test |
Run E2E tests with Playwright |
Feature-Specific Commands
| Command | Feature Required | Description |
|---|---|---|
/github-update |
GitHub Integration | View Project Board status |
/github-task-start |
GitHub Integration | Start/complete GitHub tasks |
/phase-track |
Phased Development | Track progress on plans |
/deploy-full |
Deployment Automation | Full-stack deployment |
/tunnel-start |
Tunnel Services | Start ngrok/localtunnel |
/tunnel-stop |
Tunnel Services | Stop active tunnel |
/context-audit |
Token Management | Audit token usage |
/happy-start |
Happy Mode | Start mobile integration |
Configuration
tech-stack.json
Auto-generated during init with detected and configured values:
{
"version": "2.0.0",
"project": {
"name": "my-project",
"type": "fullstack"
},
"frontend": {
"framework": "react",
"port": 5173,
"buildCommand": "npm run build",
"devCommand": "npm run dev",
"distDir": "dist"
},
"backend": {
"framework": "fastapi",
"port": 8001,
"language": "python",
"healthEndpoint": "/health"
},
"database": {
"type": "postgresql",
"orm": "prisma"
},
"testing": {
"unit": "vitest",
"e2e": "playwright",
"unitCommand": "npm test",
"e2eCommand": "npm run test:e2e"
},
"deployment": {
"frontend": {
"platform": "cloudflare",
"projectName": "my-app",
"productionUrl": "https://my-app.pages.dev"
},
"backend": {
"platform": "railway",
"projectId": "{{DEPLOY_BACKEND_PROJECT_ID}}",
"serviceId": "{{DEPLOY_BACKEND_SERVICE_ID}}",
"environmentId": "{{DEPLOY_BACKEND_ENVIRONMENT_ID}}"
}
},
"versionControl": {
"provider": "github",
"owner": "username",
"repo": "repo-name",
"defaultBranch": "main",
"projectBoard": {
"number": 3
}
},
"features": {
"githubIntegration": true,
"phasedDevelopment": true,
"tokenManagement": false,
"deploymentAutomation": true,
"tunnelServices": false,
"happyMode": false
}
}settings.json
Configure hooks and behavior:
{
"hooks": {
"enabled": true,
"preToolUse": ["file-guard", "token-guardian"],
"postToolUse": ["test-enforcer", "github-progress"],
"userPromptSubmit": ["context-loader"]
},
"agents": {
"defaultModel": "sonnet",
"maxTokensPerTask": 8000
}
}Template Engine
CCASP uses a Handlebars-style template engine (398 lines) for platform-agnostic configuration.
Supported Syntax
| Syntax | Example | Description |
|---|---|---|
{{path.to.value}} |
{{frontend.port}} |
Simple placeholder |
{{#if condition}} |
{{#if deployment.backend}} |
Conditional block |
{{#if (eq path "value")}} |
{{#if (eq platform "railway")}} |
Equality check |
{{#if (neq path "value")}} |
{{#if (neq env "prod")}} |
Inequality check |
{{#if (and a b)}} |
{{#if (and tests hooks)}} |
Logical AND |
{{#if (or a b)}} |
{{#if (or react vue)}} |
Logical OR |
{{#if (not path)}} |
{{#if (not disabled)}} |
Negation |
{{#each array}} |
{{#each files}} |
Loop |
${CWD} |
${CWD}/src |
Current working directory |
${HOME} |
${HOME}/.config |
User home directory |
Template Example
{{#if deployment.backend.platform}}
## Backend Deployment
{{#if (eq deployment.backend.platform "railway")}}
Using Railway MCP:mcp__railway-mcp-server__deployment_trigger({ projectId: "{{deployment.backend.projectId}}", serviceId: "{{deployment.backend.serviceId}}" })
{{/if}}
{{#if (eq deployment.backend.platform "vercel")}}
Using Vercel:
```bash
vercel --prod{{/if}} {{else}} ⚠️ Backend deployment not configured {{/if}}
---
## API Reference
### Programmatic Usage
```javascript
import {
// Setup & Detection
runSetupWizard,
detectTechStack,
runClaudeAudit,
// Template Processing
replacePlaceholders,
processFile,
processDirectory,
generateTechStack,
// GitHub Integration
isAuthenticated,
getCurrentUser,
listRepos,
createIssue,
addIssueToProject,
listProjectFields,
// Codebase Analysis
searchFiles,
searchContent,
findDefinitions,
analyzeForIssue,
// Templates
ENHANCEMENT_TEMPLATES,
generateClaudeCommand,
generateIssueBody,
} from 'claude-cli-advanced-starter-pack';Key Functions
detectTechStack(projectPath: string): Promise<TechStack>
Detects project technology stack by reading configuration files:
const techStack = await detectTechStack(process.cwd());
console.log(techStack.frontend.framework); // "react"
console.log(techStack.backend.framework); // "fastapi"replacePlaceholders(content: string, values: object, options?: object): { content: string, warnings: string[] }
Process templates with values:
const template = '{{project.name}} uses {{frontend.framework}}';
const { content, warnings } = replacePlaceholders(template, techStack);
// content: "my-app uses react"Options:
preserveUnknown: Keep unresolved placeholders (default: false)warnOnMissing: Log warnings for missing values (default: true)processConditionals: Enable conditional processing (default: true)
processFile(filePath: string, values: object, options?: object): Promise<{ content: string, warnings: string[] }>
Process a template file:
const result = await processFile('./template.md', techStack);processDirectory(dirPath: string, values: object, options?: object): Promise<void>
Process all templates in a directory:
await processDirectory('./templates', techStack, {
extensions: ['.md', '.json', '.js'],
exclude: ['node_modules'],
recursive: true
});Tech Stack Detection
CCASP detects 40+ frameworks and tools by reading project files (no AI required):
Detection Sources
| File/Pattern | Detects |
|---|---|
package.json |
React, Vue, Angular, Next.js, Express, testing tools |
vite.config.js/ts |
Vite bundler |
next.config.js |
Next.js |
nuxt.config.ts |
Nuxt.js |
tsconfig.json |
TypeScript |
requirements.txt |
Python dependencies |
pyproject.toml |
Python project config |
.git/config |
Repository URL |
railway.json |
Railway deployment |
wrangler.toml |
Cloudflare config |
vercel.json |
Vercel config |
Dockerfile |
Container setup |
| Directory structure | Project type (monorepo, fullstack, etc.) |
Detected Categories
- Frontend: React, Vue, Angular, Svelte, Next.js, Nuxt, Astro
- Backend: FastAPI, Express, NestJS, Django, Flask, Rails, Gin
- Database: PostgreSQL, MySQL, MongoDB, SQLite, Redis
- ORM: Prisma, TypeORM, SQLAlchemy, Drizzle
- Testing: Jest, Vitest, Mocha, pytest, Playwright, Cypress
- Deployment: Railway, Vercel, Netlify, Cloudflare, Heroku, AWS
- Build Tools: Vite, Webpack, esbuild, Turbopack
Feature Presets
During setup, choose a preset for quick configuration:
| Letter | Preset | Features Included |
|---|---|---|
| A | Minimal | /menu, /ccasp-setup only |
| B | Standard | + GitHub Integration + Phased Development |
| C | Full | + Deployment + Tunnels + Token Management |
| D | Custom | Pick individual features |
MCP Server Integration
CCASP helps discover and configure Model Context Protocol (MCP) servers:
ccasp explore-mcp # Interactive menu
ccasp explore-mcp --recommend # Auto-recommend based on codebase
ccasp explore-mcp --testing # Quick install Playwright + PuppeteerSupported MCP Servers
| Category | Servers |
|---|---|
| Testing | Playwright, Puppeteer, Browser Monitor |
| Deployment | Railway, Cloudflare, Vercel |
| Version Control | GitHub, GitLab |
| Database | PostgreSQL, SQLite, Redis |
| Communication | Slack, Discord, Email |
| Utilities | Filesystem, Fetch, Memory |
MCP Configuration Generated
{
"mcpServers": {
"railway": {
"command": "npx",
"args": ["-y", "@anthropic/mcp-server-railway"],
"env": {
"RAILWAY_API_TOKEN": "your-token"
}
},
"playwright": {
"command": "npx",
"args": ["-y", "@anthropic/mcp-server-playwright"]
}
}
}Prerequisites
| Requirement | Version | Check Command |
|---|---|---|
| Node.js | 18+ | node --version |
| npm | 8+ | npm --version |
| GitHub CLI | 2.40+ (optional) | gh --version |
GitHub CLI Setup (for GitHub features)
gh auth login
gh auth statusTroubleshooting
Common Issues
| Issue | Solution |
|---|---|
ccasp not found |
Check PATH includes npm global bin: npm bin -g |
| Slash commands not working | Restart Claude Code CLI after ccasp init |
| Tech stack not detected | Ensure you're in project root with package.json |
| Hooks not triggering | Check settings.json has hook enabled |
| GitHub commands failing | Run gh auth status to verify authentication |
Debug Commands
ccasp detect-stack --verbose # See all detected values
ccasp validate --path templates # Check template agnosticism
ccasp claude-audit # Audit CLAUDE.md qualityFor detailed troubleshooting, see the Troubleshooting Wiki.
Contributing
Contributions welcome! Please read our contributing guidelines.
Development Setup
git clone https://github.com/evan043/claude-cli-advanced-starter-pack.git
cd claude-cli-advanced-starter-pack
npm install
npm run lint
npm testCode Structure
src/
├── commands/ # 23 command implementations
├── cli/ # Interactive menu system
├── github/ # GitHub API wrapper
├── agents/ # Agent template generators
├── utils/ # Template engine, validators
└── index.js # Main exports
templates/
├── commands/ # Slash command templates
└── hooks/ # Hook templatesLicense
MIT © evan043
Made for Claude Code CLI — Supercharge your AI-assisted development workflow.
Documentation • Issues • npm