Prompt library

Set up Supabase email/password authentication with signup, login, and password reset flows. Redirect authenticated users to /dashboard and unauthenticated users to /login. Show loading states during auth checks and display inline error messages for invalid credentials.

Connect to the Supabase `[TABLE_NAME]` table and build a page that lists all rows with columns for [COLUMN_1], [COLUMN_2], and [COLUMN_3]. Add a form to create new records, inline editing for existing records, and a delete button with confirmation dialog. Include pagination (20 rows per page) and a loading skeleton while fetching.

Set up Supabase Storage to handle file uploads in the `[BUCKET_NAME]` bucket. Add a drag-and-drop upload area that accepts images up to 5MB. Show upload progress, generate a public URL after upload, and display uploaded files in a grid with thumbnail previews and delete buttons.

Create a Supabase Edge Function called `[FUNCTION_NAME]` that accepts a POST request with a JSON body containing [PARAM_1] and [PARAM_2]. The function should [DESCRIBE_LOGIC], then return a JSON response with the result. Add error handling for missing parameters and server errors.

Enable Row Level Security on the `[TABLE_NAME]` table. Create policies so that:
- Authenticated users can only read their own rows (where user_id matches auth.uid())
- Authenticated users can insert rows with their own user_id
- Only the row owner can update or delete their rows
- Unauthenticated users have no access

Explain each policy in a comment.

Add Google and GitHub social login buttons to the existing login page. Use Supabase Auth with OAuth providers. After successful login, redirect to /dashboard. Handle errors like "account already exists with different provider" gracefully with a user-friendly message.

Subscribe to real-time changes on the `[TABLE_NAME]` table using Supabase Realtime. When a new row is inserted, update the list on screen without a full page refresh. Show a subtle "New item added" toast notification. Handle connection drops with automatic reconnection.

Build a filtered view of the `[TABLE_NAME]` table. Add dropdown filters for [FILTER_COLUMN_1] and [FILTER_COLUMN_2], a date range picker for [DATE_COLUMN], and a text search on [SEARCH_COLUMN]. Combine all active filters in the Supabase query. Reset filters with a "Clear all" button.

Add a Stripe checkout button for [PRODUCT_NAME] priced at [AMOUNT]. When clicked, create a Stripe Checkout session in test mode. On success, redirect to /success with order details. On cancel, redirect back to /pricing. Show a "Processing..." spinner on the button while the session is created.

Create a pricing page with three subscription tiers:
- [PLAN_1]: $[PRICE_1]/month, includes [FEATURES_1]
- [PLAN_2]: $[PRICE_2]/month, includes [FEATURES_2]
- [PLAN_3]: $[PRICE_3]/month, includes [FEATURES_3]

Each plan has a "Subscribe" button that starts a Stripe Checkout session in subscription mode. Highlight the recommended plan. Include a monthly/annual toggle with a discount badge for annual billing.

Add a "Manage Subscription" button to the account settings page that opens the Stripe Customer Portal. Users should be able to update their payment method, view invoices, and cancel their subscription. After portal actions, redirect back to /settings.

Set up a webhook endpoint that listens for Stripe events: checkout.session.completed, customer.subscription.updated, and customer.subscription.deleted. On checkout completion, update the user's subscription status in the database. On subscription change, update the plan. On deletion, downgrade to the free tier. Verify the webhook signature for security.

Build a pricing page with a comparison table. Rows represent features: [FEATURE_1], [FEATURE_2], [FEATURE_3], [FEATURE_4], [FEATURE_5]. Columns represent plans: Free, Pro, and Enterprise. Use checkmarks for included features and dashes for excluded ones. Add a CTA button under each plan column.

Add a "Request Refund" button to the order detail page that appears only for orders placed within the last 30 days. When clicked, show a confirmation modal with the order total. On confirm, initiate a full refund through Stripe and update the order status to "Refunded" in the database. Show a success or error message.

Create an inline payment form using Stripe Elements. Include a card input field, cardholder name input, and a "Pay $[AMOUNT]" button. Validate the card in real time and show inline error messages. On submit, create a PaymentIntent, confirm the payment, and redirect to /confirmation on success.

After a new user signs up, send a welcome email using [Resend/SendGrid]. Subject: "Welcome to [APP_NAME]!" Body: greet the user by name, summarize what they can do, and include a "Get Started" button linking to /dashboard. Use the existing API key from environment variables.

When [TRIGGER_EVENT] occurs, send a notification email to the affected user using [Resend/SendGrid]. Subject: "[SUBJECT_LINE]". Body: describe the event, include relevant details like [DETAIL_1] and [DETAIL_2], and add a link to view more in the app. Handle delivery failures by logging the error.

Send a password reset email when a user requests one. Subject: "Reset your [APP_NAME] password". Body: include a personalized greeting, a reset link that expires in 1 hour, and a note saying they can ignore the email if they did not request it. Use [Resend/SendGrid] with the existing API key.

