
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Una consola de administración completa en un único archivo HTML autónomo que funciona sin conexión: tres tableros, tablas de tareas y miembros, seis secciones de ajustes, páginas para desarrolladores, pantallas de autenticación y páginas de error
- Tableros con cuatro KPI cada uno, gráficos con tooltips al pasar el cursor y con teclado, y rangos 7D, 30D, 90D y 12M alimentados por una única serie de datos con semilla, para que todas las cifras sean coherentes
- Tablas con búsqueda, filtros por facetas, ordenación, paginación, acciones masivas con Deshacer y paneles de detalle con enlace directo; si lo pides, una adaptación a Next.js, React, Vue, Svelte o Astro
Ideal para
- Equipos de operaciones que necesitan una consola interna para pedidos, tickets, reservas o suscripciones sin diseñarla desde cero
- Fundadores y equipos de producto que preparan una demo realista de back-office o un prototipo de herramienta interna
- Desarrolladores que quieren una estructura coherente para cambiarle la marca ahora y conectarla después, tabla a tabla, a su propia API
No es para
- Quien espere un backend: cada pantalla funciona con datos de ejemplo locales, sin base de datos, proveedor de autenticación ni API incluidos
- Sitios de marketing o tiendas orientados al cliente
- Equipos que necesitan un producto gestionado con CMS o multilingüe de serie
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear página webGenerar plantilla webCrear dashboard de administraciónEstilo fijadoResultado editableEntrega rápidaTablas densas de datosParidad claro/oscuroEstructura con barra lateralNeutro pizarraCuadrícula de tarjetas de métricasSuperficie admin neutra
Acerca de esta Skill

Dile qué gestiona tu equipo y recibe una consola de administración serena en tonos pizarra con tableros reales, tablas que funcionan y páginas diseñadas de ajustes, desarrolladores, inicio de sesión y error. Llega como un único archivo autónomo que se abre en cualquier navegador y funciona sin conexión.

Lo que obtienes
- Una estructura con barra lateral, selector de espacio de trabajo, paleta de comandos, notificaciones y una barra de pestañas para móvil
- Tableros Overview, Revenue y Operations cuyas cifras y gráficos se actualizan a la vez al cambiar el rango de fechas
- Tablas con búsqueda, filtros por facetas, ordenación, paginación, acciones masivas con Deshacer y paneles de detalle
- Seis secciones de ajustes, API keys, webhooks, un registro de actividad, inicio de sesión, registro, restablecimiento y cinco páginas de error
- Temas claro y oscuro completos; si lo pides, la misma consola construida con tu propio stack

Cómo usarlo
- Indica tu empresa, qué gestiona el equipo, las cuatro cifras con las que debe abrir cada tablero y los objetos que contienen tus tablas
- Cambia la marca de la estructura y llena cada tablero y tabla con datos creíbles usando tus propios términos, IDs y moneda, y enumera lo que haya redactado
- Abre el archivo terminado en tu navegador, recorre una tabla de principio a fin y pide nuevas vistas o pantallas renombradas con tus propias palabras

Los retratos del equipo son las únicas fotos; generar un set nuevo con la herramienta de imagen de tu agente puede tener costos de uso de esa herramienta, o se usan iniciales en su lugar.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre de la empresa y del producto, y qué gestiona el equipo (pedidos, tickets, reservas o suscripciones) · Las cuatro cifras principales de cada tablero, los objetos de las tablas con sus estados, y los equipos y roles · Opcional: logo, retratos del equipo y las integraciones que usas
- 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 un nuevo set de retratos del equipo
- Costos externos
- Solo los retratos del equipo son fotos. Generar un set nuevo con la propia herramienta de imagen de tu agente puede tener costos de uso de esa herramienta; si no, pueden usarse los nueve retratos ficticios incluidos, o todos usan iniciales.
- Última prueba
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









