promptgarten 🌱

Referencia de comandos · Claude Code

/dataviz

Ofrece ayuda de diseño para gráficos, diagramas y dashboards.

El skill /dataviz ofrece orientación de diseño al construir diagramas, gráficos y dashboards, sin importar la herramienta usada (artefacto HTML/React, SVG en línea, o código de graficación en Matplotlib, Plotly, D3, Recharts y similares). Claude elige la forma de diagrama adecuada para los datos disponibles, asigna colores según su función, por ejemplo categoría, énfasis o nivel de alerta, y valida la paleta elegida con un script incluido que comprueba la seguridad para daltonismo y un contraste suficiente. Además, el skill aplica reglas de marcadores, interacción, leyendas, etiquetado de ejes y accesibilidad, de modo que los gráficos se vean coherentes entre distintas herramientas. El punto de partida es una paleta de marcador de posición neutral respecto a marca, que debe sustituirse por los colores de marca propios. Como [Skill], /dataviz también puede activarse automáticamente por Claude en cuanto se crea un diagrama en cualquier parte, no solo tras un comando slash explícito. El comando requiere Claude Code desde la versión 2.1.198; no está disponible en versiones anteriores.

¿CUÁNDO USARLO?

Elegir de antemano la forma de diagrama adecuada y una paleta segura para daltonismo antes de construir un dashboard

Invocar /dataviz antes de construir un dashboard de KPI con varios tipos de gráfico.

Comprobar la elección de colores de una visualización existente en cuanto a contraste y seguridad para daltonismo

/dataviz, para validar la asignación de colores de un gráfico ya construido.

¿CUÁNDO MEJOR NO?

Análisis de datos puro sin visualización posterior

/dataviz ayuda con el diseño del diagrama, no con el análisis de datos en sí

Mejor: usar un prompt de análisis normal y recurrir a /dataviz solo cuando los resultados se presenten como gráfico

Claude Code anterior a la versión 2.1.198

el skill requiere como mínimo la versión 2.1.198 y no existe en versiones anteriores

Mejor: actualizar Claude Code o definir manualmente la elección de colores/diagrama

FUENTES

MÁS COMANDOS · Claude Code

/debug/deep-research/design-login/design-sync/desktop/diff/doctor/effort/exit/export/fast/feedback

Todos los comandos · Claude Code

Compartir:𝕏in💬