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

    Créer un prompt pour lovable pour ne rien perdre en terme de SEO avant déploiement on est dans le cadre de la migration d'un site avec un SEO déjà...

    Lovable
    Enhanced
    Minimalist
    light mode
    3w ago

    Generated Prompt

    ## APPLICATION OVERVIEW
    This application is a web app designed to facilitate the SEO migration of an existing website with established SEO value. Its main purpose is to ensure that all SEO elements are preserved during the migration process, preventing any loss of traffic or rankings.
    
    ## CORE FEATURES
    1. **SEO Audit Tool**: An interactive feature that analyzes the current website's SEO status, identifying key elements that need to be retained or improved during the migration.
    2. **Migration Checklist**: A comprehensive checklist that guides users through the essential steps of the migration process, ensuring nothing is overlooked.
    3. **URL Redirection Manager**: A tool for managing and implementing redirects from old URLs to new ones, preserving link equity and improving user experience.
    4. **Performance Tracking Dashboard**: A dashboard displaying key performance indicators (KPIs) before and after migration, allowing users to monitor SEO health over time.
    5. **Best Practices Guide**: A resource section containing articles and tips on SEO best practices during migrations, helping users make informed decisions.
    6. **User Feedback Mechanism**: A feature that allows users to provide feedback on the application’s functionalities, ensuring continuous improvement based on user needs.
    
    ## DESIGN SPECIFICATIONS
    - **Visual Style**: Minimalist, with a clean and simple design that incorporates ample white space to enhance readability and focus on content. The layout should be uncluttered, emphasizing essential features.
    - **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high contrast and readability.
    - **Layout**: A responsive grid layout that adapts to different screen sizes, with a top navigation bar for easy access to core features and a sidebar for additional resources and tools.
    - **Typography**: Use a sans-serif font such as "Roboto" for body text and "Montserrat" for headings. Maintain a clear hierarchy with larger font sizes for headings, medium for subheadings, and regular weight for body text.
    
    ## TECHNICAL REQUIREMENTS
    - **Framework**: React with TypeScript for a robust and scalable application architecture.
    - **Styling**: Tailwind CSS for utility-first styling, allowing rapid UI development with consistent design elements.
    - **UI Components**: Utilize shadcn/ui for pre-built, customizable components that align with the minimalist design aesthetic.
    - **State Management**: Implement Zustand or React Context API for simple and efficient state management throughout the application.
    
    ## IMPLEMENTATION STEPS
    1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
    2. **Define Routing**: Use React Router to create routes for core features such as the SEO Audit Tool, Migration Checklist, URL Redirection Manager, and Performance Tracking Dashboard.
    3. **Create Components**: Develop reusable components using shadcn/ui and Tailwind CSS, ensuring they align with the minimalist design principles.
    4. **Implement State Management**: Set up Zustand or React Context API to manage and share state across components efficiently.
    5. **Design the Layout**: Implement the responsive grid layout with a top navigation bar and sidebar, applying Tailwind CSS for styling.
    6. **Develop Core Features**: Code each core feature, integrating necessary APIs and ensuring SEO best practices are highlighted and easily actionable.
    7. **Test and Optimize**: Conduct thorough testing for responsiveness, usability, and performance, making adjustments as needed based on user feedback.
    
    ## USER EXPERIENCE
    Users will interact with the application through an intuitive interface where they can easily navigate between features. The SEO Audit Tool will provide immediate feedback on the current site setup, while the Migration Checklist will guide them through each step with checkable items. The URL Redirection Manager will enable users to input old and new URLs seamlessly, with visual cues for errors. The Performance Tracking Dashboard will offer a clear view of their SEO metrics, allowing users to assess the impact of their migration efforts easily. Overall, the application will ensure a smooth user experience with a focus on clarity and accessibility.

    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!