🔮 Prompt Directory

Add authentication with Supabase to my Lovable app.
Requirements:
– Frontend: login, signup, and forgot password pages with clean minimal styling (Inter font, –6 letter spacing, greys + blues).
– Backend: Supabase Auth (email + password).
– Add protected route `/dashboard` visible only to logged-in users.
– Store user profiles in `profiles (id, email, role, created_at)`.
– Show error + success states with smooth micro-animations.
– Output: working auth flow integrated with Supabase, responsive, production-ready.

Add Google OAuth login to my Lovable app.
Requirements:
– Use Supabase Auth with Google provider.
– Frontend: "Sign in with Google" button (Inter font, –6 letter spacing, greys + blues).
– On success: store user profile in `profiles (id, email, full_name, avatar_url)`.
– Create `/login` page and redirect to `/dashboard` after sign-in.
– Handle errors and loading states with clean micro-animations.
– Output: fully functional Google login flow, styled premium, responsive.

Implement passwordless login with Supabase magic links.
Requirements:
– Configure Supabase Auth for magic link login.
– Frontend: email input + "Send Magic Link" button (Inter font, –6 letter spacing, greys + blues).
– Show confirmation message: "Check your email."
– Auto-redirect back to `/dashboard` after link click.
– Store user profiles in Supabase `profiles` table.
– Output: complete passwordless login flow, copy-paste ready.

Add role-based access control to my Lovable app.
Requirements:
– Supabase schema: `profiles (id, email, role [admin|user|guest])`.
– Protect `/admin` route so only `role=admin` users can access.
– Frontend: conditionally render nav items based on role.
– Create a simple admin dashboard to assign roles.
– Show "Access Denied" message for unauthorized users.
– Output: complete RBAC system with routes and UI protection.

Create a user settings page in my Lovable app.
Requirements:
– Features: upload profile picture (stored in Supabase storage), update name, email, and password.
– Add dark/light mode toggle.
– Save preferences in `profiles` table.
– UI: clean Inter font, –6 letter spacing, mobile-first, responsive.
– Show save success + error states with micro-animations.
– Output: full user settings page with persistent data, copy-paste ready.

Create a Linear-inspired To-Do app.
Requirements:
– Components: task list, add task input, tag selector, complete/undo toggle.
– Supabase schema: `tasks (id, title, tags, completed)`.
– All tasks shown in a clean home view with hover states + animations (scale-105 on hover).
– Mobile-first layout with responsive bottom nav bar.
– Output: polished to-do system with CRUD operations, intuitive UX.

Design a Mercury-inspired finance dashboard.
Requirements:
– Inter font, –6 spacing, minimal black/grey with subtle blue highlights.
– Modules: balance card, recent transactions table, graph for cash flow, side nav.
– Supabase schema: `accounts (id, name, balance)`, `transactions (id, account_id, amount, type, date)`.
– Live data binding: balances auto-update after new transactions.
– Add filters: "Last 7 days / 30 days / All time."
– Micro-interactions: fade-in charts, ripple on buttons.
– Output: fully functional dashboard with seeded test data.

Add file upload and storage to my Lovable app.
Requirements:
– Frontend: upload button + drag-and-drop zone with progress bar.
– Store files in Supabase storage bucket `uploads`.
– Generate signed URLs for secure file retrieval.
– List uploaded files with delete option.
– Mobile responsive, Inter –6, greys + blues.
– Output: complete working upload flow, copy-paste ready.

Add a dark/light mode toggle to my Lovable app.
Requirements:
– UI toggle button in settings or nav bar.
– Persist preference in `profiles` table.
– Apply dark classes globally with Tailwind.
– Output: persistent dark mode system across sessions.

Add Stripe subscriptions to my Lovable app.
Requirements:
– Backend: API route `/api/checkout` initializes $20/month subscription session.
– Use Stripe SDK with keys from env vars.
– Frontend: Subscribe button → calls API → redirects to Stripe Checkout.
– Webhook updates Supabase `users` table with `is_pro`.
– Add confirmation page `/success`.
– Output: end-to-end Stripe subscription flow.

Add a one-time product checkout to my Lovable app.
Requirements:
– Backend: API route `/api/checkout` creates Checkout Session for $49 product.
– Frontend: "Buy Now" button → calls API → redirects to Stripe.
– Webhook `/api/webhook` updates Supabase `orders (id, user_id, status, amount)`.
– Confirmation page `/success`.
– Output: full Stripe one-time checkout flow.

Add an OpenAI chatbot widget to my Lovable app.
Requirements:
– Frontend: floating widget bottom-right, minimal grey/blue styling, Inter –6 spacing.
– Backend: `/api/chat` route that streams responses from GPT-4o or GPT-5.
– Use function calling for support context.
– Supabase table `conversations` for persistence.
– Typing indicator + smooth fade-in.
– Output: complete chatbot system with persistence.

Add an AI content generator to my Lovable app.
Requirements:
– Backend API `/api/generate` using OpenAI.
– Inputs: topic, tone, length.
– Supabase: store drafts in `content_drafts`.
– Frontend: editor with save option.
– Output: working content generator with persistence.