Develop

Everything you need to build with Catalyst. Setup your environment, follow conventions, and ship with confidence.

What you get

Ready to code

Pre-configured Next.js with TypeScript, Tailwind, and a component library. Clone and start building.

AI-optimised structure

Clear patterns and conventions that AI agents understand. They follow the rules in AGENTS.md.

Multi-surface architecture

Web, app, docs — each surface has its own shell and styles. Delete what you don't need.

Developer workflow

Clone → Configure → Code

Setup takes minutes. Copy .env.example, install dependencies, start the dev server. You're building immediately.

Use core primitives

Stack, Row, Grid for layout. Text, Title for typography. Check existing components before creating new ones.

Work with AI agents

Point them at AGENTS.md. They'll follow naming conventions, use the right components, and respect the file structure.

Advance through stages

POC → MVP → MMP → PROD. Each stage has clear expectations. Use upgrade checklists when you're ready to level up.

Documentation

Everything organised by topic. Start with Setup if you're new.

Key insight

Catalyst is opinionated so you can move fast. Don't fight the conventions — they're designed for AI readability and team velocity. Use the primitives, follow AGENTS.md, and focus on what makes your project unique.

Quick start

New to Catalyst?

Start with Setup to get running locally, then read Standards to understand the conventions.

Start setup

Ready to deploy?

Check the Upgrade checklists for your stage, then follow the Deployments guide.

Deployment guide

Related docs

  • Workflow — Delivery process and decision checkpoints
  • Audits — Quality verification by area
  • Prompts — AI prompts and project templates
  • Core Components — Stack, Row, Grid, Text, Title primitives