Skip to main content

Template Components

Templates are complete project configurations with pre-installed agents, commands, MCPs, hooks, and settings. They provide ready-to-use setups for specific project types.

Browse All Templates

Explore 14+ templates at aitmpl.com

Installation

# Install a template
npx claude-code-templates@latest --template fullstack-web

# Templates install all included components automatically

Available Templates

Fullstack Web

Complete fullstack web development setup
npx claude-code-templates@latest --template fullstack-web
Includes:
  • Frontend developer agent
  • Backend developer agent
  • Database architect agent
  • Testing commands
  • Git workflow hooks
  • Security scanning

API Development

RESTful and GraphQL API development
npx claude-code-templates@latest --template api-development
Includes:
  • API architect agent
  • Backend developer agent
  • Database integration MCPs
  • API documentation commands
  • Security audit commands

Security Hardened

Maximum security configuration
npx claude-code-templates@latest --template security-hardened
Includes:
  • Security auditor agent
  • Secret scanner hooks
  • Dependency audit commands
  • Read-only mode setting
  • Branch protection

Database Project

Database-intensive application setup
npx claude-code-templates@latest --template database-project
Includes:
  • Database architect agent
  • Database optimizer agent
  • Neon/Supabase MCPs
  • Migration commands
  • Performance monitoring

DevOps Pipeline

CI/CD and infrastructure automation
npx claude-code-templates@latest --template devops-pipeline
Includes:
  • DevOps engineer agent
  • Cloud architect agent
  • Terraform specialist agent
  • Deployment commands
  • Infrastructure monitoring

Testing Suite

Comprehensive testing infrastructure
npx claude-code-templates@latest --template testing-suite
Includes:
  • Test generator agent
  • E2E testing setup
  • Test runner hooks
  • Coverage commands
  • Performance testing

Mobile Development

iOS, Android, and cross-platform mobile
npx claude-code-templates@latest --template mobile-development
Includes:
  • Mobile developer agent
  • iOS developer agent
  • Flutter developer agent
  • Mobile testing commands
  • App deployment automation

AI/ML Project

Machine learning and AI development
npx claude-code-templates@latest --template ai-ml-project
Includes:
  • LLM architect agent
  • Prompt engineer agent
  • Model evaluator agent
  • Data processing commands
  • Experiment tracking

Microservices

Microservices architecture setup
npx claude-code-templates@latest --template microservices
Includes:
  • Microservices architect agent
  • Backend developer agent
  • Docker/K8s specialists
  • Service mesh configuration
  • Distributed tracing

Monorepo

Monorepo management and tooling
npx claude-code-templates@latest --template monorepo
Includes:
  • Fullstack developer agent
  • Monorepo management commands
  • Workspace configuration
  • Cross-package testing
  • Dependency management

Documentation Site

Documentation website creation
npx claude-code-templates@latest --template documentation-site
Includes:
  • Documentation expert agent
  • Doc generation commands
  • Mintlify/Docusaurus setup
  • Search integration
  • Versioning automation

E-commerce

E-commerce application setup
npx claude-code-templates@latest --template ecommerce
Includes:
  • Fullstack developer agent
  • Payment integration MCPs
  • Database architect agent
  • Security hardening
  • Performance optimization

SaaS Starter

SaaS application boilerplate
npx claude-code-templates@latest --template saas-starter
Includes:
  • Fullstack developer agent
  • Authentication setup
  • Subscription management
  • Multi-tenancy architecture
  • Analytics integration

Minimal Setup

Lightweight configuration with essentials
npx claude-code-templates@latest --template minimal
Includes:
  • Code architect agent
  • Basic git hooks
  • Essential commands
  • Minimal dependencies

Template Structure

Templates define components to install:
{
  "name": "fullstack-web",
  "description": "Complete fullstack web development setup",
  "components": {
    "agents": [
      "frontend-developer",
      "backend-developer",
      "database-architect"
    ],
    "commands": [
      "setup-testing",
      "security-audit",
      "generate-docs"
    ],
    "mcps": [
      "neon",
      "github"
    ],
    "hooks": [
      "git/conventional-commits",
      "security/secret-scanner"
    ],
    "settings": [
      "git/auto-commit"
    ]
  }
}

How Templates Work

  1. Installation: Template definition is read
  2. Component Resolution: All listed components are identified
  3. Batch Install: Components are installed in order
  4. Configuration: Template-specific configs are applied
  5. Verification: Installation is verified

Customizing Templates

After installing a template, customize it:
# Install template
npx claude-code-templates@latest --template fullstack-web

# Add additional components
npx claude-code-templates@latest --agent mobile-developer

# Remove unwanted components
rm .claude/agents/frontend-developer.md

Template Benefits

Consistency

  • Standardized setups across projects
  • Team alignment on tools and workflows
  • Best practices baked in

Speed

  • Get started in seconds
  • Pre-configured integrations
  • No manual setup required

Completeness

  • All necessary components included
  • Compatible component combinations
  • Tested configurations

Creating Custom Templates

Create your own templates:
  1. Define component list
  2. Test component combinations
  3. Document template purpose
  4. Share with your team
{
  "name": "my-custom-template",
  "description": "Custom setup for our team",
  "components": {
    "agents": ["..."],
    "commands": ["..."],
    "mcps": ["..."],
    "hooks": ["..."],
    "settings": ["..."]
  }
}

Template Use Cases

New Projects

Start new projects with complete setup:
npx claude-code-templates@latest --template saas-starter

Team Onboarding

Get new team members set up quickly:
npx claude-code-templates@latest --template team-standard

Project Migration

Standardize existing projects:
npx claude-code-templates@latest --template security-hardened

Fullstack Web

Most comprehensive setup for web applications with frontend, backend, and database.

Security Hardened

Maximum security for sensitive applications with audit trails and restrictions.

Minimal Setup

Lightweight starter for simple projects or learning.

Next Steps