Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
Crea una aplicación SaaS de gestión de activos visuales que permite a múltiples clientes subir imágenes y proporcionar metadatos específicos para la construcción de su sitio web. La aplicación está diseñada para ser profesional, responsiva y fácil de usar, utilizando un stack de React, Tailwind CSS, Lucide Icons y componentes de Shadcn/UI.

## CORE FEATURES
1. **Arquitectura Multi-Cliente**: Cada cliente tiene su propio perfil con nombre de empresa, logo y un array de categorías de servicios personalizadas. Incluye un cliente predeterminado "Igeslec" con categorías específicas.
   
2. **Zona de Carga**: Implementación de un componente de "Drag & Drop" que permite a los clientes subir múltiples imágenes de manera intuitiva.

3. **Formulario por Imagen**: Al procesar una imagen, el cliente debe rellenar un formulario que incluye título, descripción, categoría de servicio y uso en la web.

4. **Panel de Administración**: Una vista protegida para el administrador que permite visualizar todos los clientes, filtrar fotos por cliente y categoría, y mostrar detalles de cada imagen.

5. **Feedback de Interacción**: Micro-interacciones visuales que indican que la foto se ha subido correctamente, mejorando la experiencia del usuario.

6. **Persistencia de Datos**: Integración con Supabase que incluye un esquema de base de datos con tablas para perfiles, servicios y activos, junto con almacenamiento de imágenes.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalista, con un diseño limpio y simple que utiliza mucho espacio en blanco, una paleta de colores mínima y un enfoque en la tipografía.
- **Color Mode**: Tema claro con texto oscuro sobre fondos claros.
- **Layout**: Diseño de una página principal con una barra de navegación en la parte superior, zona de carga centrada, y un panel lateral para la navegación de categorías y clientes. El panel de administración contará con tarjetas para cada cliente y sus respectivos activos.
- **Typography**: Uso de fuentes sans-serif modernas para una legibilidad óptima, con jerarquías claras en títulos, subtítulos y texto de cuerpo.

## TECHNICAL REQUIREMENTS
- **Framework**: React con TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Utilizar React Context o Redux según sea necesario para la gestión del estado.

## IMPLEMENTATION STEPS
1. Configura el entorno de desarrollo utilizando React y TypeScript.
2. Implementa el sistema de autenticación y autorización para el acceso de clientes y administradores.
3. Desarrolla el esquema de base de datos en Supabase con las tablas para perfiles, servicios y activos.
4. Crea la interfaz de usuario con Tailwind CSS, asegurando que siga el diseño minimalista establecido.
5. Implementa la lógica del componente de "Drag & Drop" para la carga de imágenes y el formulario correspondiente.
6. Desarrolla el panel de administración que permita visualizar y gestionar los clientes y sus activos.
7. Añade micro-interacciones para mejorar la experiencia del usuario al subir imágenes.
8. Realiza pruebas de usuario para asegurar la funcionalidad y la experiencia de usuario fluida.

## USER EXPERIENCE
Los usuarios comenzarán en la zona de carga, donde podrán arrastrar y soltar imágenes. Después de seleccionar las imágenes, se les pedirá que completen un formulario para cada imagen. Los administradores tendrán acceso a una vista protegida donde podrán gestionar todos los clientes y visualizar los activos subidos. Además, se incluirán notificaciones visuales para confirmar que las imágenes se han subido correctamente, garantizando una experiencia agradable y eficiente.
```