SaaS App Prompts

Build a full-stack SaaS application with the following features: **Authentication:** - Email/password signup and login - Google OAuth integration - Email verification flow - Password reset via email **Dashboard:** - Clean sidebar navigation with: Dashboard, Projects, Settings, Billing - Overview page with key metrics (users, revenue, activity) - Responsive design that works on mobile **Billing:** - Stripe integration with 3 pricing tiers: Free ($0), Pro ($29/mo), Enterprise ($99/mo) - Upgrade/downgrade flow - Invoice history page **Tech Stack:** React + TypeScript, Supabase for auth/DB, Stripe for payments, Tailwind CSS **Design:** Clean, modern SaaS aesthetic. Dark mode support. Use shadcn/ui components.

Build a multi-tenant SaaS application with team/organization support: **Organization Management:** - Users can create an organization (company name, slug, logo) - Invite members via email - Role system: Owner, Admin, Member, Viewer - Remove members / leave organization - Organization settings page **Permissions:** - Owners: full access, billing, delete org - Admins: manage members, create/delete resources - Members: create/edit own resources - Viewers: read-only access **Data Isolation:** - All data scoped to organization - Users can belong to multiple organizations - Organization switcher in the nav **Billing:** - Per-seat pricing ($X per member/month) - Billing tied to organization, not individual user - Usage dashboard showing seat count **Tech Stack:** Next.js 14, Supabase with RLS for data isolation, Stripe for billing **Database:** Organizations table, memberships table with roles, RLS policies per org

Create a multi-step onboarding wizard for a SaaS application: **Step 1 — Welcome:** - "Welcome to [AppName]! Let's get you set up." - Progress bar showing 5 steps - Animated illustration **Step 2 — Profile Setup:** - Full name, job title, company name - Company size dropdown (1-10, 11-50, 51-200, 200+) - Industry selector **Step 3 — Use Case:** - "What will you primarily use [AppName] for?" - 6 option cards with icons (user selects 1-3) - This personalizes their experience **Step 4 — Invite Team:** - Email input to invite up to 3 teammates - "Skip for now" option - Preview of invitation email **Step 5 — Setup Complete:** - Celebration animation (confetti) - Summary of what was set up - "Go to Dashboard" CTA - Quick start checklist (3 items) **Design:** Full-screen wizard, centered card layout, smooth step transitions, progress indicator at top. Clean and encouraging tone.

Build an API key management system for a developer-facing SaaS: **API Keys List:** - Table showing: Name, Key (masked: sk-...xxxx), Created date, Last used, Status - Create new key button - Revoke key button (with confirmation) - Copy key button **Create Key Modal:** - Key name input - Permission scopes (checkboxes): Read, Write, Delete, Admin - Expiration: Never / 30 days / 90 days / 1 year / Custom date - On creation: show full key ONCE with copy button and warning **Usage Stats:** - Requests today / this month - Rate limit indicator - Usage graph (last 30 days) **Security:** - Keys are hashed in database (only show once on creation) - IP allowlist option - Webhook for key usage alerts **Documentation Link:** - "How to use your API key" section with code examples in 3 languages Design: Developer-friendly, monospace font for keys, dark theme preferred.