Lovable Prompt Creator - AI Prompt Generator

Generate Optimized Prompts for AI Development Platforms

Transform your web or app idea into comprehensive, optimized prompts for Lovable, Bolt, Replit, v0, and Cursor. Our AI-powered tool helps you create production-ready prompts with features, styling, and technical specifications.

Key Features

Pricing

Free plan: 2 prompts to try the tool

Pro plan: $4.99/month - 20 prompts per month, all platforms

100 Prompts pack: $24.99 - One-time purchase, no expiration

Trusted by 10,000+ Users

Join thousands of developers creating amazing apps with AI-powered prompts.

    Hi! Welcome to LovablePrompts.app
    Lovable Prompts Logo
    Public

    Amazing portfolio website for a watercolor artist. I want there to be exciting scrolling animations and an awe-generating preloader as well

    Claude Code
    Enhanced
    Minimalist
    light mode
    3h ago

    Generated Prompt

    ```xml
    <instructions>
    Create a comprehensive landing page for a watercolor artist's portfolio website. Focus on creating an engaging user experience with exciting scrolling animations and a visually appealing preloader. Ensure the design is minimalist with a clean layout and emphasizes typography.
    </instructions>
    
    <context>
    This project is a landing page for a watercolor artist to showcase their artwork and attract potential clients. The target users are art enthusiasts, potential buyers, and galleries looking for watercolor artists.
    
    Design specifications:
    - Visual Style: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
    - Color Mode: Light theme with dark text on light backgrounds
    - Primary Color: #1978E5 (accent for buttons, links, highlights)
    - Typography: Use Inter from Google Fonts for headings, Inter for body text and UI elements
    - Border Radius: 8px (moderately rounded) for buttons, cards, and inputs
    </context>
    
    <requirements>
    The landing page should include the following features:
    1. Hero section with a captivating introduction and background image of watercolor art.
    2. Gallery section to display various artworks with smooth scrolling animations.
    3. About section to introduce the artist and their techniques.
    4. Testimonials from satisfied clients or art critics.
    5. Contact section with a simple form for inquiries.
    6. A preloader animation that engages users while the page loads.
    7. Responsive design to ensure compatibility across devices.
    The tech stack should include HTML, CSS, and JavaScript for animations.
    </requirements>
    
    <output_format>
    The expected output should be structured in HTML and CSS with clear sectioning for each part of the landing page. Provide separate files for styles and scripts as necessary, and include comments for clarity.
    </output_format>
    
    <examples>
    1. A landing page for a photographer that incorporates a full-screen hero image, smooth transitions between sections, and a gallery with a lightbox effect.
    2. A minimalist portfolio for a graphic designer showcasing work with hover effects, client testimonials, and a simple contact form.
    </examples>
    
    <thinking>
    Think step by step: Begin by outlining the structure of the landing page. Define each section's purpose and content, followed by designing the layout and implementing animations.
    </thinking>
    ```

    Loved by thousands of makers from

    From early prototypes to real products, they started here.

    Lovable
    Uber
    Tiffany & Co
    K Fund
    Fever
    Filmin
    Playtomic
    Lovable
    Uber
    Tiffany & Co
    K Fund
    Fever
    Filmin
    Playtomic
    Lovable
    Uber
    Tiffany & Co
    K Fund
    Fever
    Filmin
    Playtomic
    Civitatis
    Blablacar
    Mercado Libre
    Zomato
    Zurich
    IE
    Civitatis
    Blablacar
    Mercado Libre
    Zomato
    Zurich
    IE
    Civitatis
    Blablacar
    Mercado Libre
    Zomato
    Zurich
    IE
    How it works

    Generate optimized prompts for your vibe coding projects

    1

    Generate prompt

    Enter a brief description of the app you want to build and get an optimized prompt

    2

    Review and use your prompt

    Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform

    3

    Get inspired with new ideas

    Get AI-generated suggestions to expand your product with features that will surprise your users

    Frequently Asked Questions

    Everything you need to know about creating better prompts for your Lovable projects

    Still have questions?

    Can't find what you're looking for? We're here to help!