create-new-project

Scaffold a production-ready Next.js (App Router) + TypeScript + Tailwind + shadcn/ui + Supabase (Postgres/Auth/Storage) boilerplate, deployable to Vercel. Includes Supabase migrations, RLS-ready multi-tenant schema, and example API routes (internal + external).

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "create-new-project" with this command: npx skills add anegri93/agent-skills/anegri93-agent-skills-create-new-project

create-new-project

When to use

Use this skill whenever the user wants to start a new web app using the standard stack:

  • Next.js (App Router) + TypeScript
  • Tailwind CSS + shadcn/ui
  • Supabase (Postgres, Auth, Storage, Realtime)
  • Deploy on Vercel
  • API routes in Next.js for internal + third-party integrations

What you must ask (minimal)

Ask only what is necessary:

  1. Project name (kebab-case recommended)
  2. Package manager: pnpm (default) / npm
  3. Supabase mode:
    • "local-first" (init Supabase locally + migrations)
    • "cloud-only" (create env placeholders; user will link later)

If the user explicitly wants external integrations, confirm:

  • "public API for third-party order creation" yes/no (default: yes)

Execution plan (do this in order)

  1. Create the project folder using the script (pick the right OS reminder):

    • macOS/Linux/Git-Bash/WSL: bash scripts/create-new-project.sh <name>
    • Windows PowerShell: powershell -ExecutionPolicy Bypass -File scripts/create-new-project.ps1 -Name <name>
  2. Ensure the scaffold includes:

    • Next.js app (App Router) + Tailwind
    • shadcn/ui initialized
    • Supabase client helpers (server + browser)
    • .env.example + .env.local placeholders (never commit secrets)
    • Supabase migration file with baseline schema for orders/sales (multi-tenant ready)
    • Example API routes:
      • /api/v1/orders (authenticated internal)
      • /api/v1/public/orders (API key for third-party callers)
  3. After generation, run:

    • install deps (if not already)
    • pnpm dev (or npm) quick smoke test
    • if Supabase CLI present and local-first: supabase init and confirm migration file exists
  4. Output to the user:

    • what was created (high-level)
    • exact next steps to connect Supabase Cloud + Vercel env vars
    • how to call the public API endpoint from another system

Guardrails

  • Do NOT add next-themes/react-day-picker unless versions are compatible with the chosen React/Next baseline.
  • Do NOT commit .env.local, Supabase service role keys, or Vercel tokens.
  • Keep the project "boring": simple, predictable, production-ready defaults.

References

  • See references/STACK.md for backend/API model on Vercel + Supabase.
  • See references/DB_SCHEMA.sql for schema + RLS-ready patterns.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Coding

vercel-react-best-practices

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Repository Source
215.4K23Kvercel
Coding

svelte5-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

apify-actor-development

No summary provided by upstream source.

Repository SourceNeeds Review
2.1K-apify
Coding

code-simplifier

No summary provided by upstream source.

Repository SourceNeeds Review