Is the generated UI mobile-friendly?

Absolutely. The boilerplate includes a fully responsive dashboard and marketing landing page built with Tailwind CSS and shadcn/ui components.

Does it handle database migrations?

Yes, the skill generates the initial Drizzle schema and migration scripts, and provides instructions for applying them to providers like Neon or Supabase.

What tech stack does this skill use?

It scaffolds projects using Next.js 14+ (App Router), TypeScript, Tailwind CSS, shadcn/ui, Drizzle ORM, and Stripe for payments.

How are payments and subscriptions managed?

It implements a robust Stripe integration, providing pre-built API routes for checkout sessions, customer billing portals, and secure webhook processing.

Can I choose different authentication providers?

Yes, the skill supports multiple authentication options including NextAuth, Clerk, and Supabase to fit your specific security needs.

SaaS Project Scaffolder

Name: SaaS Project Scaffolder
Author: micsapp

bymicsapp

0•

电子商务解决方案

Generates production-ready SaaS boilerplates featuring authentication, database schemas, and Stripe billing integration using Next.js 14 and Drizzle ORM.

This skill accelerates the initial development phase of SaaS applications by scaffolding a complete, full-stack architecture. It automates the creation of essential components including NextAuth, Clerk, or Supabase authentication, database migrations with Drizzle ORM, and robust Stripe payment workflows. Designed for product teams and solo developers, it ensures a consistent file structure and best-practice implementation of common patterns like secure webhooks, protected dashboard routes, and responsive UI components using shadcn/ui.

主要功能

01Full-stack Next.js 14 App Router project initialization with TypeScript

02Automated database schema generation and ORM configuration via Drizzle

03Pre-built responsive UI suite with landing pages, dashboards, and settings

04End-to-end Stripe billing integration including checkout and webhooks

050 GitHub stars

06Multi-provider authentication setup supporting NextAuth, Clerk, or Supabase

使用场景

01Launching a new subscription-based SaaS product with a pre-configured tech stack

02Standardizing project architecture across a product team using modern frameworks

03Rapidly prototyping a web application that requires secure auth and payments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add micsapp/micstec-skills saas-scaffolder

For use in Claude.ai and ChatGPT

主要功能

01Full-stack Next.js 14 App Router project initialization with TypeScript

02Automated database schema generation and ORM configuration via Drizzle

03Pre-built responsive UI suite with landing pages, dashboards, and settings

04End-to-end Stripe billing integration including checkout and webhooks

050 GitHub stars

06Multi-provider authentication setup supporting NextAuth, Clerk, or Supabase

使用场景

01Launching a new subscription-based SaaS product with a pre-configured tech stack

02Standardizing project architecture across a product team using modern frameworks

03Rapidly prototyping a web application that requires secure auth and payments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add micsapp/micstec-skills saas-scaffolder

For use in Claude.ai and ChatGPT