Skills

Skills teach AI coding agents how to complete common supastarter tasks the right way. Instead of rediscovering project conventions on every prompt, agents follow curated workflows for features, auth, payments, database changes, tests, and more — so you get faster, more reliable results with less back-and-forth.

Want a skill for something that is not covered yet? Request it any time in the support Discord or by sending us a message via the chat widget.

Setup & environment

• Set up the local environment (local-environment-setup) — Bootstrapping this Nuxt 4 monorepo with PostgreSQL, optional MinIO storage, workspace generation, and local app ports.
• Deploy and manage environment variables (deploy-and-env-vars) — Configuring deployment, preview promotion, or hosted environment-variable changes for the Nuxt monorepo.
• Add a dependency (adding-a-dependency) — Installing a runtime or development package into the correct pnpm workspace and catalog without corrupting lockfile ownership.

Building features

• Add a feature module (add-a-feature-module) — Adding a cohesive Nuxt 4 SaaS or marketing feature module with auto-imported Vue components, composables, and route integration.
• Add an organization-scoped feature (add-organization-scoped-feature) — Implementing tenant-scoped routes, oRPC authorization, queries, cache keys, and active-organization behavior.
• Add an oRPC procedure (add-orpc-procedure) — Implementing a typed oRPC endpoint with route metadata, Zod 4 contracts, authorization context, and TanStack Vue Query consumption.
• Add a UI component (add-a-ui-component) — Creating a reusable Vue component with Nuxt UI primitives, auto-registration, accessible interaction, and typed props or slots.
• Add a marketing page or blog post (add-a-marketing-page-or-blog-post) — Creating a Nuxt marketing route, Nuxt Content blog or legal entry, localized content variant, metadata, and navigation coverage.
• Add a notification (add-a-notification) — Adding a typed in-app or email notification kind, preference catalog entry, persistence mapping, and localized UI labels.

Auth & payments

• Add an auth flow or Better Auth plugin (add-auth-flow-or-better-auth-plugin) — Extending Better Auth server hooks/plugins, Vue auth clients, login flows, user fields, or auth-generated schema.
• Add a payment provider (add-a-payment-provider) — Implementing or selecting a payment SDK adapter for checkout, customer portal, signed webhooks, subscription seats, and cancellation.
• Add or change a payment plan (add-or-change-a-payment-plan) — Editing plan IDs, subscription or one-time prices, billing ownership, trials, paywalls, and pricing translations.

Data & integrations

• Change the database schema (database-schema-change) — Changing persistent models, enums, indexes, relations, Prisma migrations, and matching Drizzle query schemas.
• Add a storage or AI integration (add-a-storage-or-ai-integration) — Extending S3-compatible storage or Vercel AI SDK model and provider flows across workspace packages, oRPC, and Nuxt UI.
• Add or edit an email (add-or-edit-an-email) — Creating localized PostHTML/Maizzle 5 email templates, template registry entries, preview output, or server send call sites.
• Add translations (add-translations) — Adding locale keys, supported locales, typed Vue translations, localized content variants, or mail message interpolation.

Quality & shipping

• Write unit tests (writing-unit-tests) — Adding Vitest coverage for oRPC procedures, database-independent service logic, or shared TypeScript utilities.
• Write E2E tests (writing-e2e-tests) — Adding or changing Playwright coverage for SaaS authentication flows, authenticated Nuxt pages, or marketing routes.
• Verify changes (verify-changes) — Validating a completed repository change against Nuxt workspace quality gates, affected tests, and generated-file boundaries.
• Debug a failing CI run (debugging-a-failing-ci-run) — Triaging a failed Validate PRs GitHub Actions job and reproducing its exact pnpm command and environment locally.
• Review a PR (reviewing-a-pr) — Performing an evidence-based pull request review across Nuxt apps, workspace packages, tests, and Validate PRs gates.
• Update the docs (update-the-docs) — Editing the repository's VitePress product documentation, navigation, examples, or operational instructions to match current code.