frontend-overture

Overture

Build production-ready software with Claude Code - Workflow plugins that bring best practices, specialized agents, and automated quality checks to your development process.

---

Quick Start

This marketplace includes four workflow plugins:

• backend-overture - Node.js/TypeScript backend development
• frontend-overture - React/TypeScript frontend development
• fullstack-overture - Full-stack development (backend + frontend)
• gamedev-overture - Game development with Phaser 3/TypeScript

Backend Development (Node.js/TypeScript)

# 1. Start Claude Code
claude

# 2. Install the marketplace
/plugin marketplace add tundraray/overture

# 3. Install backend plugin
/plugin install backend-overture@overture

# 4. Restart session (required)
# Exit and restart Claude Code

# 5. Start building
/implement <your feature>

Frontend Development (React/TypeScript)

# 1-2. Same as above (start Claude Code and add marketplace)

# 3. Install frontend plugin
/plugin install frontend-overture@overture

# 4-5. Same as above (restart and start building)

# Use frontend-specific commands
/front-design <your feature>

Full-Stack Development

# Install the fullstack plugin (includes both backend and frontend)
/plugin install fullstack-overture@overture

Or install backend + frontend separately for more control.

Game Development (Phaser 3/TypeScript)

# 1-2. Same as above (start Claude Code and add marketplace)

# 3. Install gamedev plugin
/plugin install gamedev-overture@overture

# 4-5. Same as above (restart and start building)

# Build a game
/implement <your game concept>

Note: If you encounter SSH errors during installation, see FAQ.

Windows users: This plugin uses symlinks. Before installing, enable symlink support in Git:

git config --global core.symlinks true

This is required for plugin installation via /plugin install to work correctly.

---

How It Works

Overture uses an orchestrator pattern — your command delegates work to specialized agents, each with fresh context and enforced best practices.

Scale-Based Workflow Routing

The plugin analyzes your request and scales the workflow to match complexity:

• Small (1-2 files) — Direct implementation → quality check → commit
• Medium (3-5 files) — Design doc → work plan → phased implementation → review
• Large (6+ files) — PRD → design doc → work plan → phased implementation → review

Key Advantages

• Fresh context per agent — Each agent starts clean, avoiding context exhaustion in long sessions
• Automated quality gates — Tests, types, and lint run after every task and auto-fix on failure
• Document-driven development — Requirements and design docs keep implementation aligned across agents
• Explicit stop points — Autonomous work pauses for your approval at critical decisions

Gamedev Extension

The gamedev plugin adds game-specific phases on top of the shared workflow:

• Market analysis with Go/No-Go gate before committing to a project
• GDD as first-class artifact driving all design decisions
• 6-phase work planning: Core Mechanics → Game Feel → Art → UI → Analytics → QA
• 12 specialized game agents (designers, artists, mechanics, QA, analytics)

See workflow diagrams and gamedev workflow diagrams for detailed flows.

---

Commands

Backend (backend-overture)

Command	Purpose
/implement	End-to-end feature development
/task	Single task with precision
/diagnose	Root cause analysis
/reverse-engineer	Generate docs from existing code

All backend commands

Frontend (frontend-overture)

Command	Purpose
/front-design	Frontend design docs
/front-build	Execute React implementation
/task	Single task with precision
/diagnose	Root cause analysis

All frontend commands

Game Development (gamedev-overture)

Command	Purpose
/implement	End-to-end game development with market analysis, GDD, and 6-phase planning
/task	Single task with precision
/diagnose	Root cause analysis
/design	Create design documentation

All gamedev commands

---

Expert Plugins

Standalone skill plugins that give Claude Code deep domain expertise: