convex-quickstart

Scaffold Convex projects and wire providers for frontend stacks.

Updated Mar 10, 2026
One-click install
npx skills add https://github.com/Division6066/tempo-rhythm --skill convex-quickstart-division6066
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: convex-quickstart
Source: https://github.com/Division6066/tempo-rhythm/tree/main/.agents/skills/convex-quickstart
Command: npx skills add https://github.com/Division6066/tempo-rhythm --skill convex-quickstart-division6066

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps developers bootstrap Convex projects quickly or add Convex to an existing app, reducing setup friction and speeding product iteration.

Core Features & Use Cases

  • Scaffolds a new Convex project with a chosen template and setup workflow.
  • Wires ConvexProvider and environment variables for deployment URLs in existing apps.
  • Guides developers through starting a local dev loop with convex dev.

Quick Start

Scaffold a new Convex app with npm create convex@latest, choose a template, and start the local dev loop with npx convex dev.

Frequently Asked Questions about convex-quickstart

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I bootstrap a new Convex project?

To bootstrap a new Convex project, you run npm create convex@latest to select a template and start the local dev loop with npx convex dev. This scaffolds tooling and establishes a working deployment URL for immediate testing.

How do I add Convex to an existing frontend app?

You can extend an existing frontend app by wiring the ConvexProvider and configuring environment variables for your deployment URLs. This integrates Convex into frameworks like React, Next.js, Vue, or Svelte without starting from scratch.

What's the best way to set up a local dev loop with Convex?

The best way to set up a local dev loop is by running npx convex dev after scaffolding your project. This initializes the local dev server and ensures a working development URL is established for immediate testing and iteration.

Does Convex work with Vue and Svelte stacks?

Yes, Convex works with Vue, Svelte, React, and Next.js stacks. The setup process applies to modern frontend stacks by scaffolding tooling, wiring providers, and configuring deployment URLs across these environments.

What environment variables do I need to configure for Convex?

You need to configure environment variables for your Convex deployment URLs. Setting these variables correctly wires the ConvexProvider to establish a working development URL for immediate testing within your frontend application.

Why use npm create convex@latest to scaffold an app?

Using npm create convex@latest leverages official Convex tooling to scaffold a new project with a chosen template and setup workflow. It reduces setup friction and speeds product iteration by guiding you directly to local dev server initialization.