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

    Data Science & AI - portfolio website with glass morphism UI using only HTML, CSS & JavaScript. The sections of the website are : - Nav Bar - Hero...

    Lovable
    Enhanced
    Minimalist
    light mode
    1h ago

    Generated Prompt

    ## APPLICATION OVERVIEW
    This project aims to create a single-page portfolio website focused on the Data Science and AI domain. Utilizing a glassmorphism UI design, the site will feature various sections to showcase personal information, skills, certifications, and projects. The clean, minimalist aesthetic will enhance user experience while maintaining a professional appearance.
    
    ## CORE FEATURES
    1. **Nav Bar**: A responsive navigation bar allowing users to easily scroll to different sections of the portfolio.
    2. **Hero Page**: A visually appealing hero section with a parallax effect that highlights expertise in Data Science and AI.
    3. **About Me**: A section providing a brief personal introduction and background.
    4. **Skills & Tools**: A display of relevant skills and tools used in the Data Science field.
    5. **Projects**: Each project will have its dedicated card showcasing key details and links.
    6. **Social Media Handles**: Links to professional social media profiles like LinkedIn, GitHub, Instagram, and Twitter (now X.com).
    
    ## 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 website will feature a vertical layout with sections stacked one below the other, ensuring easy navigation and a smooth user experience.
    
    ## TECHNICAL REQUIREMENTS
    - **Framework**: HTML, CSS, and JavaScript (with a focus on vanilla JS for simplicity)
    - **Styling**: Implement glassmorphism using CSS techniques
    - **Responsive Design**: Ensure the website is fully responsive across all devices
    
    ## IMPLEMENTATION STEPS
    1. **Set Up Basic Structure**: Create the basic HTML structure with a header, main content area, and footer.
    2. **Implement Nav Bar**: Develop a responsive navigation bar that links to each section of the page.
    3. **Create Hero Section**: Design the hero section with a parallax effect using CSS and minimal JavaScript for scrolling effects.
    4. **Build About Me Section**: Add personal information and background details.
    5. **Develop Skills & Tools Section**: List relevant skills and tools visually appealing.
    6. **Design Projects Section**: Create individual project cards with descriptions and links.
    7. **Include Social Media Links**: Add icons and links to social media profiles.
    8. **Implement Footer**: Add a footer with attribution and personal branding.
    9. **Test Responsiveness**: Ensure all sections are responsive and visually appealing on different devices.
    
    ## USER EXPERIENCE
    The site will provide a seamless user experience with smooth scrolling between sections triggered by the navigation bar. Each section will be visually distinct yet cohesive, allowing users to effortlessly engage with the content. The use of glassmorphism will create an inviting and modern aesthetic, enhancing the overall appeal of the portfolio.
    
    This prompt is designed to help you create a fully functional minimalist light website that aligns with your vision for showcasing your work in Data Science and AI.

    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!