Consola de administración Slatev1.0.4
Usa esta Skill para crear página web.
Popular
5.0163 descargas8 me gusta5 guardados
Gratis
Crea una consola de administración SaaS de nivel producto con un estilo sereno, casi monocromo, en el que el color se reserva para datos y estados. Una barra lateral estrecha de dos grupos sin enlaces muertos acompaña a una cabecera con paleta de comandos, modos claro y oscuro y dos presets de tema. Siete vistas funcionales cubren resumen, analítica, finanzas, clientes, un roadmap con arrastrar y soltar, un calendario mensual y ajustes. El producto de ejemplo es Corvane, y el resultado por defecto es un único archivo autónomo que se abre sin conexión.
Elegida con más frecuencia por
Actualizada el 3 oct 2026
Galería de vista previa
Skills similares
Ver todas las Skills
Lo que obtienes
- Una consola de ejemplo terminada para Corvane, un SaaS ficticio de analítica de espacios de trabajo: siete vistas, 48 cuentas de clientes, un roadmap de cuatro columnas, un calendario y ajustes.
- Interacciones reales: paleta con Ctrl/Cmd K, rangos de fechas que actualizan KPI y gráficos, tablas ordenables con filtros, acciones en bloque y deshacer, panel de registro, cuadros de diálogo y tarjetas arrastrables.
- Tu consola como un único archivo sin conexión con Geist y Geist Mono incrustadas y ocho retratos de equipo provisionales, más la guía de estilo, la biblioteca de vistas y la lista de comprobación que sigue tu agente.
Ideal para
- Fundadores y product managers que necesitan una consola de administración o de back-office creíble para una demo, una especificación o una presentación a inversores.
- Desarrolladores que quieren una base de consola con tokens coherentes, como un único archivo o en su propio stack.
- Equipos hartos de barras laterales sobrecargadas que quieren dos grupos, de cinco a ocho elementos y todos funcionando.
No es para
- Backends de producción: cada vista funciona con datos de ejemplo dentro del archivo, sin API, autenticación ni base de datos.
- Sitios de marketing o landing pages; es la estructura de una app, no una página promocional.
- Sistemas de marca propios que sustituyan el aspecto; el estilo casi monocromo es fijo, con los presets slate y tangerine.
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear página webCrear dashboard de administraciónEstilo fijadoResultado editableEntrega rápidaMinimalistaDenso en datosNeutro monocromoGramática de consola
Acerca de esta Skill
Crea una consola de administración que un equipo podría adoptar tal cual: una estructura serena y casi monocroma en la que el color se reserva para los datos, una barra lateral estrecha en la que cada elemento abre una vista real, y gráficos y tablas que responden. El ejemplo es Corvane, un producto ficticio de analítica de espacios de trabajo.
Lo que obtienes
- Siete vistas: resumen, analítica, finanzas, clientes, roadmap, calendario y ajustes
- Una barra lateral de dos grupos con todos los elementos enrutados, una paleta de comandos con Ctrl o Cmd K, y modos claro y oscuro en slate o tangerine
- Tablas con ordenación, filtros, búsqueda, paginación, acciones en bloque y deshacer, además de un panel de registro y cuadros de diálogo
- Un roadmap con arrastrar y soltar, un calendario mensual con agenda y formularios de ajustes que guardan
- Un único archivo con fuentes y retratos incrustados que se abre sin conexión en cualquier navegador
Cómo usarlo
- Comparte el nombre de tu producto, las cuatro métricas que vigilas, tu equipo y lo que contienen tus tablas, tarjetas y eventos.
- Tu agente sustituye cada cifra, fila y evento, mantiene corta la barra lateral y revisa cada vista en ambos modos.
- Abre el archivo, prueba la paleta, arrastra una tarjeta y pide cambios con tus propias palabras.
Las acciones que un único archivo no puede realizar, como exportar o cerrar sesión, muestran un aviso claro en lugar de fingir.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del producto y las cuatro métricas de resumen que importan · Tu equipo (de cuatro a ocho personas) y lo que contienen tus tablas, tarjetas del tablero y eventos del calendario · Opcional: cifras reales, moneda y fotos del equipo; si no, se redactan datos de ejemplo por ti
- Dependencias
- Node.js 18 o superior en la máquina de tu agente, para ejecutar el script incluido que genera el archivo único sin conexión · Acceso a internet mientras se genera el archivo, para descargar las fuentes una vez e incrustarlas · Opcional: una herramienta de generación de imágenes en tu agente para una nueva serie de retratos del equipo (los retratos incluidos pueden usarse provisionalmente)
- Costos externos
- Los retratos del equipo pueden reutilizar sin costo los ocho provisionales incluidos. Generar una nueva serie de retratos con la herramienta de imagen de tu agente puede generar los costos de uso de esa herramienta.
- Última prueba
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…