> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aitmpl.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Component Library

> Browse and install 1000+ components for Claude Code - agents, commands, MCPs, hooks, settings, and templates

# 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

<CardGroup cols={2}>
  <Card title="Agents" icon="robot" href="/components/agents">
    400+ AI specialists for every development task - from frontend development to security audits
  </Card>

  <Card title="Commands" icon="terminal" href="/components/commands">
    225+ custom slash commands for automated workflows and common tasks
  </Card>

  <Card title="MCPs" icon="plug" href="/components/mcps">
    65+ Model Context Protocol servers for external service integrations
  </Card>

  <Card title="Hooks" icon="webhook" href="/components/hooks">
    39+ automation triggers for git workflows, testing, and security
  </Card>

  <Card title="Settings" icon="gear" href="/components/settings">
    60+ configuration presets for Claude Code behavior and integrations
  </Card>

  <Card title="Templates" icon="file-code" href="/components/templates">
    14+ complete project configurations with pre-installed components
  </Card>
</CardGroup>

## Quick Start

Install components using the CLI:

```bash theme={null}
# 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

<Card title="Interactive Component Browser" icon="globe" href="https://aitmpl.com">
  Explore all components with search, filtering, and live previews at **aitmpl.com**
</Card>

### Browse by Category

<Tabs>
  <Tab title="By Type">
    * [Agents](/components/agents) - AI development specialists
    * [Commands](/components/commands) - Slash commands
    * [MCPs](/components/mcps) - Service integrations
    * [Hooks](/components/hooks) - Automation triggers
    * [Settings](/components/settings) - Configuration presets
    * [Templates](/components/templates) - Project templates
  </Tab>

  <Tab title="Featured">
    * [Development Team](/categories/development-team) - Complete dev team agents
    * [Security](/categories/security) - Security-focused components
    * [Database](/categories/database) - Database tools and integrations
    * [DevOps & Infrastructure](/categories/devops-infrastructure) - Cloud and deployment
    * [Testing](/categories/testing) - Testing and QA automation
  </Tab>
</Tabs>

## 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

## Popular Components

### 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](https://github.com/johnlindquist/claude-code-templates/blob/main/CONTRIBUTING.md).

## Support

Need help? Join our [Discord community](https://discord.gg/claudecode) or visit the [documentation](/).