Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Shadow Crafter is a web application designed for cybersecurity enthusiasts and professionals. It provides tools for generating random HTTP headers to bypass fingerprinting and a robust API testing interface. The application emphasizes user experience with smooth transitions and a clean, minimalist design.

## CORE FEATURES
1. **Identity Persona**: A dynamic section that generates random HTTP headers, including User-Agent, Accept-Language, and Sec-CH-UA, helping users enhance their online anonymity.
2. **Request Studio**: An interactive API tester that allows users to input a URL, select HTTP methods (GET/POST), and add custom headers for testing various API endpoints.
3. **Live Preview**: A card that displays a real-time view of the raw HTTP request, allowing users to review their configurations before sending.
4. **Smooth Transitions**: Utilizing Framer Motion for seamless transitions between different identity personas to enhance the user experience.
5. **User Authentication**: Secure login and registration functionality to ensure user data privacy and personalized settings.
6. **History Log**: A section to view past requests and identities used, allowing users to easily revisit previous configurations.

## 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 will consist of a two-column structure: the left column for the Identity Persona and the right column for the Request Studio. At the bottom, a Live Preview card will be prominently displayed.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Layout Structure**: Implement the two-column layout using Tailwind CSS for responsive design, ensuring proper spacing and alignment.
3. **Develop Identity Persona Feature**: Create a component to generate and display random HTTP headers. Ensure it updates dynamically and integrates with the state management solution.
4. **Build Request Studio**: Develop the API tester interface, including input fields for URL, method selection, and custom headers. Connect it to the state management for dynamic updates.
5. **Implement Live Preview Card**: Create the Live Preview component to show the raw HTTP request before submission, ensuring it reflects the input from Request Studio.
6. **Add Authentication**: Implement user authentication features, including secure login and registration forms, using best practices for security.
7. **Test Functionality**: Conduct thorough testing of all features, focusing on usability and responsiveness across different devices.
8. **Deploy Application**: Prepare the application for deployment, ensuring all configurations are optimized for performance and security.

## USER EXPERIENCE
Users will start on the main dashboard where they can quickly generate an identity persona and test API requests. The Live Preview will provide immediate feedback on their actions, enhancing confidence in the tool's capabilities. The smooth transitions between different identities will create an engaging and intuitive experience, encouraging exploration of the application’s features. The minimalist design will ensure that users can focus on their tasks without distractions, making Shadow Crafter an effective cybersecurity tool.