skills.rest
MarcoDava
MarcoDavaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

convex-quickstart

Scaffold Convex projects and integrate Convex into existing frontends.

1|Updated Feb 7, 2026
Search Tags:#frontend#npm#scaffold#setup#convex#dev
One-click install
npx skills add https://github.com/MarcoDava/MockCortex --skill convex-quickstart-marcodava
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: convex-quickstart
Source: https://github.com/MarcoDava/MockCortex/tree/main/frontend/.agents/skills/convex-quickstart
Command: npx skills add https://github.com/MarcoDava/MockCortex --skill convex-quickstart-marcodava

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This workflow helps developers bootstrap Convex projects quickly by scaffolding new apps or integrating Convex into existing frontends, reducing setup time and boilerplate.

Core Features & Use Cases

  • Scaffold new Convex projects using the official npm create convex@latest tool with a chosen template (e.g., React, Next.js, Vue) to generate a working backend and frontend scaffold.
  • Add Convex to an existing frontend project, wire up the ConvexProvider, and prepare environment variables for deployment.
  • Run the development loop with npx convex dev to connect a deployment, auto-generate types, and synchronize changes during active development.

Quick Start

Choose a starting point (new project or existing app), scaffold with npm create convex@latest, install dependencies, and then run npx convex dev to begin local development.

Frequently Asked Questions about convex-quickstart

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

FAQPage Schema
How do I set up a new Convex project with a React or Next.js frontend?▼

To set up a new Convex project, you run npm create convex@latest to scaffold an app using a chosen template like React or Next.js, then run npx convex dev to start local development.

What is the best way to add Convex to an existing frontend project?▼

The best way to add Convex to an existing frontend is by wiring up the ConvexProvider and preparing environment variables, allowing you to connect your current app to a Convex backend.

Can I use Convex scaffolding with Vue and Svelte templates?▼

Yes, you can use Convex scaffolding with Vue and Svelte. The setup process supports starting new projects from these templates or adding Convex to existing Vue and Svelte frontends.

Why do I need to run npx convex dev during local development?▼

You need to run npx convex dev to connect to a deployment, auto-generate types, and synchronize code changes during active development, ensuring your frontend and backend stay aligned.

Do I need npm installed to bootstrap a Convex app?▼

Yes, you need npm installed to bootstrap a Convex app. The setup requires access to npm to run the official scaffolding commands and install necessary project dependencies.

Related Skills

Explore More Software Engineering Skills→
armanzeroeightarmanzeroeight
29

dependency-audit

Audit project dependencies for known security vulnerabilities using package manager tools.

Community
Intermediate
windyskywindysky

moai-platform-convex

Build Convex-based real-time backends with TypeScript, reactive queries, and Clerk/Auth0.

Community
Advanced
mmtftrmmtftr

convex-realtime

Build reactive Convex applications with real-time subscriptions, optimistic updates, and cursor-based pagination.

Community
Advanced
uphiagouphiago
1.1k

firebase-supabase-attack

Probe Firebase and Supabase backends for publicly exposed data.

Community
Advanced