Skip to content

Scaffold a project

create-claudius scaffolds a working Claudius project — frontend (and optionally a Cloudflare Worker) — in under a minute, the same way npm create vite works.

Terminal window
npm create claudius@latest
# or
pnpm create claudius
# or
yarn create claudius
PromptChoices
Project namethe new directory / package name
Frameworkvanilla (CDN script embed) · react (Vite) · next (Next.js App Router)
Themeauto · light · dark · default · minimal · playful · corporate
Accent colora hex color, e.g. #4f46e5
API URLyour deployed worker’s chat endpoint
Worker?optionally scaffold a Cloudflare Worker alongside the app
Terminal window
cd my-app
pnpm install
pnpm dev

The chat needs a running Claudius worker to respond. Point the generated app’s apiUrl at your worker, or scaffold one by answering yes to the worker prompt (or passing --worker).

Every prompt has a flag, so the scaffolder works in CI or scripts:

Terminal window
npm create claudius@latest my-app -- \
--template react \
--theme auto \
--accent "#4f46e5" \
--api-url https://my-worker.workers.dev \
--worker \
--yes
FlagValues
--templatevanilla · react · next
--themeauto · light · dark · default · minimal · playful · corporate
--accent#rrggbb
--api-urlURL
--workerinclude a Cloudflare Worker
--pmnpm · pnpm · yarn · bun (shown in the next-steps hint)
--yes, -yaccept defaults for anything not provided
  • vanilla — a static Vite site that loads the widget from the jsDelivr CDN via a single <script> tag and window.ClaudiusConfig.
  • react — a Vite + React + TypeScript app using the claudius-chat-widget component and its stylesheet.
  • next — a Next.js (App Router) + TypeScript app with a 'use client' widget wrapper.
  • worker (optional) — a minimal Cloudflare Worker (wrangler.toml + KV stub + deploy runbook) that proxies chat requests to Claude.