claude-playbook

Quick Start (60 seconds)

What is this? A collection of specialized "expert personas" that make Claude better at specific development tasks.

Works with: Claude Code CLI, OpenCode, Claude Web/Desktop

How does it work?

1. Clone this repo into your project
2. Reference an agent when talking to Claude (e.g., @frontend-developer)
3. Claude now has deep expertise in that domain

📋 View Complete Feature List → | 📚 Marketplace Docs | 🪝 Hooks Guide | 🔌 MCP Guide | ⚡ LSP Guide

Try it now:

Option A: Plugin Marketplace (Best - Official Integration)

# Add the marketplace to Claude Code
/plugin marketplace add https://github.com/dazeb/ClaudePlaybook

# Install specific category
/plugin install web-development-agents@claude-playbook
/plugin install engineering-agents@claude-playbook

# Or install the essentials bundle (recommended for starters)
/plugin install essentials-bundle@claude-playbook

# Browse all available plugins
/plugin > Discover

Option B: CLI Installer (Quick & Easy)

curl -fsSL https://raw.githubusercontent.com/dazeb/ClaudePlaybook/main/install.sh | bash

Interactive installer lets you choose which agents to install.

📚 View Full Marketplace Documentation →

Option C: Manual Install

# Clone into your project
git clone https://github.com/dazeb/ClaudePlaybook.git .claude

# Use an agent
# Just say: "@frontend-developer, build me a responsive navbar"

That's it! Claude will now respond with frontend-specific best practices, modern tools, and avoid common pitfalls.

Latest Updates

• NEW: Vercel Skills Integration - Added 3 frontend/performance skills from vercel-labs/agent-skills (react-best-practices, web-design-guidelines, vercel-deploy)
• NEW: 100% Complete Agentic System - All 20 agents now have comprehensive Anthropic-style workflows (6-9 numbered steps with decision points, loops, verification gates)
• NEW: Complete workflow coverage across all categories:
  • Engineering (6/6) - Backend, frontend, mobile, AI/LLM, DevOps, project init
  • Web Development (9/9) - React/Next.js, APIs, full-stack, performance, PWA, CSS, Tailwind v4, static sites, browser automation
  • Testing & Quality (5/5) - API testing, performance benchmarking, test analysis, tool evaluation, workflow optimization
  • Operations (1/1) - Infrastructure maintenance
• NEW: Latest technology versions across all agents (React 19, Next.js 15, Tailwind 4, React Native 0.76+, Flutter 3.27+, Llama 3.3)
• NEW: Skills integration throughout workflows (TDD, systematic debugging, brainstorming, verification)
• NEW: Delegation triggers for parallel agent execution across all agents
• Major overhaul to specialized set of agents

Skills & Hooks

17 Composable Skills

Specialized workflows that make agents systematic and quality-focused. Skills are automatically available to all agents.

Development Skills

• test-driven-development - RED-GREEN-REFACTOR cycle for bulletproof code
• systematic-debugging - Four-phase root cause analysis (gather, analyze, fix, verify)
• verification-before-completion - Never claim done without running verification
• brainstorming - Requirements exploration before implementation
• writing-plans - Break complex tasks into actionable steps
• executing-plans - Execute multi-step plans with review checkpoints

Frontend & Performance (NEW!)

• react-best-practices - 45 performance rules from Vercel Engineering
• web-design-guidelines - 100+ accessibility and UX compliance rules
• vercel-deploy - Instant deployment with auto-framework detection