Lovable Master Prompt (code-generating, MVP-first, extensible)
Generated Prompt
## APPLICATION OVERVIEW The AI Innovation Hub is a web application designed to serve as a centralized system for logging, managing, and reviewing AI innovation opportunities. Users can collaboratively submit and evaluate problem-first ideas, ensuring streamlined workflows and effective idea management. The platform focuses on clean code and extensibility, delivering a robust MVP that can be easily built upon in the future. ## CORE FEATURES 1. **Home Screen**: Serves as the main entry point with options to create new ideas, view personal ideas, access the review queue (for specific roles), and explore trending ideas based on votes. 2. **Create/Edit Idea**: Provides a user-friendly form with progressive disclosure of required fields, allowing users to submit detailed problem statements and relevant information about their ideas. 3. **Idea Detail**: Displays comprehensive information about an idea, including status, ownership, and a comments section for collaboration, along with actions like upvoting and editing. 4. **Review Queue**: A role-gated feature for reviewers and portfolio managers to manage submitted ideas, facilitating actions such as moving ideas through the workflow and requesting clarifications. 5. **Kanban Workflow View**: Visual representation of the idea statuses, allowing drag-and-drop functionality for users with appropriate roles, ensuring clarity in the management process. 6. **Search Functionality**: Enables users to search for ideas by title or problem statement, with filtering options to refine results based on status and tags. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist design with a clean layout that emphasizes white space, ensuring that the interface remains uncluttered and user-friendly. - **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and provide a modern look. - **Layout**: The layout will be structured with a top navigation bar for easy access to various sections, a central content area for displaying ideas and forms, and side panels for additional functionalities like filters and trending ideas. - **Typography**: Use a sans-serif font for a contemporary feel, with a clear hierarchy where headings are bold and larger, while body text is lighter and easy to read. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for type safety and component-based architecture. - **Styling**: Tailwind CSS for utility-first styling to streamline the design process. - **UI Components**: Utilize shadcn/ui for building modern and adaptable UI components. - **State Management**: Use React Context or a state management library (like Zustand or Redux) as needed for global state management. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install dependencies (React, Tailwind CSS, shadcn/ui). 2. **Create Project Structure**: Organize folders for components, pages, and services, ensuring a clean and maintainable codebase. 3. **Implement Authentication**: Integrate Supabase for user authentication, utilizing session management and role-based access control to restrict features. 4. **Develop Core Features**: Build out the Home, Create/Edit Idea, Idea Detail, Review Queue, Kanban Workflow, and Search functionalities, ensuring each is functional and adheres to the design specifications. 5. **Implement Database Models**: Create Supabase tables as per the MVP data model, ensuring proper relationships and constraints. 6. **Add Microinteractions**: Incorporate subtle animations for user actions like upvoting and idea submission to enhance user engagement. 7. **Test and Iterate**: Conduct thorough testing to identify and resolve any issues, focusing on usability and performance. ## USER EXPERIENCE Users will have a seamless experience navigating the AI Innovation Hub, with intuitive access to core functionalities through a well-structured layout. The progressive disclosure of forms will guide users through idea submissions without overwhelming them. Notifications and microinteractions will provide feedback on user actions, fostering a sense of engagement and satisfaction. Overall, the application aims to balance professionalism with a touch of fun, encouraging creativity and collaboration in the AI innovation process.
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!
