LaunchKit · 2026
Back to Skills

stack-scaffold

Scaffolds a full-stack project with Next.js App Router, Supabase, Firebase Auth, Vercel, and Cloudflare.

0
404 downloads
by @guifav

Setup & Installation

openclaw skills install @guifav/stack-scaffold

Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:

npx clawhub install stack-scaffold

Version History

v0.1.1Feb 18, 2026 - Version note by skill developer:

stack-scaffold 0.1.1 - Adds a strict policy to only scaffold new projects in empty/new directories; prevents any reading or modification of existing .env, credential, or .env.local files. - Always prompts users to confirm project name and target directory before file creation. - Clarifies that, if a directory already has content, user confirmation is required before proceeding. - Ensures .gitignore contains required entries and explicitly never reads environment or credential files. - Updates documentation to reflect these new safety and confirmation protocols.

What This Skill Does

Scaffolds a full-stack project with Next.js App Router, Supabase, Firebase Auth, Vercel config, and Cloudflare in one pass. Confirms the project name and target directory before writing any files, then generates the full src/ structure, installs dependencies, and produces a typed .env.example. Only operates on empty or new directories — never reads or modifies existing credential files.

Replaces hours of cross-referencing docs for Supabase SSR, Firebase Admin, Next.js middleware, and Vercel config by generating all of it in one committed scaffold with correct TypeScript types.

When to use it

  • Starting a new SaaS app with auth and a database from scratch
  • Getting a Next.js and Supabase boilerplate ready without manually wiring four services
  • Generating a consistent project layout across multiple team members
  • Setting up dual auth with Firebase and Supabase at the same time
  • Bootstrapping a Vercel-deployable app with all environment variables documented upfront

Example Workflow

Here's how your AI assistant might use this skill in practice.

INPUT

User asks: Create a new project called my-app in the current directory

AGENT
  1. 1Confirms project name and target directory with the user before taking any action
  2. 2Runs create-next-app with TypeScript, Tailwind CSS, ESLint, App Router, and src-dir flags
  3. 3Installs Supabase SSR, Firebase, Zustand, Zod, Vitest, and Playwright in a single command
  4. 4Creates the full src/ directory tree with typed Supabase browser and server clients, Firebase client and Admin SDK init files, Next.js auth middleware, and .env.example
  5. 5Commits the scaffold and prints the list of manual steps remaining: fill in env vars, link Supabase project, link Firebase project, connect Vercel, configure Cloudflare DNS
OUTPUT

A committed Next.js repository with Supabase and Firebase clients wired up, middleware configured, and a .env.local template ready to fill in

Requirements

Accounts, API keys, or tools you or your AI assistant may need to set up while using this skill.

Supabase account and project (provides NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY, SUPABASE_SERVICE_ROLE_KEY)Firebase project with client SDK credentials (NEXT_PUBLIC_FIREBASE_API_KEY, auth domain, project ID, storage bucket, messaging sender ID, app ID)Firebase Admin SDK service account credentials (FIREBASE_PROJECT_ID, FIREBASE_CLIENT_EMAIL, FIREBASE_PRIVATE_KEY)Vercel account for deploymentCloudflare account for DNS configuration