Package Exports

claude-code-templates
claude-code-templates/src/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (claude-code-templates) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Claude Code Templates Installer

A CLI tool to quickly setup Claude Code configurations for different programming languages and frameworks. No installation required - just use npx!

🚀 Quick Start

The fastest way to get started is with npx (no installation required):

# Navigate to your project directory
cd your-project

# Run the installer
npx claude-code-templates

📋 How to Use

Step 1: Navigate to Your Project

cd your-project-directory

Step 2: Run the Installer

npx claude-code-templates

Step 3: Follow the Interactive Setup

The installer will:

🔍 Auto-detect your project type (JavaScript, Python, etc.)
🎯 Ask about frameworks (React, Django, Flask, etc.)
⚙️ Let you choose features (testing, linting, debugging)
✅ Confirm before installing

Step 4: Start Using Claude Code

claude

💡 Usage Examples

Interactive Setup (Recommended)

cd my-react-app
npx claude-code-templates
# Follow the prompts - it will detect React automatically!

Quick Setup for Specific Languages

# React project
cd my-react-app
npx claude-code-templates --language javascript-typescript --framework react

# Python Django project  
cd my-django-app
npx claude-code-templates --language python --framework django

# Node.js API
cd my-api
npx claude-code-templates --language javascript-typescript --framework node

# Generic Python project
cd my-python-project
npx claude-code-templates --language python

Advanced Options

# Skip all prompts and use defaults
npx claude-code-templates --yes

# See what would be installed without actually installing
npx claude-code-templates --dry-run

# Install to a different directory
npx claude-code-templates --directory /path/to/project

# Get help
npx claude-code-templates --help

🔄 Alternative Commands

All these commands work exactly the same way:

npx claude-code-templates    # ✅ Recommended (package name)
npx claude-code-template     # Singular alias
npx create-claude-config     # Create-style command
npx claude-init              # Short alias

⚡ No Installation Required

Why use npx?

✅ Always gets the latest version
✅ No global installation needed
✅ Works on any machine with Node.js
✅ Follows npm best practices

If you prefer global installation:

npm install -g claude-code-templates
create-claude-config

Supported Languages

Common - Universal configuration for any project
JavaScript/TypeScript - Modern JS/TS development with frameworks
Python - Python development with popular frameworks
Rust - Coming soon
Go - Coming soon

Supported Frameworks

JavaScript/TypeScript

React
Vue.js
Angular
Node.js

Python

Django
Flask
FastAPI

Features

🔍 Auto-detection - Automatically detects your project type
🎯 Framework-specific - Includes framework-specific commands and configurations
💾 Backup existing files - Safely backs up existing CLAUDE.md and .claude directories
⚙️ Customizable - Interactive prompts for feature selection
🚀 Quick setup - Get started with Claude Code in seconds

What Gets Installed

Core Files

CLAUDE.md - Main configuration file for Claude Code
.claude/settings.json - Language-specific settings
.claude/commands/ - Custom commands for common tasks
.claude/hooks/ - Automated hooks for development workflow

Language-Specific Commands

Each language template includes optimized commands for:

Testing
Linting and formatting
Building and deployment
Debugging
Framework-specific operations

📱 What Happens During Setup

Interactive Experience

$ npx claude-code-templates

 ██████╗██╗      █████╗ ██╗   ██╗██████╗ ███████╗
██╔════╝██║     ██╔══██╗██║   ██║██╔══██╗██╔════╝
██║     ██║     ███████║██║   ██║██║  ██║█████╗  
██║     ██║     ██╔══██║██║   ██║██║  ██║██╔══╝  
╚██████╗███████╗██║  ██║╚██████╔╝██████╔╝███████╗
 ╚═════╝╚══════╝╚═╝  ╚═╝ ╚═════╝ ╚═════╝ ╚══════╝

 ██████╗ ██████╗ ██████╗ ███████╗
██╔════╝██╔═══██╗██╔══██╗██╔════╝
██║     ██║   ██║██║  ██║█████╗  
██║     ██║   ██║██║  ██║██╔══╝  
╚██████╗╚██████╔╝██████╔╝███████╗
 ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝

████████╗███████╗███╗   ███╗██████╗ ██╗      █████╗ ████████╗███████╗███████╗
╚══██╔══╝██╔════╝████╗ ████║██╔══██╗██║     ██╔══██╗╚══██╔══╝██╔════╝██╔════╝
   ██║   █████╗  ██╔████╔██║██████╔╝██║     ███████║   ██║   █████╗  ███████╗
   ██║   ██╔══╝  ██║╚██╔╝██║██╔═══╝ ██║     ██╔══██║   ██║   ██╔══╝  ╚════██║
   ██║   ███████╗██║ ╚═╝ ██║██║     ███████╗██║  ██║   ██║   ███████╗███████║
   ╚═╝   ╚══════╝╚═╝     ╚═╝╚═╝     ╚══════╝╚═╝  ╚═╝   ╚═╝   ╚══════╝╚══════╝

                    🚀 Setup Claude Code for any project language 🚀

🚀 Setting up Claude Code configuration...
Target directory: /path/to/your/project
✔ Project detection complete
🔤 Select your programming language: (Use arrow keys)
❯ JavaScript/TypeScript
  Python  
  Common (Language-agnostic)
  Rust (Coming Soon)
  Go (Coming Soon)

Step-by-Step Walkthrough

Project Detection 📡
```
✔ Project detection complete
```
- Scans your project for package.json, requirements.txt, etc.
- Auto-suggests the best language template
Language Selection 🔤
```
🔤 Select your programming language: JavaScript/TypeScript
```
- Choose from available languages
- Auto-selected based on detection
Framework Selection 🎯
```
🎯 Select your framework (optional): React
```
- Shows relevant frameworks for your language
- Auto-detected from dependencies

Feature Selection ⚙️

⚙️ Select additional features: 
◉ Enhanced testing commands
◉ Code linting and formatting  
◯ Git hooks integration
◯ Debugging helpers

Final Confirmation 🚀
```
🚀 Setup Claude Code for javascript-typescript with react? (Y/n)
```
- Review your choices
- Type 'n' to cancel, 'y' or Enter to proceed

Installation 📁

📋 Existing CLAUDE.md backed up to CLAUDE.md.backup
✓ Copied javascript-typescript/CLAUDE.md → CLAUDE.md
✓ Copied javascript-typescript/.claude → .claude
✓ Copied react-specific commands → .claude/commands
✅ Claude Code configuration setup complete!

🛡️ Safe Installation

Backup Protection: Existing files are safely backed up
Confirmation Required: Always asks before making changes
Dry Run Option: Preview changes with --dry-run
Cancel Anytime: Press Ctrl+C or answer 'No' to cancel

CLI Options

Option	Description	Example
`-l, --language`	Specify programming language	`--language python`
`-f, --framework`	Specify framework	`--framework react`
`-d, --directory`	Target directory	`--directory /path/to/project`
`-y, --yes`	Skip prompts and use defaults	`--yes`
`--dry-run`	Show what would be copied	`--dry-run`
`--help`	Show help information	`--help`

Development

Setup

git clone https://github.com/your-username/claude-code-templates.git
cd claude-code-templates/cli-tool
npm install

Testing

# Test locally
npm start

# Test with specific options
npm start -- --language python --framework django

Publishing

npm publish

Contributing

Fork the repository
Create a feature branch
Make your changes
Test thoroughly
Submit a pull request

License

MIT License