Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Swap Your Talent" is a web application designed to facilitate knowledge exchange and networking among users. The platform features a modern dashboard that allows users to manage their swaps, connect with communities, and access resources, all while providing a clean and interactive user experience.

## CORE FEATURES
1. **Sidebar Navigation**: Includes links to Dashboard, Mis Swaps, Comunidades, Repositorio de Archivos, Mensajes, and Configuración, with user profile details at the bottom.
2. **Smart Global Search**: A search bar at the top for quick access to user profiles, swaps, and resources.
3. **Matchmaking AI Section**: Displays a carousel of top-swaps based on user compatibility, showing profile pictures, names, and skills.
4. **Recommendations Section**: Presents profiles recommended by AI based on user interests and past interactions.
5. **My Agenda**: A calendar widget that outlines upcoming swaps with a visual confirmation status.
6. **Quick Access to Communities**: Visual cards for community categories with active question counters and a resource list indicating costs in tokens.

## 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 sidebar for navigation, a top header for search and notifications, and a grid layout for the main content area, featuring sections for matchmaking, recommendations, agenda, community access, and resources.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create the Sidebar Component**: Implement the sidebar navigation with links and user profile information.
3. **Build the Header Component**: Create the header section with the search bar, token indicator, notification bell, and event creation button.
4. **Develop Main Content Layout**: Use a grid layout to organize the different sections for matchmaking, recommendations, agenda, community access, and resources.
5. **Integrate Matchmaking AI Logic**: Implement the AI algorithm to display top swaps based on user profiles and preferences.
6. **Design Responsive Layouts**: Ensure the application is fully responsive for various devices by using Tailwind's utility classes.

## USER EXPERIENCE
Users will interact with a clean interface that allows for smooth navigation between sections. The profile cards will open modals displaying detailed information, including reviews and swap history. Notifications will prompt users regarding unread messages or updates, enhancing engagement and usability. The visual indicators for tokens and user levels will gamify the experience, motivating users to participate actively in the community.