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 or repairing the local Next.js monorepo development environment.
• Deploy and manage environment variables (deploy-and-env-vars) — Configuring deployment targets, domains, or environment variables for this monorepo.
• Add a dependency (adding-a-dependency) — Introducing or relocating an npm dependency in a pnpm workspace package.

Building features

• Add a feature module (add-a-feature-module) — Adding a cohesive SaaS product feature with routes, UI, data access, and navigation.
• Add an organization-scoped feature (add-organization-scoped-feature) — Implementing tenant-owned data or behavior under the active organization context.
• Add an oRPC procedure (add-orpc-procedure) — Adding an oRPC API endpoint, query, or mutation and consuming it through TanStack Query.
• Add a UI component (add-a-ui-component) — Adding a reusable React primitive to the shared Base UI and Tailwind component package.
• Add a marketing page or blog post (add-a-marketing-page-or-blog-post) — Adding a localized public App Router page or Content Collections blog article.
• Add a notification (add-a-notification) — Adding an in-app or email notification type, preference, producer, or presentation.

Auth & payments

• Add an auth flow or Better Auth plugin (add-auth-flow-or-better-auth-plugin) — Adding an authentication journey, Better Auth server plugin, or matching client capability.
• Add a payment provider (add-a-payment-provider) — Implementing or activating a payment provider for checkout, portal, subscriptions, and webhooks.
• Add or change a payment plan (add-or-change-a-payment-plan) — Changing the configured plan catalog, price variants, billing ownership, or pricing UI data.

Data & integrations

• Change the database schema (database-schema-change) — Changing persisted PostgreSQL models, enums, indexes, relations, or generated database types.
• Add a storage or AI integration (add-a-storage-or-ai-integration) — Extending the shared S3 storage layer or AI model/provider integration and its server API.
• Add or edit an email (add-or-edit-an-email) — Adding or changing a localized React Email template or transactional send call.
• Add translations (add-translations) — Adding locale keys or supported locales, localizing app/mail content, or fixing a missing-translation type or runtime warning.

Quality & shipping

• Write unit tests (writing-unit-tests) — Adding Vitest coverage for TypeScript business logic, oRPC procedures, or app-local helpers.
• Write E2E tests (writing-e2e-tests) — Adding Playwright coverage for a user-visible SaaS or marketing workflow.
• Verify changes (verify-changes) — Validating a repository change before handoff, commit, or pull-request review.
• Debug a failing CI run (debugging-a-failing-ci-run) — Triaging or fixing a failed GitHub Actions validation job for a pull request.
• Review a pull request (reviewing-a-pr) — Performing an evidence-based code review of a pull request against repository contracts.
• Update the docs (update-the-docs) — Updating in-repository product documentation or preparing an explicit external documentation handoff.