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.

    Lovable Prompts Logo
    LovablePrompts.app
    Hi! Welcome to LovablePrompts.app
    Lovable Prompts Logo
    Public

    Bold and colorful portfolio for a photographer, include some 3d illustrations and some big typography

    Lovable
    Enhanced
    Minimalist
    light mode
    2w ago

    Generated Prompt

    ## APPLICATION OVERVIEW
    Create a bold and colorful portfolio landing page for a photographer that highlights their work through striking visuals and big typography. The focus will be on showcasing photography alongside 3D illustrations, with a clean and minimalist design to ensure the artwork stands out.
    
    ## CORE FEATURES
    1. **Hero Section**: A captivating introductory area featuring a large, eye-catching image or animation of the photographer's best work, accompanied by a bold headline and a brief introduction to the photographer.
    2. **Portfolio Gallery**: A visually appealing grid or carousel layout showcasing a selection of the photographer's work, including both photography and 3D illustrations. Each piece should be clickable for a detailed view.
    3. **About Section**: A concise description of the photographer, including their background, style, and approach, supported by a professional photograph and links to social media.
    4. **Testimonials**: A section displaying quotes from clients or collaborators to build credibility, formatted in a visually distinct style that complements the overall design.
    5. **Contact Form**: An easy-to-use contact form for potential clients to reach out, including fields for name, email, message, and a submit button with a clear call to action.
    6. **Call to Action (CTA)**: Prominent buttons encouraging visitors to view the portfolio, book a session, or follow on social media, strategically placed throughout the page.
    
    ## DESIGN SPECIFICATIONS
    - **Visual Style**: Minimalist design with plenty of white space to create a clean, simple look that emphasizes the photography and typography.
    - **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a bright, inviting aesthetic.
    - **Layout**: A single-page layout featuring a smooth scrolling experience, with sections clearly delineated and a fixed navigation bar for easy access to different parts of the portfolio.
    - **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a clean serif font for body text (e.g., Lora), establishing a clear hierarchy with larger sizes for headings and ample spacing between text blocks.
    
    ## TECHNICAL REQUIREMENTS
    - **Framework**: React with TypeScript
    - **Styling**: Tailwind CSS for rapid and responsive styling
    - **UI Components**: shadcn/ui for ready-to-use components that fit the minimalist aesthetic
    - **State Management**: Not required for this landing page; focus on static content.
    
    ## IMPLEMENTATION STEPS
    1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, TypeScript, Tailwind CSS, shadcn/ui).
    2. **Create the Layout**: Implement a single-page layout with a navigation bar that anchors to each section.
    3. **Develop the Hero Section**: Add a full-width hero section with a high-resolution image and engaging typography.
    4. **Build the Portfolio Gallery**: Create a grid or carousel component to display the photographer’s work, ensuring that images are responsive.
    5. **Add About and Testimonials Sections**: Design and implement the about section along with a testimonial slider or grid.
    6. **Integrate the Contact Form**: Develop a simple contact form with validation and a submission handler.
    7. **Implement Responsive Design**: Use Tailwind CSS to ensure the layout is responsive across devices, testing on mobile and desktop views.
    8. **Enhance with 3D Illustrations**: Integrate 3D illustrations where appropriate to complement the photography, ensuring they align with the overall aesthetic.
    9. **Final Review and Testing**: Conduct thorough testing for functionality, responsiveness, and user experience.
    
    ## USER EXPERIENCE
    Users will enjoy a seamless experience as they navigate the landing page, with smooth scrolling and quick access to different sections via the navigation bar. Each portfolio piece will open up in a lightbox or dedicated overlay to provide a detailed view without navigating away. The contact form will provide instant feedback upon submission, enhancing engagement and encouraging potential clients to reach out.

    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!