stacks/nextjs-saas
For shipping a web app with Next.js, Supabase, and shadcn/ui
The standard vibe coder stack. React best practices from Vercel Engineering stop Claude from suggesting the wrong router or deprecated patterns. Supabase skill knows your auth and database patterns. shadcn/ui means consistent components. Testing built in.
install entire stack
$ anthropics/skills/frontend-design$ supabase/agent-skills/supabase-postgres-best-practices$ anthropics/skills/webapp-testing$ shadcn-ui/ui/skills/shadcn
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Agent Skills for developers using AI agents with Supabase — database, auth, storage, and edge functions.
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
Pressure-test spec documents with LLM reasoning before writing code — catch design flaws early.
Give AI agents web browser capabilities — navigate, interact, and extract data from web pages.
Techniques for context engineering with AI agents — managing context windows, prompt structure, and knowledge organisation.
Official shadcn/ui skill for managing components and design systems. Covers adding, searching, fixing, styling, and composing UI components with correct patterns.
Claude's default Next.js patterns often mix App Router and Pages Router conventions, use deprecated APIs, or suggest patterns that don't match how Vercel actually runs production apps. The Next.js SaaS stack fixes this — it loads Vercel's own engineering guidance, Supabase's auth patterns, and real testing tools before Claude touches your codebase.
Solo developers and small teams shipping a web app with Next.js, Supabase, and shadcn/ui. If you're building a SaaS product, internal tool, or anything that needs auth, a database, and a clean UI, this is the stack to start with.