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

    Here's a comprehensive prompt you can use with AI website builders like Lovable, Bolt, v0, Replit AI, or Cursor.

    Lovable
    Enhanced
    Minimalist
    light mode
    4h ago

    Generated Prompt

    ```markdown
    # APPLICATION OVERVIEW
    Create a modern, premium landing page portfolio for **Craig Mudyiwa**, showcasing his diverse capabilities as an AI Operations Specialist, Virtual Assistant, and Data Automation Professional. The site aims to highlight Craig's versatility and expertise, establishing a strong online presence that appeals to potential clients and employers.
    
    # CORE FEATURES
    1. **Hero Section**: A captivating introductory section featuring a large headline and subheading that describes Craig's expertise, along with clear CTA buttons to view the portfolio, download the resume, and get in touch.
    2. **About Me**: A concise professional summary that outlines Craig's multifaceted experience across various roles and industries, emphasizing his problem-solving skills and adaptability.
    3. **Professional Experience**: An organized showcase of Craig's capabilities categorized by areas of expertise, using animated cards to enhance engagement.
    4. **Portfolio Projects**: Interactive project cards that detail specific projects, highlighting skills and technologies used, along with outcomes and impacts.
    5. **Testimonials & Statistics**: A modern carousel for testimonials and animated counters to showcase key achievements and metrics, enhancing credibility.
    6. **Contact Section**: A beautiful and user-friendly contact area that allows visitors to connect with Craig through email, LinkedIn, and a contact form.
    
    # 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
    - Layout: The layout should have a single-page structure with smooth scrolling sections, including a prominent hero section at the top, followed by the about me, experience, projects, testimonials, and contact sections.
    
    # TECHNICAL REQUIREMENTS
    - Framework: React with TypeScript
    - Styling: Tailwind CSS
    - UI Components: shadcn/ui
    - State Management: Not needed for this static portfolio site
    
    # IMPLEMENTATION STEPS
    1. **Set Up Project**: Initialize a new React project with TypeScript using `Create React App`.
    2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
    3. **Create Components**:
       - HeroSection: Include headline, subheading, and CTA buttons.
       - AboutMe: Summarize Craig's professional background.
       - ExperienceSection: Use animated cards to categorize and present professional experiences.
       - ProjectsSection: Design interactive project cards with links to detailed descriptions.
       - TestimonialsSection: Create a carousel for client testimonials.
       - StatisticsSection: Implement animated counters for showcasing key metrics.
       - ContactSection: Build a user-friendly form and links for contact.
    4. **Styling**: Apply Tailwind CSS classes to achieve the minimalist design with specified colors, typography, and rounded borders.
    5. **Responsive Design**: Ensure the layout is responsive and looks great on mobile, tablet, and desktop devices.
    6. **SEO Optimization**: Add relevant metadata and Open Graph tags for better search engine visibility.
    
    # USER EXPERIENCE
    The landing page should provide a seamless user experience with smooth scrolling transitions between sections. Visitors will be able to easily navigate through Craig's portfolio, understand his skills and experience, and reach out through the contact section with minimal friction. The design elements should maintain user engagement while emphasizing key information effectively.
    ```

    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!