Todos los prompts
App
Crea tu biblioteca de prompts
Una app para guardar, organizar y reutilizar tus prompts, creada con un solo prompt.
Cómo se usa
- Abre Lovable y crea un proyecto nuevo.
- Pega el prompt.
- Revisa la app y ajústala a tu gusto.
Copia y pega este prompt en Lovable para generar tu propia biblioteca de prompts.
Necesitas una cuenta en Lovable. Algunas plataformas cobran según los créditos consumidos.
Prompt
Crea una aplicación web llamada "Biblioteca de Prompts". Debe ser una herramienta para guardar, organizar, editar, copiar y consultar prompts, con persistencia en base de datos (Lovable Cloud).
Datos de cada prompt
Solo estos campos: título (obligatorio), descripción (opcional), prompt completo (obligatorio, textarea grande), subcategoría (selector) y favorito (booleano). Nada de categoría, etiquetas, idioma, nivel, estado ni herramienta.
Subcategorías disponibles
ChatGPT, Claude, Gemini, LinkedIn, Instagram, YouTube, Emails, Landing pages, Copywriting, Marketing, Ventas, Productividad, Automatización, Análisis, Personal.
Base de datos
Crea una tabla prompts en Lovable Cloud con columnas: id (uuid, PK), title (text, not null), description (text, default ''), full_prompt (text, not null), subcategory (text, default 'ChatGPT'), is_favorite (boolean, default false), created_at y updated_at (timestamptz, default now()). RLS habilitado con políticas públicas para SELECT, INSERT, UPDATE y DELETE (sin autenticación por ahora). Toda la lógica CRUD debe usar el cliente de Supabase, no localStorage.
Estructura de la app
Sidebar izquierda (collapsible, usando el componente Sidebar de shadcn):
- Logo/título: "Biblioteca de Prompts" con icono BookOpen
- Navegación: "Todos" (con contador total) y "Favoritos" (con contador)
- Lista de subcategorías (solo las que tienen prompts, con contador cada una). Al clicar una subcategoría filtra los prompts
- Botón "Nuevo prompt" destacado abajo
Barra superior:
- SidebarTrigger para abrir/cerrar sidebar
- Buscador global (filtra por título, descripción y prompt completo)
- Toggle modo oscuro/claro con iconos Sun/Moon y un Switch, persistido en localStorage
- Botones para cambiar entre vista grid y vista lista
Vista principal:
- Título dinámico según filtro activo ("Todos los prompts", "Favoritos" o nombre de subcategoría) con contador
- Estado vacío bonito con icono y botón para crear el primer prompt
- Estado de carga con texto "Cargando prompts..."
Vista grid (por defecto): tarjetas con título, descripción (2 líneas max), badge de subcategoría, botón de favorito (corazón relleno si activo), y acciones rápidas que aparecen en hover: copiar, editar, duplicar, eliminar. Las tarjetas tienen hover con sombra y ligero desplazamiento hacia arriba.
Vista lista: filas compactas con título, descripción, badge de subcategoría y botón de favorito.
Modal de detalle: al hacer clic en un prompt se abre un Dialog con título, descripción, badge de subcategoría, el prompt completo en un bloque con fondo muted y fuente mono, fechas de creación/edición, y botones: Copiar, Editar, Duplicar y Favorito.
Modal de creación/edición: Dialog con campos Título (obligatorio), Descripción, Subcategoría (selector), y Prompt (textarea grande, obligatorio). Botones Cancelar y Crear/Guardar. Al editar, se precargan los valores.
Funcionalidades
- Crear, editar, duplicar y eliminar prompts (todo contra la base de datos)
- Copiar prompt al portapapeles con toast de confirmación
- Marcar/desmarcar favoritos
- Buscar por texto en título, descripción y prompt completo
- Filtrar por subcategoría desde la sidebar
- Ver solo favoritos
- Alternar entre vista grid y lista
- Modo oscuro/claro con toggle y persistencia en localStorage
Estilo visual
- Diseño limpio, minimalista y profesional tipo SaaS
- Usar shadcn/ui como sistema de componentes
- Tailwind CSS con clases dark: para el modo oscuro
- Tipografía clara, bordes redondeados, sombras suaves
- Responsive para desktop y móvil
- Feedback visual con toasts al copiar, guardar o eliminar
- No incluir datos demo. La app empieza vacía.
Tecnología
React + TypeScript + Vite + Tailwind + shadcn/ui. Persistencia en Lovable Cloud (Supabase). Sin autenticación por ahora.
