Guía de lectura localizada
build-dashboardFinalidad, uso y origen
Crea un panel de control HTML interactivo con gráficos, filtros y tablas. Úsalo para crear una visión general ejecutiva con tarjetas de KPI, convertir los resultados de una consulta en un informe autocontenido y compartible, crear una instantánea de monitorización de equipo o cuando necesites varios gráficos con filtros en un único archivo que se pueda abrir en el navegador.
Fuente recuperada:
- Repositorio de origen
- anthropics/knowledge-work-plugins
- SKILL.md
data/skills/build-dashboard/SKILL.md- Estrellas del repositorio
- 34,049
- Actualización del repositorio
- 2026-10-30
- Clasificación de habilidades
- Datos
- Última recopilación
Licencia: Documentos de licencia pendientes de verificación
Los extractos del flujo de trabajo son guías de lectura, no instrucciones ejecutables de Codez. No se utilizó ninguna habilidad de terceros para generar esta página.
Los siguientes fragmentos sobre el propósito y el flujo de trabajo son material preliminar, organizado y traducido para su lectura. Son distintos del análisis editorial de Codez, que se presenta por separado.
Lo que hace esta habilidad
Crea un panel de control HTML interactivo con gráficos, filtros y tablas. Úsalo para crear una visión general ejecutiva con tarjetas de KPI, convertir los resultados de una consulta en un informe autocontenido y compartible, crear una instantánea de monitorización de equipo o cuando necesites varios gráficos con filtros en un único archivo que se pueda abrir en el navegador.
Cómo funciona el flujo de trabajo ascendente
/build-dashboard - Crea paneles interactivos
> Si ve marcadores de posición desconocidos o necesita comprobar qué herramientas están conectadas, consulteCONNECTORS.mdCrea un panel de control HTML interactivo e independiente con gráficos, filtros, tablas y un diseño profesional. Se abre directamente en el navegador, sin necesidad de servidor ni dependencias.
Paso río arriba · L7 ↗2Recopilar los datos
Si el almacén de datos está conectado: Consulte los datos necesarios.
Paso río arriba · L31 ↗3Diseñar el diseño del panel de control
Siga un patrón de diseño de panel estándar: Adapte el diseño al contenido:
Paso río arriba · L46 ↗/build-dashboard <description of dashboard> [data source]Requisitos y configuración
1. Comprenda los requisitos del panel de control
Propósito: Visión general para ejecutivos, monitoreo operativo, análisis en profundidad, informes de equipo. Audiencia: ¿Quién utilizará este panel de control?
Paso río arriba · L21 ↗Límites y controles de calidad
No se seleccionó ningún pasaje con límites específicos en este archivo. Esto no significa que la habilidad sea segura para cualquier entrada o entorno. Revise el código fuente completo y valide su propio resultado.
Comience con una prueba segura.
- Verifique el host compatible y las instrucciones de instalación del repositorio. Mantenga juntos el directorio Skill y sus scripts, recursos y documentación a los que hace referencia;SKILL.mdsolo puede omitir dependencias.
- Proporcione al agente sus datos reales, el resultado deseado y los criterios de aceptación. La sintaxis de invocación y las herramientas disponibles dependen del sistema anfitrión; este sitio no presupone un comando de instalación universal.
- Pruebe el flujo de trabajo original en un proyecto desechable o en una copia. Revise las operaciones que modifican archivos, servicios remotos o recursos facturables antes de autorizarlas.
- Valide el resultado comparándolo con los controles de calidad de origen y sus propios requisitos. Un activador exitoso o un alto número de estrellas en el repositorio no garantizan un resultado correcto.
Lea más en la fuente
- /build-dashboard - Crea paneles interactivos
- 1. Comprenda los requisitos del panel de control
- 2Recopilar los datos
- 3Diseñar el diseño del panel de control
- 4Construye el panel de control HTML
- 5Implementar tipos de gráficos
- 6. Agregar interactividad
- 7Guardar y abrir
- Plantilla base
- Patrón de preagregación
- Rendimiento en gráficos
- Rendimiento del DOM
- Consejos
Habilidades relacionadas
Traducción y alcance
Esta guía de lectura selecciona pasajes de la sección fijada en la parte superior.SKILL.mdLa traducción es asistida. No se trata de un manual completo ni garantiza la compatibilidad. Lea el original y los archivos a los que hace referencia antes de usarlo.
Esta introducción hace referencia a la versión fijada a continuación; la actividad actual del repositorio y la hora de recopilación se muestran por separado.
- Fuente fijada
- Lee el original ↗
- Fuente recuperada
- Confirmación de origen
2574e29377c7173d0cecffef29a6ecbd7f8ccb5d- Fuente SHA-256
6f23faa0b266820a23096f76df9d83e6b67597af4fc8c3306b4eba7e9f409f99