A shared folder with AI prompts and code snippets
From workspace: Lovable
Team: Prompt library
Total snippets: 11
11 snippets
Create a responsive contact form with form validation and success state.
You are creating a contact form for a landing page. Include fields: - Full Name - Email - Message Features: - Input validation (email format, message length) - On-submit success message - Responsive styling Optionally: - Hook into a serverless...
Add basic SEO to your frontend for better indexing and social sharing.
You are optimizing the app for basic SEO and metadata. Add: - Dynamic `<title>`, `<meta description>` for each page - Open Graph tags (title, image, URL, type) - Twitter card tags for preview Include: - Fallback defaults in case content is...
Integrate Stripe checkout with pricing tiers and secure API handling.
You are setting up billing for a SaaS app. Use Stripe to enable: - Tiered pricing (e.g., Free, Pro, Premium) - Secure customer checkout + redirect - Subscription sync with your backend DB Steps: 1. Create product plans in Stripe dashboard 2....
Build a clean, minimal dashboard page with placeholder widgets and layout.
You are designing a minimal SaaS dashboard layout. Features: - Sidebar with icon-based nav - Topbar with user avatar and name - Main area with 3 placeholder widgets (stats, recent activity, tasks) Layout: - Mobile-first with collapsible...
Set up authentication with email + OAuth (Google/GitHub), including protected routes.
You are building the authentication layer for a web app. Requirements: - Email/password auth - Google and GitHub OAuth - Session handling + protected routes Include: - Auth provider setup (e.g., Supabase/Auth0/Firebase) - Basic signup / login /...
Improve your own prompt quality by letting the AI suggest fixes.
You are helping improve the quality of prompts. Here is my current prompt: [PASTE YOUR PROMPT HERE] Your task: - Spot unclear instructions - Suggest better structure and word choice - Add any missing context - Reformat as a strong...
Safely refactor modules with tests and no UI/UX change.
You are refactoring a chat module. Keep: - All existing UI and features intact - Behavior and user experience unchanged Steps: 1. Write snapshot tests for current output 2. Document existing flow 3. Refactor for readability and separation of...
Store user messages and render chat history with Supabase.
You are implementing a persistent user chat history feature. Step 1: Create DB table `user_messages` with: - user_id - message - role (user / assistant) - timestamp Step 2: Display messages chronologically in UI: - Show past messages on page...
Set up backend integration with OpenAI and handle errors gracefully.
You are adding OpenAI chat functionality to a frontend app. Define: - Backend stack (e.g., Supabase Edge Functions) - Input/output flow for chat messages Implement: - Secure API key usage - Rate limits or usage caps - Fallback messaging in case...
Ensure the app looks great across breakpoints, especially mobile-first.
You are reviewing an existing UI. Your task: - Apply mobile-first layout adjustments - Ensure responsiveness across devices (mobile, tablet, desktop) Include: - Flex/grid structures optimized for mobile - Suggestions for spacing, padding, and...
Kickstart a full-stack app with defined tech stack and first feature layout.
You are creating a full-stack SaaS app from scratch. Define: - Type of app: [CRM, Chatbot, Feedback Tool, etc.] - Tech Stack: [Frontend framework, Styling system, Database, Auth] Start by building the first page: - Layout and structure - Key...