Skills Agentes

Visualizations

Úsalo cuando alguien pida un visual dibujado a mano, una imagen PNG, un diagrama renderizado o una explicación visual. Genera imágenes PNG, no archivos editables.

Estrellas
34

en todo el repo

Actividad
37

0–100, la ruta de este skill

Actualizado
hace 4 meses

último commit aquí

Commits
0

últimos 90 días

Contexto
3.7k tok

50 tok en reposo

Paquete
1 archivo

14 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add nateherkai/a-bunch-of-skills --skill visualizations --agent claude-code

Se instala solo en este repositorio.

Qué hace

  • Genera diagramas PNG con estética Excalidraw dibujada a mano, siempre en modo oscuro sobre fondo exacto #121212
  • Bloquea el prefijo de estilo: solo cambia la descripción del diagrama en cada petición
  • Elige plantilla de layout entre flujo, hub y radios, jerarquía, comparación, pasos numerados o ciclo
  • Minimiza el texto — título de 5 palabras como máximo, etiquetas de 3, menos de 30 palabras en total
  • Llama a Nano Banana 2 vía kie.ai pasando siempre la imagen de referencia de estilo

Úsalo cuando

  • Alguien pide un visual dibujado a mano, una imagen PNG o un diagrama renderizado
  • Alguien pide una explicación visual o dice "hazme un visual"
  • Hace falta visualizar un concepto o un proceso

No lo uses cuando

  • Se necesita un archivo editable: esto genera imágenes PNG, no fuentes editables

Qué lo activa

Di cualquiera de estas frases y el agente debería cargar este skill.

  • Hazme un visual de este proceso
  • Dibuja un diagrama de cómo funciona esto
  • Necesito una explicación visual de este concepto
  • Visualiza el flujo de datos de la aplicación

Archivos

1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

Antes de instalar

Necesita `KIE_AI_API_KEY` en `.env`, el script `scripts/visualizations/generate-visual.js` y la imagen de referencia `brand-assets/excalidraw-style-reference.png`; la salida es 1K para no pasar de 4 MB.

Necesita en el PATH:node

Detalles

Creador
nateherkai
Categoría
Diseño y UI
Licencia
No especificada
Recursos incluidos
Solo SKILL.md
Código fuente
Ver SKILL.md

Más de nateherkai/a-bunch-of-skills

Este repo incluye 3 skills. Si instalas uno, normalmente ya tienes los demás.

Úsalo para crear una infografía, diseñar un explicador visual o generar imágenes de infografía. Produce infografías PNG con marca usando KIE AI.

Costo de contexto al activarse
1.2k tok
Tamaño del paquete
2 archivos
Última actualización
hace 4 meses
diseno ui

Úsalo al crear skills nuevos, optimizar los que ya tienes o auditar su calidad. Guía el desarrollo siguiendo las buenas prácticas oficiales de Claude Code.

Costo de contexto al activarse
2.6k tok
Tamaño del paquete
2 archivos
Última actualización
hace 4 meses
herramientas desarrollo

Skills relacionados

Crea arte algorítmico con p5.js, aleatoriedad con semilla y exploración interactiva de parámetros. Úsalo cuando pidan arte por código, arte generativo, flow fields o sistemas de partículas.

Costo de contexto al activarse
4.9k tok
Tamaño del paquete
4 archivos
Última actualización
hace 4 meses
Oficialdiseno ui

Aplica los colores y la tipografía oficiales de la marca Anthropic a cualquier artefacto que pueda beneficiarse de su look-and-feel. Úsalo cuando apliquen colores de marca o estándares de diseño.

Costo de contexto al activarse
559 tok
Tamaño del paquete
2 archivos
Última actualización
hace 4 meses
Oficialdiseno ui

Crea arte visual en documentos .png y .pdf partiendo de una filosofía de diseño. Úsalo cuando pidan un póster, una pieza de arte, un diseño u otra pieza estática.

Costo de contexto al activarse
3k tok
Tamaño del paquete
83 archivos
Última actualización
hace 4 meses
Oficialdiseno ui