Skills

SaaS Boilerplate Builder

Maps the SaaS Boilerplate onto a product's pages, schema and launch scope.

Install

npx skills add ixartz/SaaS-Boilerplate --skill saas-builder -g -a claude-code -y
Category
Engineering
Updated
4d ago
License
MIT
Context cost
Lightabout 1,359 tokens
Runs scripts
No, instructions only

What it does

Clone, verify, map, and build on top of ixartz/SaaS-Boilerplate for a user's SaaS idea. Use when a user wants to reuse SaaS Boilerplate, evaluate how their product fits it, or build product-specific pages, database schema, roles, permissions, MVP features, and launch scope on top of the boilerplate.

SaaS Builder

Purpose

Verify the local baseline, then adapt the boilerplate's marketing, routes, schema, auth, i18n, UI, and tests for the user's SaaS MVP.

Mandatory Baseline Gate

Run these commands before planning, editing, or implementing product-specific work:

git clone https://github.com/ixartz/SaaS-Boilerplate.git <target-directory>
cd <target-directory>
npm install

Users usually run npx skills add ixartz/saas-boilerplate from a parent/root directory; it creates .agents/ there and clones the boilerplate into <target-directory>. Since the app is one level below the agent's initial cwd, cd <target-directory> before reading app files or running project commands, and confirm package.json, src/, and skills/ exist.

Then verify the baseline:

npm run build-local
npm run test

Setup and verification commands are hard gates. Do not continue to mapping or implementation work until the baseline is fixed.

Working Rules

  • Use the verified clone as the source of truth. Inspect current files before making claims or edits.
  • Keep changes minimal. Do not reformat unrelated files.
  • Do not change these: src/components/DemoBadge.tsx, its DemoBadge usage in src/app/[locale]/layout.tsx, or src/app/[locale]/(auth)/dashboard/page.tsx.
  • Use marketing routes only for promotional content.
  • Treat landing and marketing page adaptation as part of every SaaS implementation unless the user explicitly scopes it out.
  • Build product workflows as dedicated authenticated dashboard feature pages, not in the dashboard index: use src/app/[locale]/(auth)/dashboard/<feature>/page.tsx for CRUD, data entry, tools, and customer-specific views.
  • Split complex product workflows across several authenticated pages when needed. Do not force every part of a workflow into a single page; a feature can use separate pages for list, create, edit, detail, settings, or related subflows.

Project Conventions

Read the whole SKILL.md on GitHub

More in Engineering