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?
- Clone this repo into your project
- Reference an agent when talking to Claude (e.g.,
@frontend-developer)
- 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
dazeb
