Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
PerfectPortfolio.ai is a web application designed specifically for UK GP registrars, enabling them to easily transform informal descriptions of clinical consultations into structured, competency-mapped entries for their FourteenFish ePortfolio. The application focuses on simplicity and efficiency, allowing users to generate portfolio entries with minimal effort and time.

## CORE FEATURES
1. **Portfolio Generator**: Users can input free-text descriptions of consultations. The integrated AI processes this input and generates a structured portfolio entry, including reflective accounts, areas of development, learning points, and RCGP competency tags.
2. **Entry History**: A feature that stores all previously generated portfolio entries for each user, enabling easy review and management.
3. **Curriculum Coverage Dashboard**: Displays which RCGP curriculum areas have been covered and identifies gaps in knowledge.
4. **ARCP Readiness Indicator**: Evaluates and displays the user's curriculum coverage across all domains, helping registrars track their readiness for assessments.
5. **Subscription Management**: Users can choose between a free tier (limited credits per month) and a paid tier (£10/month or £99/year) that offers unlimited entries and additional features like curriculum tracking.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout consists of a prominent input area for user text, a generate button, and an output display area. The dashboard will feature a clean overview of entry history and curriculum coverage, with minimal clutter to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context or Zustand (whichever fits best for user session management)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new Next.js project with TypeScript support and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Components**: Develop reusable components for the portfolio generator, entry history, and dashboard.
3. **Integrate AI API**: Set up the Claude or OpenAI API to facilitate the portfolio generation feature.

4. **Build User Authentication**: Implement Supabase for user authentication and database management.
5. **Implement Subscription System**: Integrate Stripe for payment processing and subscription management.
6. **Design Layout**: Utilize Tailwind CSS to create the main layout, ensuring responsiveness for mobile devices.
7. **Testing**: Conduct thorough testing for usability, responsiveness, and API integration.
8. **Deployment**: Deploy the application to Vercel, ensuring proper environment variables are set up for API keys.

## USER EXPERIENCE
Users will experience a streamlined process: they will navigate to the main app page, enter a free-text description of their consultation, and click the generate button. The structured output will appear prominently for easy copying. Users can access their history and dashboard through clearly defined navigation, allowing them to track their progress and manage entries effortlessly.
```