Agent skill · software engineering · aiskillstore
convex-quickstart
Initializes a new Convex project from scratch or adds Convex to an existing app. Use this skill when starting a new project with Convex, scaffolding with npm create convex@latest, adding Convex to an existing React, Next.js, Vue, Svelte, or other frontend, wiring up ConvexProvider, configuring environment variables for the deployment URL, or running npx convex dev for the first time, even if the user just says "set up Convex" or "add a backend.
Why this skill is useful
Adds specific commands and configurations for setting up a Convex project that the AI wouldn't reliably generate on its own.
What it needs
Requires npm installed locally. About 6k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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 1. Determine the starting point: new project or existing app 2. If new project, pick a template and scaffold with npm create convex@latest 3. If existing app, install convex and wire up the provider 4. Run npx convex dev to connect a deployment and start the dev loop 5. Verify the setup works Path 1: New Project (Recommended) Use the official scaffolding tool. It creates a complete project with the frontend framework, Convex backend, and all config wired together. Pick a template Template Stack ---------- ------- react-vite-shadcn React + Vite + Tailwind + shadcn/ui nextjs-shadcn Next.js App Router + Tailwind + shadcn/ui react-vite-clerk-shadcn React + Vite + Clerk auth + shadcn/ui nextjs-clerk Next.js + Clerk auth nextjs-convexauth-shadcn Next.js + Convex Auth + shadcn/ui nextjs-lucia-shadcn Next.js + Lucia auth + shadcn/ui bare Convex backend only, no frontend If the user has not specified a preference, default to react-vite-shadcn for simple apps or nextjs-shadcn for apps that need SSR or API routes. You can also use any GitHub repo as a template: Scaffold the project Always pass the project name and template flag to avoid interactive prompts: The scaffolding tool creates files but does not run npm install, so you must run it yourself. To scaffold in the current directory (if it is empty): Start the dev loop npx convex dev is a long-running watcher process that syncs backend code to a Convex deployment on every save. It also requires authentication on first run (browser-based OAuth). …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/convex-quickstart