# Infographic Builder

> Ú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.

Fuente: https://skillsagentes.com/skills/nateherkai/a-bunch-of-skills/infographic-builder
Markdown: https://skillsagentes.com/skills/nateherkai/a-bunch-of-skills/infographic-builder.md

Repositorio: https://github.com/nateherkai/a-bunch-of-skills
Autor: nateherkai
Licencia: no declarada
Actualizado: hace 4 meses
Coste de contexto: 45 tok instalada, 1.2k tok al activarse, 2k tok con todos los archivos del bundle
Bundle: 2 archivos, 8 KB
Permisos que pide: ninguno declarado

## Instalación

Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina.

```bash
# Claude Code
npx -y skills add nateherkai/a-bunch-of-skills --skill infographic-builder --agent claude-code
# Cursor
npx -y skills add nateherkai/a-bunch-of-skills --skill infographic-builder --agent cursor
# Codex
npx -y skills add nateherkai/a-bunch-of-skills --skill infographic-builder --agent codex
# Gemini CLI
npx -y skills add nateherkai/a-bunch-of-skills --skill infographic-builder --agent gemini
# Windsurf
npx -y skills add nateherkai/a-bunch-of-skills --skill infographic-builder --agent windsurf
# Cline
npx -y skills add nateherkai/a-bunch-of-skills --skill infographic-builder --agent cline
```

## Qué hace

- Genera infografías educativas en PNG con el modelo nano banana pro de KIE AI
- Aplica siempre las guías de marca AIS: fondo oscuro, paleta azul/teal, tipografía Montserrat y texto mínimo
- Compone el logo AIS en la esquina superior izquierda con `overlay_logo.py`, en lugar de pedírselo al modelo
- Guarda el resultado en `projects/infographic-builder/<topic-slug>.png` y conserva el PNG base sin logo

## Cuándo usarla

- Crear una infografía o un explicador visual
- Hacer una infografía educativa sobre un tema
- Generar imágenes de infografía con marca

## Cuándo no

- Contenido NSFW: todos los prompts deben ser educativos y apropiados

## Qué la activa

- "Hazme una infografía sobre cómo funciona el DNS"
- "Necesito un explicador visual de este proceso"
- "Genera una infografía educativa sobre machine learning"

## Antes de instalar

- Necesita `KIE_API_KEY` en `.env`, los archivos de marca en `brand-assets/` y Pillow para el script de composición del logo; cuesta unos $0,09 por imagen a 2K.
- Necesita en el PATH: curl, python
- Variables de entorno: KIE_API_KEY
- makes network requests
- needs API credentials

## Archivos

- SKILL.md — 5 KB
- reference.md — 3 KB

## SKILL.md

No se reproduce aquí. Léelo en https://github.com/nateherkai/a-bunch-of-skills/blob/master/.claude/skills/infographic-builder/SKILL.md

## Dónde encaja

- Categoría: [Diseño y UI](https://skillsagentes.com/categorias/diseno-ui.md) — Sistemas de diseño, trabajo con componentes y acabado visual.
- Creador: [nateherkai](https://skillsagentes.com/creators/nateherkai.md) — 0 skills en el directorio
- [Todas las skills](https://skillsagentes.com/skills.md)
- [Ranking de instalaciones](https://skillsagentes.com/ranking.md)

## Otras skills del mismo repositorio

- [Visualizations](https://skillsagentes.com/skills/nateherkai/a-bunch-of-skills/visualizations.md): Ú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.
- [Skill Builder](https://skillsagentes.com/skills/nateherkai/a-bunch-of-skills/skill-builder.md): Ú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.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)