Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will serve as a comprehensive dashboard for managing cybersecurity protocols for AI agents within a company. It focuses on allowing users to manage role permissions, spending limits, and security protocols, ensuring that cybersecurity practices are adhered to for all users creating and managing their AI agents. The overarching theme is "cybersecurity for everyone."

## CORE FEATURES
1. **User Authentication**: Secure login for users to access their personalized dashboards.
2. **Role Management**: Admins can set and modify role permissions for different users, defining what each user can do with their AI agents.
3. **Spending Limits**: Users can establish and adjust budgets for their AI agents, ensuring fiscal responsibility in AI operations.
4. **Security Protocols Management**: Users can select and manage the security protocols each AI agent can utilize, enhancing overall cybersecurity.
5. **Dashboard Analytics**: Visual representations of data related to AI agent performance, spending, and security compliance.
6. **User-Friendly Interface**: A clean and intuitive interface that facilitates easy navigation and management tasks.

## 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 feature a sidebar for navigation, a top header for quick actions, and a central content area displaying the dashboard analytics and management tools.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API as an alternative)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Authentication Module**: Implement user authentication using JWT for secure login and session management.
3. **Build Role Management Feature**: Develop a UI for admins to create and manage user roles and permissions.
4. **Implement Spending Limit Functionality**: Build a feature that allows users to set and modify their spending limits.
5. **Develop Security Protocols Management**: Create a section for users to select and manage security protocols for their AI agents.
6. **Design Dashboard Analytics**: Use charts and graphs to visualize data related to AI agent performance and security compliance.
7. **Integrate UI Components**: Utilize shadcn/ui components for a cohesive look and feel throughout the application.
8. **Ensure Responsive Design**: Test the application across various devices to ensure a seamless user experience.

## USER EXPERIENCE
Key user interactions will include logging into the application, navigating through the sidebar to access different management features, and visually interpreting analytics through graphs and charts. Users will be able to easily set permissions and spending limits through straightforward forms, ensuring a frictionless experience as they manage their AI agents. The minimalist design will enhance usability by reducing clutter and focusing on essential features.