Create a weekly digest email template using [Resend/SendGrid]. Subject: "Your weekly update from [APP_NAME]". Body: include a summary of activity (e.g., [METRIC_1], [METRIC_2]), top items from [DATA_SOURCE], and a CTA to "View full report" linking to /reports. Style it with a clean layout matching the app branding.

After a successful purchase, send an order confirmation email using [Resend/SendGrid]. Subject: "Order #[ORDER_ID] confirmed". Body: list purchased items with name, quantity, and price. Include the order total, estimated delivery date, and a "View Order" button linking to /orders/[ORDER_ID].

When a user clicks "Export as PDF" on the report page, generate the report as a PDF and send it via email using [Resend/SendGrid]. Subject: "Your [REPORT_NAME] report". Body: include a brief summary and attach the PDF file. Confirm the email was sent with a success toast in the UI.

When an admin invites a new team member, send an invitation email using [Resend/SendGrid]. Subject: "[INVITER_NAME] invited you to join [APP_NAME]". Body: explain what the app does, include an "Accept Invitation" button linking to /invite/[TOKEN], and note the invite expires in 7 days.

Add SMS notifications using Twilio:
- When [TRIGGER_EVENT] occurs, send SMS to [PHONE_NUMBER]
- Message: "[MESSAGE_TEXT]"
- Handle delivery status and errors
- Log sent messages

Use existing Twilio credentials from environment variables.

Create a chatbot UI with a message list and input field at the bottom. Send user messages to [OpenAI/Anthropic/Gemini] using the [MODEL_NAME] model. Display AI responses in styled message bubbles. Show a typing indicator while waiting for a response. Maintain conversation history for context. Use the API key from environment variables.

Add a "Generate with AI" button next to the [FIELD_NAME] input. When clicked, send a prompt to [OpenAI/Anthropic/Gemini] asking it to generate [CONTENT_TYPE] based on [CONTEXT_INPUT]. Insert the result into the field. Allow the user to regenerate or edit the result. Use a professional, concise tone.

Add a "Summarize" button on the [CONTENT_PAGE] page. When clicked, send the full content to [OpenAI/Anthropic/Gemini] with the prompt: "Summarize the following in 3-5 bullet points, keeping the key takeaways." Display the summary in a collapsible card above the full content. Show a loading spinner while processing.

Enhance the search feature on the [PAGE_NAME] page. When a user searches, send their query to [OpenAI/Anthropic/Gemini] to interpret the intent, then use the interpreted query to search the `[TABLE_NAME]` table. Show results ranked by relevance. Fall back to standard text search if the AI call fails.

Add an "Auto-fill with AI" button to the [FORM_NAME] form. When clicked, take the user's input from [SOURCE_FIELD] and use [OpenAI/Anthropic/Gemini] to generate suggestions for [TARGET_FIELD_1], [TARGET_FIELD_2], and [TARGET_FIELD_3]. Pre-fill those fields with the suggestions but let the user edit before submitting.

Analyze the sentiment of new entries in the `[TABLE_NAME]` table. When a record is created with a [TEXT_COLUMN] field, send it to [OpenAI/Anthropic/Gemini] to classify the sentiment as positive, neutral, or negative. Store the result in a `sentiment` column. Display a colored badge (green, gray, red) next to each entry in the list view.

Set up Google Analytics 4 for this app. Add the GA4 tracking script using the measurement ID from the NEXT_PUBLIC_GA_ID environment variable. Track page views automatically on route changes. Verify it works by logging events to the browser console in development mode.

Track these custom events in Google Analytics:
- "signup_completed" when a user finishes registration
- "feature_used" with parameter feature_name when a user interacts with [FEATURE]
- "purchase_completed" with parameters value and currency after checkout
- "search_performed" with parameter search_term when a user searches

Create a reusable trackEvent helper function.

Set up conversion tracking for the following goals:
- User signs up (track on the /signup/success page)
- User upgrades to a paid plan (track after Stripe checkout success)
- User completes onboarding (track on the final onboarding step)

Send each conversion as a GA4 event with relevant parameters like plan_name and signup_method.

Integrate Mixpanel using the project token from environment variables. Identify users after login with their user ID, email, and created_at date. Track "Page Viewed" on every route change. Track "Button Clicked" with button_name for all primary CTA buttons. Reset the Mixpanel identity on logout.

Set up A/B test tracking for the [FEATURE_NAME] feature. Randomly assign users to variant "A" or variant "B" and store the assignment in local storage. Track which variant is shown using a "experiment_viewed" event with parameters experiment_name and variant. Track conversion with an "experiment_converted" event.

Add an analytics summary widget to the admin dashboard. Show: total page views (last 7 days), unique visitors, top 5 most visited pages, and average session duration. Fetch data from [Google Analytics Data API / Mixpanel API] using server-side credentials. Display each metric in a card with a sparkline chart.