1️⃣ Full Experience Flow Manager Sensemaking Companion (MVP)
Generated Prompt
```markdown ## APPLICATION OVERVIEW Create a lightweight web application called “Manager Sensemaking Companion.” This tool serves as a reflective learning experience designed to help managers navigate uncertainty in fast-changing work environments. The app focuses on fostering clarity and thoughtful decision-making without overwhelming users with theory or complex frameworks. ## CORE FEATURES 1. **Entry Card**: A welcoming screen that prompts managers to pause and reflect, featuring a clear title, supportive subtitle, and a prominent call-to-action button to start the experience. 2. **Situation Naming**: A quick selection prompt allowing users to identify current areas of uncertainty, such as shifting priorities or unclear roles, which helps anchor their reflection in reality. 3. **Role Reframing**: A dynamic message that redefines the manager’s role in the context of uncertainty, encouraging a mindset focused on creating clarity rather than having all the answers. 4. **Coaching Question**: Based on previous selections, the app generates one ready-to-use coaching question that managers can copy and utilize in their next conversations. 5. **Micro-Action Commitment**: Managers select one actionable step they will implement in their next conversation, promoting accountability and practical application. 6. **Emotional Impact Normalization**: A prompt that encourages users to reflect on what their team might be losing during times of change, fostering emotional awareness and resilience. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist—focus on clean lines, ample white space, and a simple layout that avoids clutter. The design should feel calm and supportive, emphasizing the human aspect of management. - **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and reduce strain. - **Layout**: A card-based flow structure where each screen presents a single prompt or question, allowing users to focus on one thought at a time. Use ample spacing between elements to create a soothing experience. - **Typography**: Utilize a sans-serif font for clean readability (e.g., Inter or Roboto) with a clear hierarchy: larger sizes for titles, medium for prompts, and smaller for secondary text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust and scalable development. - **Styling**: Tailwind CSS for rapid UI development and consistent styling. - **UI Components**: Utilize shadcn/ui for prebuilt components that align with the minimalist design aesthetic. - **State Management**: Use React Context API for managing global state related to user selections and session data. ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create Card Components**: Develop reusable card components for each screen in the flow, ensuring they adhere to the minimalist design principles. 3. **Implement Entry Card**: Design the entry card with the title, subtitle, and CTA button, ensuring it captures the user’s attention and encourages interaction. 4. **Build Flow Logic**: Set up the logic to navigate between screens based on user selections, ensuring a seamless and intuitive user experience. 5. **Dynamic Messaging**: Implement the dynamic message feature that alters based on user choices to personalize the experience. 6. **Coaching Question Generation**: Create a function that generates context-specific coaching questions based on previous responses. 7. **Action Commitment Tracking**: Develop a feature that allows users to select and commit to one micro-action, storing this information for potential follow-up. 8. **Final Screen Design**: Craft the closing screen with a reassuring message and an optional CTA, encouraging users to return when they need clarity. ## USER EXPERIENCE The user experience is centered around reflection and simplicity. Upon entering the app, users are greeted with a calming entry card that prompts them to think. Each subsequent screen presents a single question or choice, guiding them through a structured yet flexible thought process. The interface is designed to be responsive, ensuring usability on various devices, and allows for easy navigation back to previous steps if needed. The overall aim is to make the experience feel like a supportive companion rather than a formal training module. ```
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!
