Workspace Templates

Templates configure Claude with specific instructions for your project type. When you select a template, Claude knows exactly what stack to use, what files to create, and what best practices to follow.

Available Templates

Landing Page

Best for: Marketing pages, portfolios, event sites

  • HTML5 + CSS3 + vanilla JavaScript
  • Mobile-first responsive design
  • No frameworks — lightweight and fast
  • Hero section, features, testimonials, footer
bash
codrsync start --template landing-page

Full-Stack Web App

Best for: SaaS apps, dashboards, authenticated web apps

  • Next.js + React + TypeScript
  • Supabase for auth and database
  • Tailwind CSS for styling
  • API routes + server components
bash
codrsync start --template fullstack-webapp

Python Package

Best for: Libraries, CLIs, open-source tools

  • Python 3.11+ with type hints
  • pytest for testing
  • pyproject.toml for packaging
  • GitHub Actions CI template
bash
codrsync start --template python-package

FastAPI Backend

Best for: REST APIs, microservices, data backends

  • FastAPI with automatic OpenAPI docs
  • Pydantic models for validation
  • SQLAlchemy + Alembic for database
  • Docker-ready structure
bash
codrsync start --template fastapi-backend

React Dashboard

Best for: Admin panels, analytics, data visualization

  • React + Vite + TypeScript
  • Recharts for data visualization
  • React Router for navigation
  • Responsive sidebar layout
bash
codrsync start --template react-dashboard

Browser Game

Best for: 2D games, interactive demos, game jams

  • HTML5 Canvas with vanilla JavaScript
  • All code in a single HTML file (inline CSS + JS)
  • Procedurally drawn graphics (no external assets)
  • Touch + keyboard input for cross-device play
bash
codrsync start --template browser-game

How Templates Work

When you start a workspace with a template:

  1. A normal workspace is created with all standard tools
  2. Template-specific instructions are appended to the workspace's CLAUDE.md
  3. Claude reads these instructions and follows them when building your project

Templates don't include starter files — Claude generates everything from scratch based on the instructions. This means every project is unique and tailored to your needs.

Using Templates

From the Web UI

  1. Go to codrsync.dev/concierge
  2. Select a template from the grid (optional)
  3. Click Start
  4. Tell Claude what you want to build

From the CLI

bash
codrsync start --template <template-id>

Without a Template

Templates are optional. Starting without one gives you a blank workspace where Claude uses its general knowledge. This is great for:

  • Exploring and learning
  • Projects that don't fit a template
  • Custom stacks and configurations

Requesting New Templates

We're always adding new templates. If you have a suggestion, open an issue on GitHub.