Frontend 6,053 installs

convex-quickstart

by get-convex/agent-skills

Creates or adds Convex to an app. Use for new Convex projects, npm create convex@latest, frontend setup, env vars, or the first npx convex dev run.

Skill content

Scaffold a new Convex project or integrate Convex into an existing frontend app.

- Supports two paths: scaffolding from templates (React + Vite, Next.js, Vue, Svelte, or bare backend) or adding Convex to an existing app with manual provider setup

- Templates include pre-configured frontend frameworks, Tailwind, shadcn/ui, and optional auth (Clerk, Convex Auth, Lucia)

- Requires running npx convex dev as a long-running process to sync backend code and manage deployments; cloud agents can use anonymous mode via CONVEX_AGENT_MODE=anonymous

- Provides step-by-step wiring for React (Vite), Next.js App Router, and links to guides for Vue, Svelte, React Native, Remix, and Node.js

Convex Quickstart

Set up a working Convex project as fast as possible.

When to Use

- Starting a brand new project with Convex

- Adding Convex to an existing React, Next.js, Vue, Svelte, or other app

- Scaffolding a Convex app for prototyping

When Not to Use

- The project already has Convex installed and convex/ exists - just start
building

- You only need to add auth to an existing Convex app - use the
convex-setup-auth skill

Workflow