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

    Notre Histoire - je veux que tu gardes l'idée du curseur mais qu'il soit moi dispersé lorsqu'il est en mouvement. Je veux que la couleur principal...

    Lovable
    Minimalist
    light mode
    Just now

    Generated Prompt

    ## APPLICATION OVERVIEW
    This project is a landing page for a bar located in Biscarrosse, designed to create a welcoming online presence that reflects the ambiance and storytelling of the establishment. The main purpose is to inform visitors about the bar's offerings and events while providing a poetic narrative that enhances the user experience.
    
    ## CORE FEATURES
    1. **Hero Section**: A captivating introduction featuring the bar's name and a brief poetic description of its essence, inviting users to explore further.
    2. **Our Story**: A dedicated section that shares the bar's history, including a revised poetic narrative about its creation amidst the pine trees of Biscarrosse.
    3. **Activities**: A lively section showcasing various activities with playful captions under each image to create a friendly and vibrant atmosphere.
    4. **Menu (Carte)**: A straightforward display of the bar's offerings without any changes, ensuring clarity on what patrons can expect.
    5. **Programming**: A section that replaces "actualité" with "programmation," highlighting upcoming events while retaining the World Cup event and teasing summer surprises.
    6. **Contact Information**: An updated contact section with the new address, operating hours, and email for inquiries.
    
    ## 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**: #19623E (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
    - **Layout**: The layout should be a single-page scrollable format, with distinct sections for Hero, Our Story, Activities, Menu, Programming, and Contact, maintaining a clean and user-friendly navigation experience.
    
    ## TECHNICAL REQUIREMENTS
    - **Framework**: React with TypeScript
    - **Styling**: Tailwind CSS
    - **UI Components**: shadcn/ui
    - **State Management**: Not specified but can use React's built-in state management or a library like Zustand if needed.
    
    ## IMPLEMENTATION STEPS
    1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and the shadcn/ui component library.
    2. **Create Components**: Develop components for each section (Hero, Our Story, Activities, Menu, Programming, and Contact).
    3. **Implement Styling**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring the use of the primary color (#19623E) where necessary.
    4. **Add Content**: Integrate the revised texts and playful captions into the respective components.
    5. **Ensure Responsiveness**: Test the layout on various screen sizes and adjust styles as needed for optimal user experience.
    6. **Deploy**: Use a service like Vercel or Netlify for deployment.
    
    ## USER EXPERIENCE
    Users will be greeted with a visually appealing hero section that quickly conveys the bar's essence. As they scroll, they will engage with a poetic narrative in the Our Story section, feel the lively atmosphere in Activities, easily navigate the Menu, and anticipate upcoming events in Programming. The Contact section will facilitate inquiries seamlessly. The overall experience will be smooth and inviting, encouraging users to visit the bar.

    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!