Claude Code Setup
Configure Claude Code CLI with pre-built commands and codebase context.
StarterApp includes native Claude Code integration through pre-configured commands in .claude/commands. The setup mirrors all workflows from /llms/commands, enabling slash command usage without additional configuration.
First-Party Integration
The .claude/commands directory and CLAUDE.md provide complete codebase context. Claude Code reads architectural documentation, security patterns, and template references automatically when starting sessions.
Installation
Install the Claude Code CLI globally:
# Install via npm
npm install -g @anthropic/claude-code
# Verify installation
claude --versionAuthentication
Configure Claude Code with an Anthropic API key:
Run the initialization command:
claude initObtain an API key from console.anthropic.com ↗
Enter the API key when prompted. The key is stored securely in the system configuration.
Verify authentication by running:
claude /helpPre-configured Commands
The repository includes built-in slash commands available immediately:
Project Context
The CLAUDE.md file provides comprehensive codebase information:
Workflow Examples
Starting a Development Session
Navigate to the project directory and start Claude Code:
cd ~/projects/starterapp
claudeInitialize codebase context:
/primeBegin development tasks with full codebase awareness
Feature Implementation Flow
Design the system architecture:
/architect "user notification system with email and SMS"Create a feature specification in features/notifications.md based on the architecture output
Generate implementation plan:
/generate-prp features/notifications.mdReview the generated PRP and approve execution
Execute the plan:
/execute-prp features/notifications.prp.mdValidate implementation with tests:
/tdd --focus features/notificationsCommand Reference
Quick reference for common Claude Code workflows:
Template Awareness
Claude Code automatically references patterns from /llms/templates/ when generating code:
Pro Tip
Reference templates in prompts by file name: "Create a protected page using auth-page-template.tsx pattern". Claude Code reads the template and applies the pattern correctly.
AI-First Development
Claude Code integration enables advanced development workflows:
Next Steps
After Claude Code setup:
AI Workflow Overview
Learn AI-assisted development patterns using templates, commands, and context engineering.
Template System
Production-ready code patterns for authentication, billing, and data operations.
Environment Setup
Configure service credentials and environment variables for development.