Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is designed to create a sensitive and informative resource for a family member to communicate about psychological concepts affecting a loved one’s beliefs. The focus is on simplifying complex psychological concepts into an engaging format, suitable for a casual conversation, such as a voice memo script or a visual infographic.

## CORE FEATURES
1. **Content Creation Tool**: A user-friendly interface for creating personalized content that explains psychological concepts, using templates for different formats (e.g., text messages, voice scripts, visual aids).
2. **Psychological Concepts Library**: A curated library of psychological concepts (e.g., System 1 vs. System 2 thinking, confirmation bias) with simple explanations and examples.
3. **Format Selection**: Options to choose the format of the output (e.g., voice memo script, text messages, visual format) to suit the user's communication style.
4. **Preview Functionality**: Ability to preview the created content in the selected format before finalizing it.
5. **Export/Share Options**: Options to export the content as a PDF or share it directly via messaging apps or email.
6. **User Feedback Mechanism**: A simple feedback tool for users to rate the effectiveness of the provided explanations and suggestions for improvements.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space and a minimal color palette, focusing on clear typography.
- **Color Mode**: Light theme with dark text on light backgrounds for easy readability.
- **Layout**: A single-page layout with sections for the content creation tool, library, format selection, preview, and feedback. Each section should be clearly delineated with ample white space.
- **Typography**: Use a sans-serif font (e.g., Arial, Helvetica) for body text to maintain clarity, with larger, bolder headings to establish a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong type safety and component management.
- **Styling**: Tailwind CSS for rapid styling and responsiveness.
- **UI Components**: Utilize shadcn/ui components for a cohesive, modern UI.
- **State Management**: Use React Context API or Zustand for managing application state, particularly for user inputs and content generation.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Develop components for the content creation tool, psychological concepts library, format selection, preview section, and feedback mechanism.
3. **Implement Routing**: Set up React Router for seamless navigation if necessary, although the main focus is on a single-page experience.
4. **Develop Content Generation Logic**: Create functions to handle user inputs, format selection, and content generation based on selected psychological concepts.
5. **Design and Style**: Apply Tailwind CSS for styling components according to the minimalist design specifications.
6. **Testing**: Conduct user testing to gather feedback on usability and effectiveness of the content generated.

## USER EXPERIENCE
Users will interact with a clean and straightforward interface to select psychological concepts, choose their preferred format, and generate content. The preview functionality allows them to see their output before finalizing it. Feedback options encourage users to engage with the application, providing insights for continuous improvement. The overall experience should feel intuitive, allowing users to comfortably create and share resources that facilitate sensitive discussions with their family members.