Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Decision OS is a premium SaaS web application designed to empower users to make value-based life and career decisions through structured thinking. Utilizing AI-driven insights, this application provides a seamless way to navigate complex choices while minimizing regret and aligning decisions with personal values.

## CORE FEATURES
- **Decision Input Interface**: Users can articulate their decisions through a large textarea, input dynamic options, and specify their biggest fears. This intuitive interface sets the foundation for personalized insights.
- **Values Sliders**: Users can prioritize their core values (Money, Growth, Peace, Family) using interactive sliders for deeper decision-making alignment.
- **AI-Generated Insights**: The application leverages AI to generate tailored recommendations based on user inputs, offering a unique perspective on each decision scenario.
- **Output Dashboard**: Users receive a polished results screen featuring key insights, trade-off analysis, and actionable next steps, enhancing their decision-making experience.
- **Example Decision Autofill**: A feature that allows users to quickly fill in common decision scenarios for a more efficient experience.
- **Share Results**: Users can share their decision outcomes as visually appealing cards, promoting engagement and reflection.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design that incorporates ample white space and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and a modern aesthetic.
- **Layout**: 
  - **Hero Section**: Includes a prominent title, a concise value proposition, and a clear CTA button (“Start Your Decision”).
  - **Decision Input Sections**: Structured into four distinct areas for user input, culminating in a “Generate My Decision” button.
  - **Output Dashboard**: Features a results presentation with cards for recommended paths, trade-off matrices, and action plans.
- **Typography**: Use modern sans-serif fonts for headings and body text, maintaining a clean hierarchy for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments and responsive layouts.
- **UI Components**: Utilize shadcn/ui for aesthetically pleasing and functional components.
- **State Management**: Consider using Zustand for state management, ensuring a fluid user experience without unnecessary complexity.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop reusable components for the hero section, decision input interface, and output dashboard.
3. **Build Decision Input Interface**: Implement the textarea, dynamic options input, fear input field, and values sliders with appropriate handlers.
4. **Integrate AI Functionality**: Develop the backend logic to process user inputs and generate insights using AI algorithms.
5. **Design Output Dashboard**: Create the output dashboard layout, incorporating cards for recommended paths and trade-off analysis.
6. **Implement Transitions**: Add smooth animations and transitions between different states to enhance user experience.
7. **Testing and Optimization**: Conduct user testing sessions to gather feedback, optimize performance, and ensure responsiveness across devices.

## USER EXPERIENCE
Users will engage with the application through a streamlined process, starting with intuitive input fields that guide them through articulating their decision-making scenario. The AI-generated insights will present them with clear, actionable recommendations in an aesthetically pleasing dashboard. The experience will maintain a calm, intelligent, and supportive tone, ensuring users feel confident and empowered in their decision-making process. The design will prioritize mobile responsiveness, making it accessible for users on-the-go.