create-mates

Scaffold a new Mates application in seconds.

Usage

# npm
npm create mates@latest

# yarn
yarn create mates

# pnpm
pnpm create mates

# bun
bun create mates

Pass the project name directly to skip the prompt:

npm create mates@latest my-app

What you get

The CLI asks three questions:

| Question | Options | |----------|---------| | Language | TypeScript (recommended) · JavaScript | | mates-ui? | Yes · No | | Git init? | Yes · No |

Then scaffolds a Vite project with:

• A working Counter component demonstrating the two-layer component model
• atom(), onMount, and props — all wired up and ready to edit
• Optionally: mates-ui components pre-configured

Project structure

my-app/
├── index.html
├── package.json
├── tsconfig.json        # TypeScript only
├── vite.config.{ts,js}
└── src/
    ├── main.{ts,js}
    ├── style.css
    ├── App.{ts,js}
    ├── Counter.{ts,js}
    └── ThemeToggle.{ts,js}   # mates-ui variant only

Next steps

cd my-app
npm install
npm run dev