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

    NaraIndex.org - Zbuduj profesjonalną, pełnowymiarową aplikację webową o nazwie (lub Twoja wybrana nazwa), która służy jako globalne cyfrowe...

    Lovable
    Enhanced
    Minimalist
    light mode
    2h ago

    Generated Prompt

    ## APPLICATION OVERVIEW
    "NaraIndex.org" is a comprehensive web application designed to serve as a global digital archive for historical data based on NARA records (series A-3340). The application aims to facilitate research for users from various countries by providing an intuitive search and verification system within a minimalist, academic aesthetic.
    
    ## CORE FEATURES
    1. **Landing Page**: A prominent central search bar with "Fuzzy Search" functionality, showcasing key metrics such as "40,000+ Records", "1,200 Verified", and "500 Contributors". An informative "About the Project" section will provide historical disclaimers.
       
    2. **Search Results Page**: A sidebar for filtering results by Gau/Region, Year of Birth, Occupation, and Verification Status. The main area displays results in card or table format for easy viewing.
    
    3. **Record Detail Page**: A detailed biography view featuring a map (using Leaflet/Mapbox) to show both historical and modern locations, alongside a section for sources with links to NARA. A "Suggest Correction" button enables user interaction.
    
    4. **User Dashboard**: Displays a points and ranking system (Novice, Researcher, Curator) allowing users to see records they've helped verify, encouraging engagement and contribution.
    
    5. **Admin Panel**: A management view for accepting or rejecting user-submitted corrections, ensuring content accuracy and quality control.
    
    6. **Multilingual Support**: Language switching options (EN, DE, PL, HE) in the header and footer to cater to a diverse user base.
    
    ## 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**: A structured layout divided into a header, main content area, and footer. The header includes the search bar and navigation, the main content area dynamically changes based on user interaction (landing, search results, details), and the footer contains legal information and language options.
    
    ## TECHNICAL REQUIREMENTS
    - **Framework**: React with TypeScript
    - **Styling**: Tailwind CSS
    - **UI Components**: shadcn/ui
    - **State Management**: React Context API or Redux (if complex state management is required)
    
    ## IMPLEMENTATION STEPS
    1. **Set up the Project**: Create a new React app using Create React App with TypeScript. Install Tailwind CSS and configure it for the project.
    2. **Design the Landing Page**: Implement the search bar and statistics section, ensuring responsiveness and accessibility.
    3. **Develop the Search Results Page**: Create a sidebar component for filters and a results display area. Implement the Fuzzy Search functionality.
    4. **Build the Record Detail Page**: Design the layout for displaying detailed records, including the map integration and correction suggestion functionality.
    5. **Create the User Dashboard**: Develop the user interface for tracking points and ranking, and ensure it connects to the backend for dynamic data fetching.
    6. **Implement the Admin Panel**: Build a management interface for admin users to moderate corrections submitted by the community.
    7. **Add Multilingual Support**: Implement language toggle functionality and ensure all text is translatable.
    8. **Testing and Deployment**: Thoroughly test the application for usability, bugs, and responsiveness across devices and browsers. Deploy the application using a service like Vercel or Netlify.
    
    ## USER EXPERIENCE
    Users will experience a clean and intuitive interface, starting from a prominent search bar that encourages exploration of the historical data. As they navigate through search results and detailed records, interactions will be straightforward and focused on accessibility. The user dashboard will gamify their contributions, enhancing engagement while the admin panel ensures a smooth and moderated user experience. The multilingual support will cater to a diverse audience, making the application an inclusive platform for researchers worldwide.

    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!