Web espectacular para ordenador y moblil y tablet para especializada para seo y posicionamineto web que este bien estructurada y que sea brutal de...
Generated Prompt
## APPLICATION OVERVIEW This application is a web platform designed for SEO specialists, providing tools and resources to enhance website visibility and search engine ranking. It aims to deliver a spectacular user experience across desktop, mobile, and tablet devices, ensuring that users can access all features seamlessly. ## CORE FEATURES 1. **SEO Dashboard**: A comprehensive dashboard that displays key performance indicators (KPIs), site analytics, and SEO metrics in real-time for quick insights. 2. **Keyword Research Tool**: A powerful tool that allows users to discover, analyze, and track keywords relevant to their industry, complete with search volume and competition analysis. 3. **On-Page SEO Analyzer**: An interactive feature that scans web pages for SEO best practices, providing actionable recommendations to improve content and structure. 4. **Backlink Tracker**: A module that allows users to monitor their backlink profile, analyze competitor backlinks, and discover new linking opportunities. 5. **Performance Reports**: Users can generate customizable reports summarizing SEO performance, keyword rankings, and traffic analytics, which can be exported in various formats. 6. **Content Optimization Suggestions**: AI-driven suggestions that help users enhance their content based on current SEO trends and best practices. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design will focus on a clean and simple aesthetic with ample white space, ensuring that users can navigate easily without distractions. - **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and create a soothing visual experience. - **Layout**: The main layout will consist of a top navigation bar for easy access to different sections, a sidebar for tools and features, and a central content area that adapts based on user selection. Responsive design will ensure that all components stack and adjust gracefully on mobile and tablet views. - **Typography**: Use a modern sans-serif font for body text (e.g., Roboto or Open Sans) to ensure clarity, with larger, bold headings to establish a clear hierarchy. Text should have appropriate spacing for readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for utility-first styling approach, allowing for rapid design iteration and customization. - **UI Components**: Utilize shadcn/ui for pre-built, accessible components that can be easily integrated. - **State Management**: Redux Toolkit for global state management to handle user data and application state effectively. ## IMPLEMENTATION STEPS 1. **Set up the project environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create the main layout**: Develop a responsive layout including the navigation bar, sidebar, and content area. 3. **Implement core features**: Start with the SEO Dashboard, followed by the Keyword Research Tool, On-Page SEO Analyzer, and other features, ensuring each component is modular and reusable. 4. **Design UI components**: Leverage Tailwind CSS to style components according to the minimalist design specifications, ensuring consistency across all elements. 5. **Integrate state management**: Set up Redux Toolkit to manage application state and handle user interactions across different features. 6. **Testing and optimization**: Conduct thorough testing on various devices (desktop, mobile, tablet) to ensure responsiveness and functionality, making adjustments as necessary. ## USER EXPERIENCE The user experience will focus on intuitive navigation and quick access to essential features. Users will start on the SEO Dashboard, where they can view real-time metrics at a glance. From there, they can easily navigate to tools like the Keyword Research Tool or On-Page SEO Analyzer through the sidebar. Interactive elements will guide users through optimization processes, offering contextual tips and suggestions to enhance their SEO strategies. The overall experience will be streamlined, allowing users to efficiently manage their SEO tasks with minimal friction.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
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!
