# Table of Contents

- [Page Not Found | Claude Code Templates](#page-not-found-claude-code-templates)
- [Hello from Claude Code Templates | Claude Code Templates](#hello-from-claude-code-templates-claude-code-templates)
- [Claude Code Templates](#claude-code-templates)
- [CLI Options Reference | Claude Code Templates](#cli-options-reference-claude-code-templates)
- [Support | Claude Code Templates](#support-claude-code-templates)
- [Safety Features | Claude Code Templates](#safety-features-claude-code-templates)
- [Additional Tools | Claude Code Templates](#additional-tools-claude-code-templates)
- [Overview | Claude Code Templates](#overview-claude-code-templates)
- [E2B Sandbox | Claude Code Templates](#e2b-sandbox-claude-code-templates)
- [Agents | Claude Code Templates](#agents-claude-code-templates)
- [Commands | Claude Code Templates](#commands-claude-code-templates)
- [Analytics Dashboard | Claude Code Templates](#analytics-dashboard-claude-code-templates)
- [Settings | Claude Code Templates](#settings-claude-code-templates)
- [Chats Interface | Claude Code Templates](#chats-interface-claude-code-templates)
- [Health Check | Claude Code Templates](#health-check-claude-code-templates)
- [Hooks | Claude Code Templates](#hooks-claude-code-templates)
- [MCPs (Model Context Protocol) | Claude Code Templates](#mcps-model-context-protocol-claude-code-templates)
- [Cloudflare Tunnel | Claude Code Templates](#cloudflare-tunnel-claude-code-templates)
- [Templates | Claude Code Templates](#templates-claude-code-templates)

---

# Page Not Found | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/*#__docusaurus_skipToContent_fallback)

Page Not Found
==============

We could not find what you were looking for.

Please contact the owner of the site that linked you to the original URL and let them know their link is broken.

---

# Hello from Claude Code Templates | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/#__docusaurus_skipToContent_fallback)

⚡

### Quick Setup

Install the CLI tool globally and get started with Claude Code templates in seconds. No complex configuration required.

$`npm install -g claude-code-templates`

🔧

### Multi-Framework Support

Templates for React, Vue, Angular, Django, FastAPI, Rails, and more. Each includes optimized `CLAUDE.md` configurations and best practices.

📊

### Real-time Analytics

Monitor your Claude Code usage with our comprehensive analytics dashboard. Track sessions, token usage, and performance metrics in real-time.

$`claude-code-templates --analytics`

---

# Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/intro#__docusaurus_skipToContent_fallback)

On this page

**Claude Code Templates** is an open-source CLI tool that configures Claude Code projects and provides specialized components to enhance your AI-powered development workflow.

Browse over 500 components at **[aitmpl.com](https://aitmpl.com/)
** or contribute to the project on **[GitHub](https://github.com/davila7/claude-code-templates)
**.

What does this CLI do?[​](https://docs.aitmpl.com/docs/intro#what-does-this-cli-do "Direct link to What does this CLI do?")

----------------------------------------------------------------------------------------------------------------------------

Simplifies Claude Code usage through:

*   **🔍 Pre-configured components**: Over 500 agents, commands, and configurations ready to use
*   **📦 Automatic installation**: Complete project setup or individual components
*   **🛠️ Additional tools**: Analytics, health checks, sandbox, and more

Quick Start[​](https://docs.aitmpl.com/docs/intro#quick-start "Direct link to Quick Start")

--------------------------------------------------------------------------------------------

### Interactive Installation[​](https://docs.aitmpl.com/docs/intro#interactive-installation "Direct link to Interactive Installation")

    npx claude-code-templates@latest

### Specific Component[​](https://docs.aitmpl.com/docs/intro#specific-component "Direct link to Specific Component")

    npx claude-code-templates@latest --agent performance-testing/react-performance-optimizationnpx claude-code-templates@latest --command testing/generate-tests

Next Steps[​](https://docs.aitmpl.com/docs/intro#next-steps "Direct link to Next Steps")

-----------------------------------------------------------------------------------------

👉 **[Discover Components](https://aitmpl.com/)
** - Explore and search components on aitmpl.com

👉 **[CLI Options](https://docs.aitmpl.com/docs/cli-options)
** - Methods to download components

👉 **[Components](https://docs.aitmpl.com/docs/components/overview)
** - Complete list of available components

👉 **[Tools](https://docs.aitmpl.com/docs/tools/overview)
** - Analytics, health check, sandbox, and more

*   [What does this CLI do?](https://docs.aitmpl.com/docs/intro#what-does-this-cli-do)
    
*   [Quick Start](https://docs.aitmpl.com/docs/intro#quick-start)
    *   [Interactive Installation](https://docs.aitmpl.com/docs/intro#interactive-installation)
        
    *   [Specific Component](https://docs.aitmpl.com/docs/intro#specific-component)
        
*   [Next Steps](https://docs.aitmpl.com/docs/intro#next-steps)

---

# CLI Options Reference | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/cli-options#__docusaurus_skipToContent_fallback)

On this page

This section provides a comprehensive reference of all available command-line options for `claude-code-templates`.

Template and Component Options[​](https://docs.aitmpl.com/docs/cli-options#template-and-component-options "Direct link to Template and Component Options")

-----------------------------------------------------------------------------------------------------------------------------------------------------------

| Option | Description | Example |
| --- | --- | --- |
| `--template` | **\[PREFERRED\]** Specify template to install | `--template=python`, `--template=react` |
| `--agent` | Install individual agent component | `--agent=react-performance` |
| `--command` | Install individual command component | `--command=check-file` |
| `--mcp` | Install individual MCP component | `--mcp=github-integration` |

Legacy Options (Deprecated)[​](https://docs.aitmpl.com/docs/cli-options#legacy-options-deprecated "Direct link to Legacy Options (Deprecated)")

------------------------------------------------------------------------------------------------------------------------------------------------

| Option | Description | Example | Status |
| --- | --- | --- | --- |
| `-l, --language` | Specify programming language | `--language python` | ⚠️ **Deprecated** - Use `--template` instead |
| `-f, --framework` | Specify framework | `--framework react` | ⚠️ **Deprecated** - Use `--template` instead |

General Options[​](https://docs.aitmpl.com/docs/cli-options#general-options "Direct link to General Options")

--------------------------------------------------------------------------------------------------------------

| Option | Description | Example |
| --- | --- | --- |
| `-d, --directory` | Target directory | `--directory /path/to/project` |
| `-y, --yes` | Skip prompts and use defaults | `--yes` |
| `--dry-run` | Show what would be installed | `--dry-run` |

Analysis and Monitoring Options[​](https://docs.aitmpl.com/docs/cli-options#analysis-and-monitoring-options "Direct link to Analysis and Monitoring Options")

--------------------------------------------------------------------------------------------------------------------------------------------------------------

| Option | Description | Example |
| --- | --- | --- |
| `--health-check` | Run comprehensive system validation | `--health-check` |
| `--command-stats, --commands-stats` | Analyze existing commands | `--command-stats` |
| `--hook-stats, --hooks-stats` | Analyze automation hooks | `--hook-stats` |
| `--mcp-stats, --mcps-stats` | Analyze MCP server configurations | `--mcp-stats` |
| `--analytics` | Launch real-time analytics dashboard | `--analytics` |

Help and Information[​](https://docs.aitmpl.com/docs/cli-options#help-and-information "Direct link to Help and Information")

-----------------------------------------------------------------------------------------------------------------------------

| Option | Description | Example |
| --- | --- | --- |
| `--help` | Show help information | `--help` |

Usage Examples[​](https://docs.aitmpl.com/docs/cli-options#usage-examples "Direct link to Usage Examples")

-----------------------------------------------------------------------------------------------------------

### Modern Template Installation (Recommended)[​](https://docs.aitmpl.com/docs/cli-options#modern-template-installation-recommended "Direct link to Modern Template Installation (Recommended)")

    # Install React template with all componentsnpx claude-code-templates@latest --template=react --yes# Install Python template with all componentsnpx claude-code-templates@latest --template=python --yes# Install Node.js template with all componentsnpx claude-code-templates@latest --template=nodejs --yes

### Individual Component Installation[​](https://docs.aitmpl.com/docs/cli-options#individual-component-installation "Direct link to Individual Component Installation")

    # Install specific agentnpx claude-code-templates@latest --agent=react-performance --yes# Install specific commandnpx claude-code-templates@latest --command=check-file --yes# Install specific MCPnpx claude-code-templates@latest --mcp=github-integration --yes

### Legacy Syntax (Still Supported)[​](https://docs.aitmpl.com/docs/cli-options#legacy-syntax-still-supported "Direct link to Legacy Syntax (Still Supported)")

    # Old syntax - still works but deprecatednpx claude-code-templates@latest --language=javascript-typescript --framework=react --yes

GitHub Download System[​](https://docs.aitmpl.com/docs/cli-options#github-download-system "Direct link to GitHub Download System")

-----------------------------------------------------------------------------------------------------------------------------------

All templates and components are now downloaded directly from GitHub in real-time:

*   **Templates**: Downloaded from `templates/` directory
*   **Components**: Downloaded from `components/` directory (agents, commands, MCPs)
*   **Caching**: Downloaded files are cached for performance
*   **Transparency**: All download URLs are visible during installation

This ensures you always get the latest versions and provides complete transparency about what is being installed.

*   [Template and Component Options](https://docs.aitmpl.com/docs/cli-options#template-and-component-options)
    
*   [Legacy Options (Deprecated)](https://docs.aitmpl.com/docs/cli-options#legacy-options-deprecated)
    
*   [General Options](https://docs.aitmpl.com/docs/cli-options#general-options)
    
*   [Analysis and Monitoring Options](https://docs.aitmpl.com/docs/cli-options#analysis-and-monitoring-options)
    
*   [Help and Information](https://docs.aitmpl.com/docs/cli-options#help-and-information)
    
*   [Usage Examples](https://docs.aitmpl.com/docs/cli-options#usage-examples)
    *   [Modern Template Installation (Recommended)](https://docs.aitmpl.com/docs/cli-options#modern-template-installation-recommended)
        
    *   [Individual Component Installation](https://docs.aitmpl.com/docs/cli-options#individual-component-installation)
        
    *   [Legacy Syntax (Still Supported)](https://docs.aitmpl.com/docs/cli-options#legacy-syntax-still-supported)
        
*   [GitHub Download System](https://docs.aitmpl.com/docs/cli-options#github-download-system)

---

# Support | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/support#__docusaurus_skipToContent_fallback)

If you encounter any issues, have questions, or need assistance with `claude-code-templates`, please refer to the following resources:

*   **🐛 Issues**: [Report bugs or request features](https://github.com/davila7/claude-code-templates/issues)
    
*   **💬 Discussions**: [Join community discussions](https://github.com/davila7/claude-code-templates/discussions)
    
*   **🔒 Security**: [Report security vulnerabilities](https://github.com/davila7/claude-code-templates/blob/main/SECURITY.md)
    
*   **📖 Documentation**: [Claude Code Official Docs](https://docs.anthropic.com/en/docs/claude-code)
    
*   **🤝 Contributing**: [Read our contribution guidelines](https://github.com/davila7/claude-code-templates/blob/main/CONTRIBUTING.md)

---

# Safety Features | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/safety-features#__docusaurus_skipToContent_fallback)

`claude-code-templates` is designed with several safety features to ensure that your project and data are protected during the setup and configuration process.

*   **Automatic Backups**: Existing files are automatically backed up before any changes are made, allowing you to revert to a previous state if needed.
*   **Confirmation Required**: The CLI always asks for your confirmation before making significant changes to your project (unless the `--yes` flag is used), giving you full control over the process.
*   **Dry Run Mode**: You can preview the installation and changes without actually modifying your files by using the `--dry-run` option.
*   **Cancel Anytime**: You can cancel the operation at any point by pressing `Ctrl+C` or by answering 'No' to confirmation prompts.
*   **Back Navigation**: During interactive setup, you can navigate back to modify previous selections, preventing accidental configurations.

---

# Additional Tools | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/tools/overview#__docusaurus_skipToContent_fallback)

On this page

Utilities that enhance your Claude Code development workflow.

Available Tools[​](https://docs.aitmpl.com/docs/tools/overview#available-tools "Direct link to Available Tools")

-----------------------------------------------------------------------------------------------------------------

### 📊 Analytics Dashboard[​](https://docs.aitmpl.com/docs/tools/overview#-analytics-dashboard "Direct link to 📊 Analytics Dashboard")

Real-time monitoring of Claude Code sessions.

    npx claude-code-templates@latest --analytics

### 🏥 Health Check[​](https://docs.aitmpl.com/docs/tools/overview#-health-check "Direct link to 🏥 Health Check")

System validation and optimization checks.

    npx claude-code-templates@latest --health-check

### 💬 Chats Interface[​](https://docs.aitmpl.com/docs/tools/overview#-chats-interface "Direct link to 💬 Chats Interface")

Mobile-optimized chat interface.

    npx claude-code-templates@latest --chats

### 🌐 Cloudflare Tunnel[​](https://docs.aitmpl.com/docs/tools/overview#-cloudflare-tunnel "Direct link to 🌐 Cloudflare Tunnel")

Remote access to your tools.

    npx claude-code-templates@latest --tunnel

### ☁️ E2B Sandbox[​](https://docs.aitmpl.com/docs/tools/overview#%EF%B8%8F-e2b-sandbox "Direct link to ☁️ E2B Sandbox")

Cloud execution environment.

    npx claude-code-templates@latest --sandbox

*   [Available Tools](https://docs.aitmpl.com/docs/tools/overview#available-tools)
    *   [📊 Analytics Dashboard](https://docs.aitmpl.com/docs/tools/overview#-analytics-dashboard)
        
    *   [🏥 Health Check](https://docs.aitmpl.com/docs/tools/overview#-health-check)
        
    *   [💬 Chats Interface](https://docs.aitmpl.com/docs/tools/overview#-chats-interface)
        
    *   [🌐 Cloudflare Tunnel](https://docs.aitmpl.com/docs/tools/overview#-cloudflare-tunnel)
        
    *   [☁️ E2B Sandbox](https://docs.aitmpl.com/docs/tools/overview#%EF%B8%8F-e2b-sandbox)

---

# Overview | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/components/overview#__docusaurus_skipToContent_fallback)

On this page

Browse and search over 500 Claude Code components on **[aitmpl.com](https://aitmpl.com/)
**.

🌐 How to Use aitmpl.com[​](https://docs.aitmpl.com/docs/components/overview#-how-to-use-aitmplcom "Direct link to 🌐 How to Use aitmpl.com")

----------------------------------------------------------------------------------------------------------------------------------------------

1.  **Visit [aitmpl.com](https://aitmpl.com/)
    **
2.  **Search or browse** by category
3.  **Copy the installation command** from any component
4.  **Run it in your project**

🔍 Component Types[​](https://docs.aitmpl.com/docs/components/overview#-component-types "Direct link to 🔍 Component Types")

-----------------------------------------------------------------------------------------------------------------------------

### 🤖 **Agents** (AI Specialists)[​](https://docs.aitmpl.com/docs/components/overview#-agents-ai-specialists "Direct link to -agents-ai-specialists")

    npx claude-code-templates@latest --agent development/frontend-developernpx claude-code-templates@latest --agent security/security-auditornpx claude-code-templates@latest --agent data-ai/ml-engineer

### ⚡ **Commands** (Slash Commands)[​](https://docs.aitmpl.com/docs/components/overview#-commands-slash-commands "Direct link to -commands-slash-commands")

    npx claude-code-templates@latest --command testing/generate-testsnpx claude-code-templates@latest --command performance/optimize-bundlenpx claude-code-templates@latest --command setup/setup-ci-cd-pipeline

### 🔌 **MCPs** (External Integrations)[​](https://docs.aitmpl.com/docs/components/overview#-mcps-external-integrations "Direct link to -mcps-external-integrations")

    npx claude-code-templates@latest --mcp database/supabasenpx claude-code-templates@latest --mcp development/github-integrationnpx claude-code-templates@latest --mcp browser/playwright-mcp

### ⚙️ **Settings** (Claude Code Configs)[​](https://docs.aitmpl.com/docs/components/overview#%EF%B8%8F-settings-claude-code-configs "Direct link to ️-settings-claude-code-configs")

    npx claude-code-templates@latest --setting performance/performance-optimizationnpx claude-code-templates@latest --setting security/read-only-mode

### 🪝 **Hooks** (Automation)[​](https://docs.aitmpl.com/docs/components/overview#-hooks-automation "Direct link to -hooks-automation")

    npx claude-code-templates@latest --hook git/auto-git-addnpx claude-code-templates@latest --hook notifications/discord-notifications

🎯 Quick Search Tips[​](https://docs.aitmpl.com/docs/components/overview#-quick-search-tips "Direct link to 🎯 Quick Search Tips")

-----------------------------------------------------------------------------------------------------------------------------------

**Search by what you need:**

*   **"React performance"** → Performance optimization agents
*   **"Testing setup"** → Testing commands and agents
*   **"Database integration"** → Database MCPs
*   **"Security audit"** → Security agents and commands

**Use filters:**

*   Filter by component type (Agent, Command, MCP, etc.)
*   Sort by popularity or recent additions
*   Filter by technology (React, Python, Node.js, etc.)

📋 From Discovery to Installation[​](https://docs.aitmpl.com/docs/components/overview#-from-discovery-to-installation "Direct link to 📋 From Discovery to Installation")

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------

1.  **Find a component** on aitmpl.com
2.  **Copy the command** shown on the component page
3.  **Run it in your terminal** in your project directory
4.  **Start using** the component immediately

* * *

**Next step:** [CLI Options](https://docs.aitmpl.com/docs/cli-options)
 - Learn the different ways to install components

*   [🌐 How to Use aitmpl.com](https://docs.aitmpl.com/docs/components/overview#-how-to-use-aitmplcom)
    
*   [🔍 Component Types](https://docs.aitmpl.com/docs/components/overview#-component-types)
    *   [🤖 **Agents** (AI Specialists)](https://docs.aitmpl.com/docs/components/overview#-agents-ai-specialists)
        
    *   [⚡ **Commands** (Slash Commands)](https://docs.aitmpl.com/docs/components/overview#-commands-slash-commands)
        
    *   [🔌 **MCPs** (External Integrations)](https://docs.aitmpl.com/docs/components/overview#-mcps-external-integrations)
        
    *   [⚙️ **Settings** (Claude Code Configs)](https://docs.aitmpl.com/docs/components/overview#%EF%B8%8F-settings-claude-code-configs)
        
    *   [🪝 **Hooks** (Automation)](https://docs.aitmpl.com/docs/components/overview#-hooks-automation)
        
*   [🎯 Quick Search Tips](https://docs.aitmpl.com/docs/components/overview#-quick-search-tips)
    
*   [📋 From Discovery to Installation](https://docs.aitmpl.com/docs/components/overview#-from-discovery-to-installation)

---

# E2B Sandbox | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/tools/sandbox#__docusaurus_skipToContent_fallback)

On this page

Cloud execution environment for safe testing and experimentation.

Setup Requirements[​](https://docs.aitmpl.com/docs/tools/sandbox#setup-requirements "Direct link to Setup Requirements")

-------------------------------------------------------------------------------------------------------------------------

Add to your `.env` file:

    ANTHROPIC_API_KEY=your_anthropic_key_hereE2B_API_KEY=your_e2b_key_here

Get keys at [console.anthropic.com](https://console.anthropic.com/)
 and [e2b.dev](https://e2b.dev/)
.

Launch Commands[​](https://docs.aitmpl.com/docs/tools/sandbox#launch-commands "Direct link to Launch Commands")

----------------------------------------------------------------------------------------------------------------

### Basic execution[​](https://docs.aitmpl.com/docs/tools/sandbox#basic-execution "Direct link to Basic execution")

    npx claude-code-templates@latest --sandbox e2b --prompt "your task"

### With components[​](https://docs.aitmpl.com/docs/tools/sandbox#with-components "Direct link to With components")

    npx claude-code-templates@latest --sandbox e2b --agent frontend-developer --prompt "optimize React components"

Features[​](https://docs.aitmpl.com/docs/tools/sandbox#features "Direct link to Features")

-------------------------------------------------------------------------------------------

*   **Isolated environments** - Safe execution without affecting local system
*   **Cloud resources** - Access to scalable computing power
*   **Component integration** - Use agents, commands, and MCPs in sandbox
*   **Secure execution** - Protected environment for experimental code
*   **Resource scaling** - Handle intensive computational tasks

With specific environment and timeout
=====================================

    npx claude-code-templates@latest --sandbox e2b --agent security/security-auditor --prompt "audit this codebase" --timeout 300

🔒 Isolation Features[​](https://docs.aitmpl.com/docs/tools/sandbox#-isolation-features "Direct link to 🔒 Isolation Features")

--------------------------------------------------------------------------------------------------------------------------------

### Complete Environment Isolation[​](https://docs.aitmpl.com/docs/tools/sandbox#complete-environment-isolation "Direct link to Complete Environment Isolation")

*   **Sandboxed execution** - No access to your local file system
*   **Network isolation** - Controlled internet access
*   **Process isolation** - Separate process space from your system
*   **Resource limits** - Memory and CPU usage boundaries
*   **Automatic cleanup** - Environment destroyed after execution

### Security Benefits[​](https://docs.aitmpl.com/docs/tools/sandbox#security-benefits "Direct link to Security Benefits")

*   **Safe code testing** - Run potentially harmful code safely
*   **Malware protection** - Isolated from your main system
*   **Data protection** - Local files remain untouched
*   **Clean state** - Fresh environment for each execution
*   **No persistent changes** - No permanent modifications to your system

* * *

**Complete your toolkit:** Return to [Additional Tools Overview](https://docs.aitmpl.com/docs/tools/overview)
 to explore tool combinations and advanced workflows.

*   [Setup Requirements](https://docs.aitmpl.com/docs/tools/sandbox#setup-requirements)
    
*   [Launch Commands](https://docs.aitmpl.com/docs/tools/sandbox#launch-commands)
    *   [Basic execution](https://docs.aitmpl.com/docs/tools/sandbox#basic-execution)
        
    *   [With components](https://docs.aitmpl.com/docs/tools/sandbox#with-components)
        
*   [Features](https://docs.aitmpl.com/docs/tools/sandbox#features)
    
*   [🔒 Isolation Features](https://docs.aitmpl.com/docs/tools/sandbox#-isolation-features)
    *   [Complete Environment Isolation](https://docs.aitmpl.com/docs/tools/sandbox#complete-environment-isolation)
        
    *   [Security Benefits](https://docs.aitmpl.com/docs/tools/sandbox#security-benefits)

---

# Agents | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/components/agents#__docusaurus_skipToContent_fallback)

On this page

AI specialists that provide expert assistance for specific development tasks. Browse and install from **[aitmpl.com](https://aitmpl.com/)
**.

🤖 What are Agents?[​](https://docs.aitmpl.com/docs/components/agents#-what-are-agents "Direct link to 🤖 What are Agents?")

-----------------------------------------------------------------------------------------------------------------------------

Agents are specialized AI assistants that understand specific domains and provide expert-level guidance. Each agent is trained on best practices for their area of expertise.

Installation[​](https://docs.aitmpl.com/docs/components/agents#installation "Direct link to Installation")

-----------------------------------------------------------------------------------------------------------

### 📦 Basic Installation[​](https://docs.aitmpl.com/docs/components/agents#-basic-installation "Direct link to 📦 Basic Installation")

Install this component locally in your project. Works with your existing Claude Code setup.

    npx claude-code-templates@latest --agent development/frontend-developer --yes

### 🌍 Global Agent (Claude Code SDK)[​](https://docs.aitmpl.com/docs/components/agents#-global-agent-claude-code-sdk "Direct link to 🌍 Global Agent (Claude Code SDK)")

Create a global AI agent accessible from anywhere with zero configuration. Perfect for automation and CI/CD workflows.

    npx claude-code-templates@latest --create-agent development/frontend-developer

After installation, use from anywhere:

    frontend-developer "your prompt here"

✅ Works in scripts, CI/CD, npm tasks  
✅ Auto-detects project context  
✅ Powered by Claude Code SDK

### ☁️ Run in E2B Sandbox (Cloud Execution)[​](https://docs.aitmpl.com/docs/components/agents#%EF%B8%8F-run-in-e2b-sandbox-cloud-execution "Direct link to ☁️ Run in E2B Sandbox (Cloud Execution)")

**NEW** Execute Claude Code with this component in an isolated cloud environment using E2B. Perfect for testing complex projects without affecting your local system.

#### 🔑 Setup API Keys[​](https://docs.aitmpl.com/docs/components/agents#-setup-api-keys "Direct link to 🔑 Setup API Keys")

Add to your `.env` file:

    ANTHROPIC_API_KEY=your_anthropic_key_here# Required for Claude Code accessE2B_API_KEY=your_e2b_key_here

[Get Anthropic API Key](https://console.anthropic.com/)
 | [Get E2B API Key](https://e2b.dev/)

    npx claude-code-templates@latest --sandbox e2b --agent development/frontend-developer --prompt "your development task"

☁️ Isolated cloud environment  
🔧 Full development tools  
📊 Real-time execution output

**Requirements:** • Valid E2B API key  
• Internet connection  
• Claude Code v1.0.0+

📁 Agent Categories[​](https://docs.aitmpl.com/docs/components/agents#-agent-categories "Direct link to 📁 Agent Categories")

------------------------------------------------------------------------------------------------------------------------------

Browse agents by specialty area to find the right expert for your needs:

### Development[​](https://docs.aitmpl.com/docs/components/agents#development "Direct link to Development")

Frontend, backend, and mobile development specialists. Examples: `frontend-developer` for React expertise, `backend-developer` for API development, `mobile-developer` for React Native and Flutter.

### Security[​](https://docs.aitmpl.com/docs/components/agents#security "Direct link to Security")

Security auditing, penetration testing, and compliance experts. Examples: `security-auditor` for vulnerability assessment, `penetration-tester` for security testing, `compliance-specialist` for regulatory requirements.

### Data & AI[​](https://docs.aitmpl.com/docs/components/agents#data--ai "Direct link to Data & AI")

Data science, machine learning, and AI specialists. Examples: `data-scientist` for data analysis, `ml-engineer` for model development, `nlp-engineer` for text processing.

### Performance Testing[​](https://docs.aitmpl.com/docs/components/agents#performance-testing "Direct link to Performance Testing")

Optimization and performance analysis experts. Examples: `performance-engineer` for system optimization, `react-performance-optimization` for React apps, `load-testing-specialist` for stress testing.

### Business[​](https://docs.aitmpl.com/docs/components/agents#business "Direct link to Business")

Strategy, analysis, and business development specialists. Examples: `product-strategist` for product planning, `business-analyst` for requirements analysis, `legal-advisor` for compliance guidance.

🎯 How to Choose an Agent[​](https://docs.aitmpl.com/docs/components/agents#-how-to-choose-an-agent "Direct link to 🎯 How to Choose an Agent")

------------------------------------------------------------------------------------------------------------------------------------------------

Select agents based on your current needs and project context:

### By Technology Stack[​](https://docs.aitmpl.com/docs/components/agents#by-technology-stack "Direct link to By Technology Stack")

*   **React projects**: Choose `frontend-developer` for component optimization and best practices
*   **API development**: Use `backend-developer` for server architecture and database design
*   **Mobile apps**: Select `mobile-developer` for React Native or Flutter guidance
*   **Data projects**: Pick `data-scientist` for analysis and visualization

### By Project Phase[​](https://docs.aitmpl.com/docs/components/agents#by-project-phase "Direct link to By Project Phase")

*   **Starting new project**: Begin with `fullstack-developer` for overall architecture guidance
*   **Development phase**: Add specific agents like `frontend-developer` or `backend-developer`
*   **Pre-launch preparation**: Include `security-auditor` for vulnerability assessment
*   **Production optimization**: Use `performance-engineer` for system tuning

### By Current Challenges[​](https://docs.aitmpl.com/docs/components/agents#by-current-challenges "Direct link to By Current Challenges")

*   **Performance issues**: Choose from `performance-testing/*` specialists
*   **Security concerns**: Select appropriate `security/*` experts
*   **Data analysis needs**: Pick from `data-ai/*` specialists
*   **Feature development**: Use `development/*` agents for coding guidance

💡 Pro Tips[​](https://docs.aitmpl.com/docs/components/agents#-pro-tips "Direct link to 💡 Pro Tips")

------------------------------------------------------------------------------------------------------

*   **Start with one agent** for your main technology stack
*   **Add security agents** before production
*   **Use performance agents** when optimizing
*   **Browse [aitmpl.com](https://aitmpl.com/)
    ** for the complete list

* * *

**Find more agents:** [Browse all agents on aitmpl.com](https://aitmpl.com/)
 → Filter by "Agents"

*   [🤖 What are Agents?](https://docs.aitmpl.com/docs/components/agents#-what-are-agents)
    
*   [Installation](https://docs.aitmpl.com/docs/components/agents#installation)
    *   [📦 Basic Installation](https://docs.aitmpl.com/docs/components/agents#-basic-installation)
        
    *   [🌍 Global Agent (Claude Code SDK)](https://docs.aitmpl.com/docs/components/agents#-global-agent-claude-code-sdk)
        
    *   [☁️ Run in E2B Sandbox (Cloud Execution)](https://docs.aitmpl.com/docs/components/agents#%EF%B8%8F-run-in-e2b-sandbox-cloud-execution)
        
*   [📁 Agent Categories](https://docs.aitmpl.com/docs/components/agents#-agent-categories)
    *   [Development](https://docs.aitmpl.com/docs/components/agents#development)
        
    *   [Security](https://docs.aitmpl.com/docs/components/agents#security)
        
    *   [Data & AI](https://docs.aitmpl.com/docs/components/agents#data--ai)
        
    *   [Performance Testing](https://docs.aitmpl.com/docs/components/agents#performance-testing)
        
    *   [Business](https://docs.aitmpl.com/docs/components/agents#business)
        
*   [🎯 How to Choose an Agent](https://docs.aitmpl.com/docs/components/agents#-how-to-choose-an-agent)
    *   [By Technology Stack](https://docs.aitmpl.com/docs/components/agents#by-technology-stack)
        
    *   [By Project Phase](https://docs.aitmpl.com/docs/components/agents#by-project-phase)
        
    *   [By Current Challenges](https://docs.aitmpl.com/docs/components/agents#by-current-challenges)
        
*   [💡 Pro Tips](https://docs.aitmpl.com/docs/components/agents#-pro-tips)

---

# Commands | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/components/commands#__docusaurus_skipToContent_fallback)

On this page

Custom slash commands that automate development workflows. Browse and install from **[aitmpl.com](https://aitmpl.com/)
**.

⚡ What are Commands?[​](https://docs.aitmpl.com/docs/components/commands#-what-are-commands "Direct link to ⚡ What are Commands?")

-----------------------------------------------------------------------------------------------------------------------------------

Commands are custom slash commands for Claude Code that automate common development tasks. Type `/command-name` in Claude Code to execute them.

Installation[​](https://docs.aitmpl.com/docs/components/commands#installation "Direct link to Installation")

-------------------------------------------------------------------------------------------------------------

### 📦 Basic Installation[​](https://docs.aitmpl.com/docs/components/commands#-basic-installation "Direct link to 📦 Basic Installation")

Install this component locally in your project. Works with your existing Claude Code setup.

    npx claude-code-templates@latest --command testing/generate-tests --yes

### Multiple Commands[​](https://docs.aitmpl.com/docs/components/commands#multiple-commands "Direct link to Multiple Commands")

    npx claude-code-templates@latest --command setup/setup-testing,performance/optimize-bundle --yes

💡 Usage After Installation[​](https://docs.aitmpl.com/docs/components/commands#-usage-after-installation "Direct link to 💡 Usage After Installation")

--------------------------------------------------------------------------------------------------------------------------------------------------------

Once installed, use commands in Claude Code:

    /generate-tests/optimize-bundle/security-audit/setup-testing

📁 Command Categories[​](https://docs.aitmpl.com/docs/components/commands#-command-categories "Direct link to 📁 Command Categories")

--------------------------------------------------------------------------------------------------------------------------------------

Browse commands by workflow area to find the right automation for your needs:

### Setup & Configuration[​](https://docs.aitmpl.com/docs/components/commands#setup--configuration "Direct link to Setup & Configuration")

Project initialization and foundation setup. Examples: `setup-ci-cd-pipeline` for automated builds, `setup-testing` for test frameworks, `migrate-to-typescript` for type safety.

### Testing[​](https://docs.aitmpl.com/docs/components/commands#testing "Direct link to Testing")

Test automation and quality assurance workflows. Examples: `generate-tests` for automatic test creation, `setup-e2e` for end-to-end testing, `test-coverage` for coverage analysis.

### Performance[​](https://docs.aitmpl.com/docs/components/commands#performance "Direct link to Performance")

Optimization and performance analysis tools. Examples: `optimize-bundle` for build optimization, `performance-audit` for speed analysis, `add-caching` for performance improvements.

### Database[​](https://docs.aitmpl.com/docs/components/commands#database "Direct link to Database")

Database operations and management automation. Examples: `supabase-migration-assistant` for schema changes, `supabase-security-audit` for database security, `supabase-type-generator` for TypeScript types.

### Documentation[​](https://docs.aitmpl.com/docs/components/commands#documentation "Direct link to Documentation")

Documentation generation and maintenance tools. Examples: `generate-api-docs` for API documentation, `update-readme` for project documentation, `create-guide` for user guides.

### Security[​](https://docs.aitmpl.com/docs/components/commands#security "Direct link to Security")

Security analysis and hardening automation. Examples: `security-audit` for vulnerability scanning, `dependency-audit` for package security, `fix-vulnerabilities` for security patches.

🎯 How to Choose Commands[​](https://docs.aitmpl.com/docs/components/commands#-how-to-choose-commands "Direct link to 🎯 How to Choose Commands")

--------------------------------------------------------------------------------------------------------------------------------------------------

Select commands based on your current workflow needs:

### By Development Phase[​](https://docs.aitmpl.com/docs/components/commands#by-development-phase "Direct link to By Development Phase")

*   **Project Start**: Begin with `setup/*` commands for foundation setup
*   **Development**: Use `testing/*` and `documentation/*` for quality workflows
*   **Pre-launch**: Add `security/*` and `performance/*` for optimization
*   **Maintenance**: Focus on `database/*` and `performance/*` for ongoing operations

### By Technology Stack[​](https://docs.aitmpl.com/docs/components/commands#by-technology-stack "Direct link to By Technology Stack")

*   **Supabase projects**: Choose `database/supabase-*` commands for database management
*   **React applications**: Use `performance/optimize-bundle` for build optimization
*   **API projects**: Select `documentation/generate-api-docs` for API documentation
*   **Any project**: Start with `setup/setup-testing` for quality foundation

### By Current Challenges[​](https://docs.aitmpl.com/docs/components/commands#by-current-challenges "Direct link to By Current Challenges")

*   **Slow builds**: Use `performance/optimize-bundle` for build optimization
*   **Missing tests**: Choose `testing/generate-tests` for test automation
*   **Security concerns**: Select `security/security-audit` for vulnerability assessment
*   **Poor documentation**: Pick `documentation/update-readme` for documentation improvements

🔧 Pro Tips[​](https://docs.aitmpl.com/docs/components/commands#-pro-tips "Direct link to 🔧 Pro Tips")

--------------------------------------------------------------------------------------------------------

*   **Install setup commands first** for new projects
*   **Use testing commands early** in development
*   **Add security commands** before deployment
*   **Browse [aitmpl.com](https://aitmpl.com/)
    ** for specific workflows

* * *

**Find more commands:** [Browse all commands on aitmpl.com](https://aitmpl.com/)
 → Filter by "Commands"

*   [⚡ What are Commands?](https://docs.aitmpl.com/docs/components/commands#-what-are-commands)
    
*   [Installation](https://docs.aitmpl.com/docs/components/commands#installation)
    *   [📦 Basic Installation](https://docs.aitmpl.com/docs/components/commands#-basic-installation)
        
    *   [Multiple Commands](https://docs.aitmpl.com/docs/components/commands#multiple-commands)
        
*   [💡 Usage After Installation](https://docs.aitmpl.com/docs/components/commands#-usage-after-installation)
    
*   [📁 Command Categories](https://docs.aitmpl.com/docs/components/commands#-command-categories)
    *   [Setup & Configuration](https://docs.aitmpl.com/docs/components/commands#setup--configuration)
        
    *   [Testing](https://docs.aitmpl.com/docs/components/commands#testing)
        
    *   [Performance](https://docs.aitmpl.com/docs/components/commands#performance)
        
    *   [Database](https://docs.aitmpl.com/docs/components/commands#database)
        
    *   [Documentation](https://docs.aitmpl.com/docs/components/commands#documentation)
        
    *   [Security](https://docs.aitmpl.com/docs/components/commands#security)
        
*   [🎯 How to Choose Commands](https://docs.aitmpl.com/docs/components/commands#-how-to-choose-commands)
    *   [By Development Phase](https://docs.aitmpl.com/docs/components/commands#by-development-phase)
        
    *   [By Technology Stack](https://docs.aitmpl.com/docs/components/commands#by-technology-stack)
        
    *   [By Current Challenges](https://docs.aitmpl.com/docs/components/commands#by-current-challenges)
        
*   [🔧 Pro Tips](https://docs.aitmpl.com/docs/components/commands#-pro-tips)

---

# Analytics Dashboard | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/tools/analytics#__docusaurus_skipToContent_fallback)

On this page

Real-time monitoring of your Claude Code sessions through a web interface.

Launch Command[​](https://docs.aitmpl.com/docs/tools/analytics#launch-command "Direct link to Launch Command")

---------------------------------------------------------------------------------------------------------------

    npx claude-code-templates@latest --analytics

Opens automatically at `http://localhost:3333`.

Features[​](https://docs.aitmpl.com/docs/tools/analytics#features "Direct link to Features")

---------------------------------------------------------------------------------------------

*   **Live session tracking** - Monitor active Claude Code conversations
*   **Usage statistics** - Session counts, token usage, activity trends
*   **Conversation history** - Search and export conversation data
*   **Performance metrics** - System health and response times
*   **Real-time updates** - Live dashboard with WebSocket integration

*   [Launch Command](https://docs.aitmpl.com/docs/tools/analytics#launch-command)
    
*   [Features](https://docs.aitmpl.com/docs/tools/analytics#features)

---

# Settings | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/components/settings#__docusaurus_skipToContent_fallback)

On this page

Claude Code configurations that customize behavior and performance. Browse and install from **[aitmpl.com](https://aitmpl.com/)
**.

⚙️ What are Settings?[​](https://docs.aitmpl.com/docs/components/settings#%EF%B8%8F-what-are-settings "Direct link to ⚙️ What are Settings?")

----------------------------------------------------------------------------------------------------------------------------------------------

Settings modify how Claude Code behaves in your project. They control performance, security, interface, and workflow preferences.

Installation[​](https://docs.aitmpl.com/docs/components/settings#installation "Direct link to Installation")

-------------------------------------------------------------------------------------------------------------

### 📦 Basic Installation[​](https://docs.aitmpl.com/docs/components/settings#-basic-installation "Direct link to 📦 Basic Installation")

Install this component locally in your project. Works with your existing Claude Code setup.

    npx claude-code-templates@latest --setting performance/performance-optimization --yes

### Multiple Settings[​](https://docs.aitmpl.com/docs/components/settings#multiple-settings "Direct link to Multiple Settings")

    npx claude-code-templates@latest --setting security/read-only-mode,performance/bash-timeouts --yes

🔧 Special: Statusline Settings[​](https://docs.aitmpl.com/docs/components/settings#-special-statusline-settings "Direct link to 🔧 Special: Statusline Settings")

-------------------------------------------------------------------------------------------------------------------------------------------------------------------

Statuslines include Python scripts for real-time monitoring:

### Git Branch Monitor[​](https://docs.aitmpl.com/docs/components/settings#git-branch-monitor "Direct link to Git Branch Monitor")

    npx claude-code-templates@latest --setting statusline/git-branch-statusline --yes

Shows current Git branch and status in Claude Code interface.

### Context Monitor[​](https://docs.aitmpl.com/docs/components/settings#context-monitor "Direct link to Context Monitor")

    npx claude-code-templates@latest --setting statusline/context-monitor --yes

Displays project context and active files.

⚠️ Important Notes[​](https://docs.aitmpl.com/docs/components/settings#%EF%B8%8F-important-notes "Direct link to ⚠️ Important Notes")

--------------------------------------------------------------------------------------------------------------------------------------

### File Locations[​](https://docs.aitmpl.com/docs/components/settings#file-locations "Direct link to File Locations")

Settings are installed to:

*   **`.claude/settings/`** - JSON configuration files
*   **`.claude/scripts/`** - Python scripts (for statuslines)

### Environment Impact[​](https://docs.aitmpl.com/docs/components/settings#environment-impact "Direct link to Environment Impact")

*   **Performance settings** affect Claude Code speed
*   **Security settings** may restrict functionality
*   **Git settings** change version control behavior

📁 Setting Categories[​](https://docs.aitmpl.com/docs/components/settings#-setting-categories "Direct link to 📁 Setting Categories")

--------------------------------------------------------------------------------------------------------------------------------------

Browse settings by functional area to customize Claude Code behavior:

### Performance[​](https://docs.aitmpl.com/docs/components/settings#performance "Direct link to Performance")

Optimize Claude Code speed and resource usage. Examples: `performance-optimization` for faster execution, `bash-timeouts` for command limits, `memory-optimization` for resource management.

### Security[​](https://docs.aitmpl.com/docs/components/settings#security "Direct link to Security")

Control access and protect sensitive operations. Examples: `read-only-mode` for restricted file access, `deny-sensitive-files` for blocking confidential data, `sandbox-mode` for isolated execution.

### Git Integration[​](https://docs.aitmpl.com/docs/components/settings#git-integration "Direct link to Git Integration")

Version control and Git workflow configurations. Examples: `allow-git-operations` for Git access, `auto-commit-settings` for automated commits, `commit-message-templates` for consistent messaging.

### Interface[​](https://docs.aitmpl.com/docs/components/settings#interface "Direct link to Interface")

Customize Claude Code appearance and interaction. Examples: `dark-mode` for visual preference, `compact-mode` for space efficiency, `keyboard-shortcuts` for productivity.

### Statuslines[​](https://docs.aitmpl.com/docs/components/settings#statuslines "Direct link to Statuslines")

Real-time monitoring with Python scripts. Examples: `git-branch-statusline` for Git status display, `context-monitor` for project awareness, `performance-monitor` for system metrics.

### Workflow[​](https://docs.aitmpl.com/docs/components/settings#workflow "Direct link to Workflow")

Development process optimizations. Examples: `auto-save` for automatic saving, `smart-suggestions` for intelligent recommendations, `code-formatting` for consistent styling.

🎯 How to Choose Settings[​](https://docs.aitmpl.com/docs/components/settings#-how-to-choose-settings "Direct link to 🎯 How to Choose Settings")

--------------------------------------------------------------------------------------------------------------------------------------------------

Select settings based on your project requirements and preferences:

### By Project Security Level[​](https://docs.aitmpl.com/docs/components/settings#by-project-security-level "Direct link to By Project Security Level")

*   **High security projects**: Use `read-only-mode` and `deny-sensitive-files` for maximum protection
*   **Medium security**: Apply `restrict-file-access` for controlled access
*   **Development environment**: Enable `allow-git-operations` for full Git functionality

### By Performance Needs[​](https://docs.aitmpl.com/docs/components/settings#by-performance-needs "Direct link to By Performance Needs")

*   **Large projects**: Choose `performance-optimization` and `memory-optimization` for better handling
*   **Slow command execution**: Use `bash-timeouts` to prevent hanging processes
*   **MCP connection issues**: Apply `mcp-timeouts` for reliable integrations

### By Workflow Type[​](https://docs.aitmpl.com/docs/components/settings#by-workflow-type "Direct link to By Workflow Type")

*   **Git-heavy workflows**: Enable `allow-git-operations` with `git-branch-statusline` for Git awareness
*   **Team collaboration**: Use `commit-message-templates` and `code-formatting` for consistency
*   **Solo development**: Focus on `auto-save` and `custom-theme` for personal productivity

💡 Pro Tips[​](https://docs.aitmpl.com/docs/components/settings#-pro-tips "Direct link to 💡 Pro Tips")

--------------------------------------------------------------------------------------------------------

*   **Start with performance settings** for better experience
*   **Add security settings** for production projects
*   **Use statuslines** for real-time project monitoring
*   **Browse [aitmpl.com](https://aitmpl.com/)
    ** for specialized configurations

* * *

**Find more settings:** [Browse all settings on aitmpl.com](https://aitmpl.com/)
 → Filter by "Settings"

*   [⚙️ What are Settings?](https://docs.aitmpl.com/docs/components/settings#%EF%B8%8F-what-are-settings)
    
*   [Installation](https://docs.aitmpl.com/docs/components/settings#installation)
    *   [📦 Basic Installation](https://docs.aitmpl.com/docs/components/settings#-basic-installation)
        
    *   [Multiple Settings](https://docs.aitmpl.com/docs/components/settings#multiple-settings)
        
*   [🔧 Special: Statusline Settings](https://docs.aitmpl.com/docs/components/settings#-special-statusline-settings)
    *   [Git Branch Monitor](https://docs.aitmpl.com/docs/components/settings#git-branch-monitor)
        
    *   [Context Monitor](https://docs.aitmpl.com/docs/components/settings#context-monitor)
        
*   [⚠️ Important Notes](https://docs.aitmpl.com/docs/components/settings#%EF%B8%8F-important-notes)
    *   [File Locations](https://docs.aitmpl.com/docs/components/settings#file-locations)
        
    *   [Environment Impact](https://docs.aitmpl.com/docs/components/settings#environment-impact)
        
*   [📁 Setting Categories](https://docs.aitmpl.com/docs/components/settings#-setting-categories)
    *   [Performance](https://docs.aitmpl.com/docs/components/settings#performance)
        
    *   [Security](https://docs.aitmpl.com/docs/components/settings#security)
        
    *   [Git Integration](https://docs.aitmpl.com/docs/components/settings#git-integration)
        
    *   [Interface](https://docs.aitmpl.com/docs/components/settings#interface)
        
    *   [Statuslines](https://docs.aitmpl.com/docs/components/settings#statuslines)
        
    *   [Workflow](https://docs.aitmpl.com/docs/components/settings#workflow)
        
*   [🎯 How to Choose Settings](https://docs.aitmpl.com/docs/components/settings#-how-to-choose-settings)
    *   [By Project Security Level](https://docs.aitmpl.com/docs/components/settings#by-project-security-level)
        
    *   [By Performance Needs](https://docs.aitmpl.com/docs/components/settings#by-performance-needs)
        
    *   [By Workflow Type](https://docs.aitmpl.com/docs/components/settings#by-workflow-type)
        
*   [💡 Pro Tips](https://docs.aitmpl.com/docs/components/settings#-pro-tips)

---

# Chats Interface | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/tools/chats#__docusaurus_skipToContent_fallback)

On this page

Mobile-first interface for browsing Claude Code conversations with resume functionality.

Launch Command[​](https://docs.aitmpl.com/docs/tools/chats#launch-command "Direct link to Launch Command")

-----------------------------------------------------------------------------------------------------------

    npx claude-code-templates@latest --chats

Features[​](https://docs.aitmpl.com/docs/tools/chats#features "Direct link to Features")

-----------------------------------------------------------------------------------------

*   **Resume conversations** - One-click resume button with modal dialog showing `claude --resume {session_id}` command
*   **Copy functionality** - Click to copy resume command to clipboard with visual feedback
*   **Mobile-optimized** - Touch-friendly design with responsive layout
*   **Real-time monitoring** - Live conversation state detection and updates
*   **Conversation browsing** - View and navigate through all your Claude Code conversations

🌐 Remote Access[​](https://docs.aitmpl.com/docs/tools/chats#-remote-access "Direct link to 🌐 Remote Access")

---------------------------------------------------------------------------------------------------------------

Combine with Cloudflare Tunnel for access from anywhere:

    npx claude-code-templates@latest --chats --tunnel

* * *

**Next:** Learn about [Cloudflare Tunnel](https://docs.aitmpl.com/docs/tools/tunnel)
 for secure remote access to your tools.

*   [Launch Command](https://docs.aitmpl.com/docs/tools/chats#launch-command)
    
*   [Features](https://docs.aitmpl.com/docs/tools/chats#features)
    
*   [🌐 Remote Access](https://docs.aitmpl.com/docs/tools/chats#-remote-access)

---

# Health Check | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/tools/health-check#__docusaurus_skipToContent_fallback)

On this page

System validation and optimization for your Claude Code setup.

Launch Command[​](https://docs.aitmpl.com/docs/tools/health-check#launch-command "Direct link to Launch Command")

------------------------------------------------------------------------------------------------------------------

    npx claude-code-templates@latest --health-check

What Gets Checked[​](https://docs.aitmpl.com/docs/tools/health-check#what-gets-checked "Direct link to What Gets Checked")

---------------------------------------------------------------------------------------------------------------------------

*   **System requirements** - Node.js, npm, Git, memory, network
*   **Claude Code setup** - Installation, authentication, permissions
*   **Project configuration** - CLAUDE.md, components, settings, hooks
*   **Component integrity** - Validates installed agents, commands, MCPs
*   **Performance optimization** - Identifies bottlenecks and improvements

Output[​](https://docs.aitmpl.com/docs/tools/health-check#output "Direct link to Output")

------------------------------------------------------------------------------------------

*   ✅ **Pass/Fail status** for each check
*   🔧 **Actionable recommendations** for issues found
*   📊 **Performance scores** and optimization tips
*   🚨 **Critical issues** that need immediate attention
*   **Agent validation** - Verifies agent configurations and dependencies
*   **Command availability** - Tests custom slash command functionality
*   **MCP connections** - Validates external service integrations
*   **Setting effectiveness** - Checks configuration impact
*   **Hook execution** - Tests automation trigger functionality

### Performance Assessment[​](https://docs.aitmpl.com/docs/tools/health-check#performance-assessment "Direct link to Performance Assessment")

*   **Response times** - Measures Claude Code performance
*   **Memory usage** - Analyzes resource consumption
*   **File access speed** - Tests file system performance
*   **Network latency** - Measures API communication speed
*   **Component load times** - Checks startup performance

📊 Health Score System[​](https://docs.aitmpl.com/docs/tools/health-check#-health-score-system "Direct link to 📊 Health Score System")

----------------------------------------------------------------------------------------------------------------------------------------

### Overall Health Percentage[​](https://docs.aitmpl.com/docs/tools/health-check#overall-health-percentage "Direct link to Overall Health Percentage")

The health check provides an overall score (0-100%) based on:

*   **Critical issues** (major impact on functionality)
*   **Warnings** (performance or configuration concerns)
*   **Recommendations** (optimization opportunities)
*   **Best practices** (adherence to recommended setup)

### Score Categories[​](https://docs.aitmpl.com/docs/tools/health-check#score-categories "Direct link to Score Categories")

*   **90-100%**: Excellent - Optimal configuration
*   **75-89%**: Good - Minor improvements possible
*   **60-74%**: Fair - Some issues need attention
*   **40-59%**: Poor - Multiple problems requiring fixes
*   **0-39%**: Critical - Major issues preventing proper function

* * *

**Next:** Try the [Chats Interface](https://docs.aitmpl.com/docs/tools/chats)
 for mobile-optimized Claude Code conversations.

*   [Launch Command](https://docs.aitmpl.com/docs/tools/health-check#launch-command)
    
*   [What Gets Checked](https://docs.aitmpl.com/docs/tools/health-check#what-gets-checked)
    
*   [Output](https://docs.aitmpl.com/docs/tools/health-check#output)
    *   [Performance Assessment](https://docs.aitmpl.com/docs/tools/health-check#performance-assessment)
        
*   [📊 Health Score System](https://docs.aitmpl.com/docs/tools/health-check#-health-score-system)
    *   [Overall Health Percentage](https://docs.aitmpl.com/docs/tools/health-check#overall-health-percentage)
        
    *   [Score Categories](https://docs.aitmpl.com/docs/tools/health-check#score-categories)

---

# Hooks | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/components/hooks#__docusaurus_skipToContent_fallback)

On this page

Automation triggers that execute actions based on events. Browse and install from **[aitmpl.com](https://aitmpl.com/)
**.

🪝 What are Hooks?[​](https://docs.aitmpl.com/docs/components/hooks#-what-are-hooks "Direct link to 🪝 What are Hooks?")

-------------------------------------------------------------------------------------------------------------------------

Hooks are automation scripts that trigger actions when specific events occur in your development workflow. They run automatically in the background.

Installation[​](https://docs.aitmpl.com/docs/components/hooks#installation "Direct link to Installation")

----------------------------------------------------------------------------------------------------------

### 📦 Basic Installation[​](https://docs.aitmpl.com/docs/components/hooks#-basic-installation "Direct link to 📦 Basic Installation")

Install this component locally in your project. Works with your existing Claude Code setup.

    npx claude-code-templates@latest --hook git/auto-git-add --yes

### Multiple Hooks[​](https://docs.aitmpl.com/docs/components/hooks#multiple-hooks "Direct link to Multiple Hooks")

    npx claude-code-templates@latest --hook notifications/discord-notifications,git/smart-commit --yes

⚙️ Hook Configuration[​](https://docs.aitmpl.com/docs/components/hooks#%EF%B8%8F-hook-configuration "Direct link to ⚙️ Hook Configuration")

--------------------------------------------------------------------------------------------------------------------------------------------

Most hooks require configuration after installation:

### Environment Variables[​](https://docs.aitmpl.com/docs/components/hooks#environment-variables "Direct link to Environment Variables")

    # Notification hooksDISCORD_WEBHOOK_URL=your_discord_webhookSLACK_WEBHOOK_URL=your_slack_webhookTELEGRAM_BOT_TOKEN=your_telegram_token# Deployment hooksDEPLOY_API_KEY=your_deploy_keySTAGING_URL=your_staging_urlPRODUCTION_URL=your_production_url

🔄 Hook Events[​](https://docs.aitmpl.com/docs/components/hooks#-hook-events "Direct link to 🔄 Hook Events")

--------------------------------------------------------------------------------------------------------------

Hooks trigger on various events:

*   **File changes** → `git/auto-git-add`
*   **Commits** → `git/pre-commit-validation`
*   **File save** → `quality/lint-on-save`
*   **Test run** → `testing/coverage-reporter`

🛠️ Managing Hooks[​](https://docs.aitmpl.com/docs/components/hooks#%EF%B8%8F-managing-hooks "Direct link to 🛠️ Managing Hooks")

----------------------------------------------------------------------------------------------------------------------------------

### Enable/Disable Hooks[​](https://docs.aitmpl.com/docs/components/hooks#enabledisable-hooks "Direct link to Enable/Disable Hooks")

    # Disable a hookecho '{"enabled": false}' > .claude/hooks/discord-notifications.json# Re-enable a hookecho '{"enabled": true}' > .claude/hooks/discord-notifications.json

📁 Hook Categories[​](https://docs.aitmpl.com/docs/components/hooks#-hook-categories "Direct link to 📁 Hook Categories")

--------------------------------------------------------------------------------------------------------------------------

Browse hooks by automation area to add the right triggers for your workflow:

### Git Automation[​](https://docs.aitmpl.com/docs/components/hooks#git-automation "Direct link to Git Automation")

Automatic Git operations and version control workflows. Examples: `auto-git-add` for automatic staging, `smart-commit` for intelligent commits, `pre-commit-validation` for quality checks.

### Notifications[​](https://docs.aitmpl.com/docs/components/hooks#notifications "Direct link to Notifications")

Real-time alerts to communication platforms. Examples: `discord-notifications` for Discord alerts, `slack-notifications` for team updates, `telegram-notifications` for mobile alerts.

### Testing & Quality[​](https://docs.aitmpl.com/docs/components/hooks#testing--quality "Direct link to Testing & Quality")

Automated testing and code quality enforcement. Examples: `auto-test-runner` for continuous testing, `coverage-reporter` for test metrics, `lint-on-save` for code quality.

### Performance Monitoring[​](https://docs.aitmpl.com/docs/components/hooks#performance-monitoring "Direct link to Performance Monitoring")

Performance tracking and system optimization. Examples: `performance-monitor` for system metrics, `memory-tracker` for resource usage, `build-time-tracker` for compilation monitoring.

### Deployment[​](https://docs.aitmpl.com/docs/components/hooks#deployment "Direct link to Deployment")

Automated deployment and CI/CD triggers. Examples: `auto-deploy` for automatic deployment, `staging-deploy` for environment management, `production-guard` for safety checks.

### Documentation[​](https://docs.aitmpl.com/docs/components/hooks#documentation "Direct link to Documentation")

Automatic documentation maintenance. Examples: `auto-doc-update` for documentation sync, `changelog-generator` for release notes, `api-doc-sync` for API documentation.

🎯 How to Choose Hooks[​](https://docs.aitmpl.com/docs/components/hooks#-how-to-choose-hooks "Direct link to 🎯 How to Choose Hooks")

--------------------------------------------------------------------------------------------------------------------------------------

Select hooks based on your team structure and automation needs:

### By Team Size[​](https://docs.aitmpl.com/docs/components/hooks#by-team-size "Direct link to By Team Size")

*   **Solo projects**: Use `auto-git-add` and `performance-monitor` for personal productivity
*   **Small teams**: Add `slack-notifications` and `auto-test-runner` for coordination
*   **Large teams**: Include `pre-commit-validation` and `production-guard` for safety

### By Project Type[​](https://docs.aitmpl.com/docs/components/hooks#by-project-type "Direct link to By Project Type")

*   **Web applications**: Choose `auto-test-runner` and `auto-deploy` for development automation
*   **Open source libraries**: Use `changelog-generator` and `lint-on-save` for maintenance
*   **API services**: Select `performance-monitor` and `api-doc-sync` for service management

### By Development Stage[​](https://docs.aitmpl.com/docs/components/hooks#by-development-stage "Direct link to By Development Stage")

*   **Active development**: Focus on `auto-git-add` and `lint-on-save` for productivity
*   **Testing phase**: Use `coverage-reporter` and `slack-notifications` for visibility
*   **Production**: Add `production-guard` and `deployment-metrics` for reliability

💡 Pro Tips[​](https://docs.aitmpl.com/docs/components/hooks#-pro-tips "Direct link to 💡 Pro Tips")

-----------------------------------------------------------------------------------------------------

*   **Start with Git hooks** for basic automation
*   **Add notifications** for team coordination
*   **Use testing hooks** for quality assurance
*   **Monitor performance** with tracking hooks
*   **Browse [aitmpl.com](https://aitmpl.com/)
    ** for specialized automation

* * *

**Find more hooks:** [Browse all hooks on aitmpl.com](https://aitmpl.com/)
 → Filter by "Hooks"

*   [🪝 What are Hooks?](https://docs.aitmpl.com/docs/components/hooks#-what-are-hooks)
    
*   [Installation](https://docs.aitmpl.com/docs/components/hooks#installation)
    *   [📦 Basic Installation](https://docs.aitmpl.com/docs/components/hooks#-basic-installation)
        
    *   [Multiple Hooks](https://docs.aitmpl.com/docs/components/hooks#multiple-hooks)
        
*   [⚙️ Hook Configuration](https://docs.aitmpl.com/docs/components/hooks#%EF%B8%8F-hook-configuration)
    *   [Environment Variables](https://docs.aitmpl.com/docs/components/hooks#environment-variables)
        
*   [🔄 Hook Events](https://docs.aitmpl.com/docs/components/hooks#-hook-events)
    
*   [🛠️ Managing Hooks](https://docs.aitmpl.com/docs/components/hooks#%EF%B8%8F-managing-hooks)
    *   [Enable/Disable Hooks](https://docs.aitmpl.com/docs/components/hooks#enabledisable-hooks)
        
*   [📁 Hook Categories](https://docs.aitmpl.com/docs/components/hooks#-hook-categories)
    *   [Git Automation](https://docs.aitmpl.com/docs/components/hooks#git-automation)
        
    *   [Notifications](https://docs.aitmpl.com/docs/components/hooks#notifications)
        
    *   [Testing & Quality](https://docs.aitmpl.com/docs/components/hooks#testing--quality)
        
    *   [Performance Monitoring](https://docs.aitmpl.com/docs/components/hooks#performance-monitoring)
        
    *   [Deployment](https://docs.aitmpl.com/docs/components/hooks#deployment)
        
    *   [Documentation](https://docs.aitmpl.com/docs/components/hooks#documentation)
        
*   [🎯 How to Choose Hooks](https://docs.aitmpl.com/docs/components/hooks#-how-to-choose-hooks)
    *   [By Team Size](https://docs.aitmpl.com/docs/components/hooks#by-team-size)
        
    *   [By Project Type](https://docs.aitmpl.com/docs/components/hooks#by-project-type)
        
    *   [By Development Stage](https://docs.aitmpl.com/docs/components/hooks#by-development-stage)
        
*   [💡 Pro Tips](https://docs.aitmpl.com/docs/components/hooks#-pro-tips)

---

# MCPs (Model Context Protocol) | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/components/mcps#__docusaurus_skipToContent_fallback)

On this page

External service integrations that extend Claude Code with real-time data access. Browse and install from **[aitmpl.com](https://aitmpl.com/)
**.

🔌 What are MCPs?[​](https://docs.aitmpl.com/docs/components/mcps#-what-are-mcps "Direct link to 🔌 What are MCPs?")

---------------------------------------------------------------------------------------------------------------------

MCPs connect Claude Code to external services, databases, and APIs. They provide real-time access to live data and services during conversations.

Installation[​](https://docs.aitmpl.com/docs/components/mcps#installation "Direct link to Installation")

---------------------------------------------------------------------------------------------------------

### 📦 Basic Installation[​](https://docs.aitmpl.com/docs/components/mcps#-basic-installation "Direct link to 📦 Basic Installation")

Install this component locally in your project. Works with your existing Claude Code setup.

    npx claude-code-templates@latest --mcp database/supabase --yes

### Multiple MCPs[​](https://docs.aitmpl.com/docs/components/mcps#multiple-mcps "Direct link to Multiple MCPs")

    npx claude-code-templates@latest --mcp database/supabase,development/github-integration --yes

⚙️ Configuration[​](https://docs.aitmpl.com/docs/components/mcps#%EF%B8%8F-configuration "Direct link to ⚙️ Configuration")

----------------------------------------------------------------------------------------------------------------------------

Most MCPs require configuration after installation:

### API Keys[​](https://docs.aitmpl.com/docs/components/mcps#api-keys "Direct link to API Keys")

Add required API keys to environment variables:

    # Database MCPsDATABASE_URL=your_database_urlSUPABASE_URL=your_supabase_urlSUPABASE_ANON_KEY=your_anon_key# GitHub MCPGITHUB_TOKEN=your_github_token# Cloud MCPsAWS_ACCESS_KEY_ID=your_aws_keyAWS_SECRET_ACCESS_KEY=your_aws_secret

💡 Usage After Installation[​](https://docs.aitmpl.com/docs/components/mcps#-usage-after-installation "Direct link to 💡 Usage After Installation")

----------------------------------------------------------------------------------------------------------------------------------------------------

MCPs provide real-time data access:

*   **Query databases** directly in conversations
*   **Access GitHub repos** and issues
*   **Browse documentation** with context
*   **Control browsers** for testing
*   **Interact with cloud services**

📁 MCP Categories[​](https://docs.aitmpl.com/docs/components/mcps#-mcp-categories "Direct link to 📁 MCP Categories")

----------------------------------------------------------------------------------------------------------------------

Browse MCPs by integration type to connect Claude Code with external services:

### Database Integrations[​](https://docs.aitmpl.com/docs/components/mcps#database-integrations "Direct link to Database Integrations")

Connect to databases and data sources for real-time data access. Examples: `supabase` for Supabase integration, `postgresql-integration` for PostgreSQL access, `mongodb-integration` for MongoDB queries.

### Development Tools[​](https://docs.aitmpl.com/docs/components/mcps#development-tools "Direct link to Development Tools")

GitHub, version control, and development service connections. Examples: `github-integration` for repository access, `filesystem-access` for file operations, `npm-registry` for package management.

### Documentation & Context[​](https://docs.aitmpl.com/docs/components/mcps#documentation--context "Direct link to Documentation & Context")

Documentation and knowledge base access for contextual information. Examples: `context7` for documentation lookup, `confluence-integration` for enterprise wikis, `notion-integration` for team knowledge bases.

### Browser Automation[​](https://docs.aitmpl.com/docs/components/mcps#browser-automation "Direct link to Browser Automation")

Web scraping and browser control for testing and automation. Examples: `playwright-mcp` for web automation, `browsermcp` for browser control, `selenium-integration` for legacy browser testing.

### Cloud Services[​](https://docs.aitmpl.com/docs/components/mcps#cloud-services "Direct link to Cloud Services")

AWS, Google Cloud, and other cloud platform integrations. Examples: `aws-integration` for AWS services, `gcp-integration` for Google Cloud, `vercel-integration` for deployment management.

### Communication[​](https://docs.aitmpl.com/docs/components/mcps#communication "Direct link to Communication")

Slack, Discord, and other communication tool connections. Examples: `slack-integration` for team communication, `discord-integration` for community management, `teams-integration` for enterprise chat.

🎯 How to Choose MCPs[​](https://docs.aitmpl.com/docs/components/mcps#-how-to-choose-mcps "Direct link to 🎯 How to Choose MCPs")

----------------------------------------------------------------------------------------------------------------------------------

Select MCPs based on your project's external service requirements:

### By Project Type[​](https://docs.aitmpl.com/docs/components/mcps#by-project-type "Direct link to By Project Type")

*   **Web applications**: Choose `supabase` and `github-integration` for database and version control
*   **Data projects**: Use `postgresql-integration` and `context7` for data access and documentation
*   **API services**: Select `github-integration` and `aws-integration` for development and deployment
*   **Testing projects**: Pick `playwright-mcp` and `filesystem-access` for automation and file handling

### By Data Requirements[​](https://docs.aitmpl.com/docs/components/mcps#by-data-requirements "Direct link to By Data Requirements")

*   **Live database access**: Choose appropriate `database/*` MCPs for real-time queries
*   **Documentation lookup**: Use `context7` for intelligent documentation search
*   **Repository access**: Select `github-integration` for code and issue management
*   **Web automation**: Pick `browser/*` MCPs for web scraping and testing

### By Integration Needs[​](https://docs.aitmpl.com/docs/components/mcps#by-integration-needs "Direct link to By Integration Needs")

*   **Supabase projects**: Essential `supabase` MCP for database operations
*   **GitHub workflows**: Required `github-integration` for repository management
*   **AWS deployments**: Use `aws-integration` for cloud service management
*   **Browser testing**: Select `playwright-mcp` for automated web testing

🔧 Pro Tips[​](https://docs.aitmpl.com/docs/components/mcps#-pro-tips "Direct link to 🔧 Pro Tips")

----------------------------------------------------------------------------------------------------

*   **Start with essential MCPs** for your stack
*   **Configure environment variables** properly
*   **Test connections** after installation
*   **Browse [aitmpl.com](https://aitmpl.com/)
    ** for specialized integrations

* * *

**Find more MCPs:** [Browse all MCPs on aitmpl.com](https://aitmpl.com/)
 → Filter by "MCPs"

*   [🔌 What are MCPs?](https://docs.aitmpl.com/docs/components/mcps#-what-are-mcps)
    
*   [Installation](https://docs.aitmpl.com/docs/components/mcps#installation)
    *   [📦 Basic Installation](https://docs.aitmpl.com/docs/components/mcps#-basic-installation)
        
    *   [Multiple MCPs](https://docs.aitmpl.com/docs/components/mcps#multiple-mcps)
        
*   [⚙️ Configuration](https://docs.aitmpl.com/docs/components/mcps#%EF%B8%8F-configuration)
    *   [API Keys](https://docs.aitmpl.com/docs/components/mcps#api-keys)
        
*   [💡 Usage After Installation](https://docs.aitmpl.com/docs/components/mcps#-usage-after-installation)
    
*   [📁 MCP Categories](https://docs.aitmpl.com/docs/components/mcps#-mcp-categories)
    *   [Database Integrations](https://docs.aitmpl.com/docs/components/mcps#database-integrations)
        
    *   [Development Tools](https://docs.aitmpl.com/docs/components/mcps#development-tools)
        
    *   [Documentation & Context](https://docs.aitmpl.com/docs/components/mcps#documentation--context)
        
    *   [Browser Automation](https://docs.aitmpl.com/docs/components/mcps#browser-automation)
        
    *   [Cloud Services](https://docs.aitmpl.com/docs/components/mcps#cloud-services)
        
    *   [Communication](https://docs.aitmpl.com/docs/components/mcps#communication)
        
*   [🎯 How to Choose MCPs](https://docs.aitmpl.com/docs/components/mcps#-how-to-choose-mcps)
    *   [By Project Type](https://docs.aitmpl.com/docs/components/mcps#by-project-type)
        
    *   [By Data Requirements](https://docs.aitmpl.com/docs/components/mcps#by-data-requirements)
        
    *   [By Integration Needs](https://docs.aitmpl.com/docs/components/mcps#by-integration-needs)
        
*   [🔧 Pro Tips](https://docs.aitmpl.com/docs/components/mcps#-pro-tips)

---

# Cloudflare Tunnel | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/tools/tunnel#__docusaurus_skipToContent_fallback)

On this page

Secure remote access to your Claude Code tools from anywhere.

Launch Commands[​](https://docs.aitmpl.com/docs/tools/tunnel#launch-commands "Direct link to Launch Commands")

---------------------------------------------------------------------------------------------------------------

### With Chats[​](https://docs.aitmpl.com/docs/tools/tunnel#with-chats "Direct link to With Chats")

    npx claude-code-templates@latest --chats --tunnel

How It Works[​](https://docs.aitmpl.com/docs/tools/tunnel#how-it-works "Direct link to How It Works")

------------------------------------------------------------------------------------------------------

1.  **Tool starts locally** - Analytics or chats interface launches
2.  **Tunnel created** - Secure connection through Cloudflare
3.  **Public URL generated** - Shareable HTTPS link provided
4.  **Global access** - Use from any device with internet

🔧 Troubleshooting[​](https://docs.aitmpl.com/docs/tools/tunnel#-troubleshooting "Direct link to 🔧 Troubleshooting")

----------------------------------------------------------------------------------------------------------------------

### Common Issues[​](https://docs.aitmpl.com/docs/tools/tunnel#common-issues "Direct link to Common Issues")

**Tunnel won't start:**

    # Check internet connectionping cloudflare.com# Verify tool is running locally firstnpx claude-code-templates@latest --chats

* * *

**Next:** Explore [E2B Sandbox](https://docs.aitmpl.com/docs/tools/sandbox)
 for secure cloud execution environments.

*   [Launch Commands](https://docs.aitmpl.com/docs/tools/tunnel#launch-commands)
    *   [With Chats](https://docs.aitmpl.com/docs/tools/tunnel#with-chats)
        
*   [How It Works](https://docs.aitmpl.com/docs/tools/tunnel#how-it-works)
    
*   [🔧 Troubleshooting](https://docs.aitmpl.com/docs/tools/tunnel#-troubleshooting)
    *   [Common Issues](https://docs.aitmpl.com/docs/tools/tunnel#common-issues)

---

# Templates | Claude Code Templates

[Skip to main content](https://docs.aitmpl.com/docs/components/templates#__docusaurus_skipToContent_fallback)

On this page

Complete project setups with pre-configured components and best practices. Browse and install from **[aitmpl.com](https://aitmpl.com/)
**.

📦 What are Templates?[​](https://docs.aitmpl.com/docs/components/templates#-what-are-templates "Direct link to 📦 What are Templates?")

-----------------------------------------------------------------------------------------------------------------------------------------

Templates are complete project configurations that install multiple components together. They provide opinionated setups for common technology stacks.

Installation[​](https://docs.aitmpl.com/docs/components/templates#installation "Direct link to Installation")

--------------------------------------------------------------------------------------------------------------

### 📦 Basic Installation[​](https://docs.aitmpl.com/docs/components/templates#-basic-installation "Direct link to 📦 Basic Installation")

Install this component locally in your project. Works with your existing Claude Code setup.

    npx claude-code-templates@latest --template react --yes

### Template with Directory[​](https://docs.aitmpl.com/docs/components/templates#template-with-directory "Direct link to Template with Directory")

    npx claude-code-templates@latest --template nextjs --directory ./my-app --yes

### Template with Additional Components[​](https://docs.aitmpl.com/docs/components/templates#template-with-additional-components "Direct link to Template with Additional Components")

    npx claude-code-templates@latest \  --template react \  --agent security/security-auditor \  --hook notifications/slack-notifications

📁 What Gets Installed[​](https://docs.aitmpl.com/docs/components/templates#-what-gets-installed "Direct link to 📁 What Gets Installed")

------------------------------------------------------------------------------------------------------------------------------------------

Templates create a complete setup:

### File Structure[​](https://docs.aitmpl.com/docs/components/templates#file-structure "Direct link to File Structure")

    .claude/├── agents/           # Template-specific agents├── commands/         # Curated commands├── mcps/            # Relevant integrations├── settings/        # Optimized settings└── hooks/           # Workflow automationCLAUDE.md             # Template-specific instructions

### Configuration[​](https://docs.aitmpl.com/docs/components/templates#configuration "Direct link to Configuration")

*   **CLAUDE.md**: Tailored project instructions
*   **Component configs**: Optimized for the template
*   **Environment setup**: Required variables and setup steps

💡 Template Benefits[​](https://docs.aitmpl.com/docs/components/templates#-template-benefits "Direct link to 💡 Template Benefits")

------------------------------------------------------------------------------------------------------------------------------------

### Faster Setup[​](https://docs.aitmpl.com/docs/components/templates#faster-setup "Direct link to Faster Setup")

*   **Pre-configured components** for your stack
*   **Best practices** built-in
*   **Tested combinations** of agents and tools

### Consistency[​](https://docs.aitmpl.com/docs/components/templates#consistency "Direct link to Consistency")

*   **Standardized setups** across projects
*   **Team alignment** on tooling
*   **Proven configurations**

🚀 Template Categories[​](https://docs.aitmpl.com/docs/components/templates#-template-categories "Direct link to 🚀 Template Categories")

------------------------------------------------------------------------------------------------------------------------------------------

Browse templates by development stack to find complete setups for your technology:

### Frontend Templates[​](https://docs.aitmpl.com/docs/components/templates#frontend-templates "Direct link to Frontend Templates")

Modern frontend development stacks for client-side applications. Examples: `react` for React applications, `vue` for Vue.js projects, `nextjs` for full-stack React, `angular` for enterprise applications.

### Backend Templates[​](https://docs.aitmpl.com/docs/components/templates#backend-templates "Direct link to Backend Templates")

Server-side development setups for API and service development. Examples: `nodejs` for Node.js services, `express` for web APIs, `fastapi` for Python APIs, `django` for web applications.

### Full-Stack Templates[​](https://docs.aitmpl.com/docs/components/templates#full-stack-templates "Direct link to Full-Stack Templates")

Complete application stacks with frontend and backend. Examples: `fullstack-js` for JavaScript stacks, `t3-stack` for TypeScript full-stack, `mern-stack` for MongoDB-Express-React-Node, `python-web` for Python web apps.

### Mobile Templates[​](https://docs.aitmpl.com/docs/components/templates#mobile-templates "Direct link to Mobile Templates")

Mobile development configurations for cross-platform apps. Examples: `react-native` for native mobile, `flutter` for cross-platform, `ionic` for hybrid apps, `expo` for React Native development.

### Data & AI Templates[​](https://docs.aitmpl.com/docs/components/templates#data--ai-templates "Direct link to Data & AI Templates")

Data science and machine learning project setups. Examples: `data-science` for analytics projects, `machine-learning` for ML workflows, `jupyter-notebook` for research, `tensorflow` for deep learning.

### DevOps Templates[​](https://docs.aitmpl.com/docs/components/templates#devops-templates "Direct link to DevOps Templates")

Infrastructure and deployment configurations. Examples: `docker` for containerization, `kubernetes` for orchestration, `aws-lambda` for serverless, `vercel-app` for frontend deployment.

🎯 How to Choose Templates[​](https://docs.aitmpl.com/docs/components/templates#-how-to-choose-templates "Direct link to 🎯 How to Choose Templates")

------------------------------------------------------------------------------------------------------------------------------------------------------

Select templates based on your project requirements and team expertise:

### By Technology Preference[​](https://docs.aitmpl.com/docs/components/templates#by-technology-preference "Direct link to By Technology Preference")

*   **React ecosystem**: Choose `react`, `nextjs`, or `t3-stack` based on complexity needs
*   **Python development**: Select `fastapi`, `django`, or `data-science` based on application type
*   **Node.js backend**: Pick `nodejs`, `express`, or `fullstack-js` based on project scope
*   **Mobile applications**: Use `react-native`, `flutter`, or `expo` based on platform requirements

### By Project Complexity[​](https://docs.aitmpl.com/docs/components/templates#by-project-complexity "Direct link to By Project Complexity")

*   **Simple projects**: Start with `react`, `nodejs`, or `fastapi` for straightforward setups
*   **Medium projects**: Use `nextjs`, `express`, or `django` for moderate complexity
*   **Complex projects**: Choose `t3-stack`, `mern-stack`, or `kubernetes` for advanced requirements

### By Team Experience[​](https://docs.aitmpl.com/docs/components/templates#by-team-experience "Direct link to By Team Experience")

*   **Beginner teams**: Begin with `react`, `nodejs`, or `express` for easier learning curves
*   **Intermediate teams**: Use `nextjs`, `fastapi`, or `docker` for balanced complexity
*   **Advanced teams**: Select `t3-stack`, `kubernetes`, or `machine-learning` for sophisticated setups

🔧 Pro Tips[​](https://docs.aitmpl.com/docs/components/templates#-pro-tips "Direct link to 🔧 Pro Tips")

---------------------------------------------------------------------------------------------------------

*   **Start with templates** for new projects
*   **Customize templates** with additional components
*   **Study template configurations** to learn best practices
*   **Browse [aitmpl.com](https://aitmpl.com/)
    ** for specialized templates

* * *

**Find more templates:** [Browse all templates on aitmpl.com](https://aitmpl.com/)
 → Filter by "Templates"

*   [📦 What are Templates?](https://docs.aitmpl.com/docs/components/templates#-what-are-templates)
    
*   [Installation](https://docs.aitmpl.com/docs/components/templates#installation)
    *   [📦 Basic Installation](https://docs.aitmpl.com/docs/components/templates#-basic-installation)
        
    *   [Template with Directory](https://docs.aitmpl.com/docs/components/templates#template-with-directory)
        
    *   [Template with Additional Components](https://docs.aitmpl.com/docs/components/templates#template-with-additional-components)
        
*   [📁 What Gets Installed](https://docs.aitmpl.com/docs/components/templates#-what-gets-installed)
    *   [File Structure](https://docs.aitmpl.com/docs/components/templates#file-structure)
        
    *   [Configuration](https://docs.aitmpl.com/docs/components/templates#configuration)
        
*   [💡 Template Benefits](https://docs.aitmpl.com/docs/components/templates#-template-benefits)
    *   [Faster Setup](https://docs.aitmpl.com/docs/components/templates#faster-setup)
        
    *   [Consistency](https://docs.aitmpl.com/docs/components/templates#consistency)
        
*   [🚀 Template Categories](https://docs.aitmpl.com/docs/components/templates#-template-categories)
    *   [Frontend Templates](https://docs.aitmpl.com/docs/components/templates#frontend-templates)
        
    *   [Backend Templates](https://docs.aitmpl.com/docs/components/templates#backend-templates)
        
    *   [Full-Stack Templates](https://docs.aitmpl.com/docs/components/templates#full-stack-templates)
        
    *   [Mobile Templates](https://docs.aitmpl.com/docs/components/templates#mobile-templates)
        
    *   [Data & AI Templates](https://docs.aitmpl.com/docs/components/templates#data--ai-templates)
        
    *   [DevOps Templates](https://docs.aitmpl.com/docs/components/templates#devops-templates)
        
*   [🎯 How to Choose Templates](https://docs.aitmpl.com/docs/components/templates#-how-to-choose-templates)
    *   [By Technology Preference](https://docs.aitmpl.com/docs/components/templates#by-technology-preference)
        
    *   [By Project Complexity](https://docs.aitmpl.com/docs/components/templates#by-project-complexity)
        
    *   [By Team Experience](https://docs.aitmpl.com/docs/components/templates#by-team-experience)
        
*   [🔧 Pro Tips](https://docs.aitmpl.com/docs/components/templates#-pro-tips)

---