Skip to main content

Component Library

Claude Code Templates provides a comprehensive library of over 1000 pre-built components to enhance your development workflow. Browse, search, and install components directly from your terminal or through our interactive web browser.

Component Types

Agents

400+ AI specialists for every development task - from frontend development to security audits

Commands

225+ custom slash commands for automated workflows and common tasks

MCPs

65+ Model Context Protocol servers for external service integrations

Hooks

39+ automation triggers for git workflows, testing, and security

Settings

60+ configuration presets for Claude Code behavior and integrations

Templates

14+ complete project configurations with pre-installed components

Quick Start

Install components using the CLI:
# Install a single component
npx claude-code-templates@latest --agent frontend-developer
npx claude-code-templates@latest --command setup-testing
npx claude-code-templates@latest --mcp neon

# Install multiple components
npx claude-code-templates@latest --agent backend-developer --command security-audit --hook git/conventional-commits

# Interactive mode
npx claude-code-templates@latest

Browse Components

Interactive Component Browser

Explore all components with search, filtering, and live previews at aitmpl.com

Browse by Category

Component Metadata

All components include:
  • Name: Unique identifier for installation
  • Description: Clear explanation of functionality
  • Category: Organizational grouping
  • Type: Agent, command, MCP, hook, setting, or template
  • Installation: Ready-to-use CLI command

Top Agents

  • backend-developer - Senior backend developer for APIs and microservices
  • frontend-developer - React, Vue, Angular specialist
  • devops-engineer - Infrastructure and deployment expert
  • security-auditor - Comprehensive security assessments

Top Commands

  • setup-testing - Configure comprehensive test suites
  • security-audit - Run security vulnerability scans
  • generate-docs - Auto-generate documentation
  • optimize-performance - Performance analysis and optimization

Top MCPs

  • neon - Neon database integration
  • supabase - Supabase platform integration
  • web-fetch - Web content fetching
  • github - GitHub API integration

Contributing

Want to contribute your own components? Check out our contribution guide.

Support

Need help? Join our Discord community or visit the documentation.

Build docs developers (and LLMs) love