# Excalidraw Diagrams

> Crea diagramas Excalidraw pulidos a partir de descripciones de texto: flowcharts, diagramas de arquitectura, árboles de decisión, flujos de datos. Genera `.excalidraw` con colores consistentes y URL compartible.

Fuente: https://skillsagentes.com/skills/rbrown101010/rileys-skills/excalidraw-diagrams
Markdown: https://skillsagentes.com/skills/rbrown101010/rileys-skills/excalidraw-diagrams.md

Repositorio: https://github.com/rbrown101010/rileys-skills
Autor: rbrown101010
Licencia: no declarada
Actualizado: hace 3 meses
Coste de contexto: 100 tok instalada, 2.5k tok al activarse, 2.6k tok con todos los archivos del bundle
Bundle: 2 archivos, 10 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 rbrown101010/rileys-skills --skill excalidraw-diagrams --agent claude-code
# Cursor
npx -y skills add rbrown101010/rileys-skills --skill excalidraw-diagrams --agent cursor
# Codex
npx -y skills add rbrown101010/rileys-skills --skill excalidraw-diagrams --agent codex
# Gemini CLI
npx -y skills add rbrown101010/rileys-skills --skill excalidraw-diagrams --agent gemini
# Windsurf
npx -y skills add rbrown101010/rileys-skills --skill excalidraw-diagrams --agent windsurf
# Cline
npx -y skills add rbrown101010/rileys-skills --skill excalidraw-diagrams --agent cline
```

## Qué hace

- Convierte descripciones de texto en diagramas Excalidraw usando `excalidraw-cli`
- Genera archivos `.excalidraw` con elementos JSON (rectángulos, flechas, decisiones) y una paleta de colores consistente
- Combina varios diagramas en un único lienzo con paneles en grid cuando se piden múltiples gráficos
- Exporta una imagen de previsualización con Quick Look (`qlmanage`) y una URL compartible de excalidraw.com

## Cuándo usarla

- El usuario pide un flowchart, diagrama de arquitectura, árbol de decisión, flujo de datos o vista general de un sistema
- El usuario dice "dibuja esto", "diagrama esto", "visualiza esto" o "haz un gráfico"
- Se necesita un artefacto Excalidraw editable en vez de una imagen estática

## Cuándo no

- El usuario pide un diagrama de secuencia, Gantt, gráfico circular o de barras (el archivo recomienda Mermaid para eso)

## Qué la activa

- "Diagrama este flujo de arquitectura"
- "Visualiza este proceso de decisión"
- "Hazme un gráfico de este sistema"

## Antes de instalar

- Necesita `excalidraw-cli` en el PATH; en macOS usa `qlmanage` (Quick Look) para generar la vista previa.

## Archivos

- SKILL.md — 10 KB
- agents/openai.yaml — 250 B

## SKILL.md

No se reproduce aquí. Léelo en https://github.com/rbrown101010/rileys-skills/blob/main/excalidraw-diagrams/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: [rbrown101010](https://skillsagentes.com/creators/rbrown101010.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

- [Docimations](https://skillsagentes.com/skills/rbrown101010/rileys-skills/docimations.md): Crea diagramas animados SVG a GIF para Google Docs: flowcharts, diagramas de proceso, líneas de tiempo, árboles de decisión y mapas de contexto listos para insertar en un Doc nativo.
- [Firebase Cli](https://skillsagentes.com/skills/rbrown101010/rileys-skills/firebase-cli.md): Trabaja con Firebase desde la terminal: repara o instala el CLI, autentica, selecciona proyectos, gestiona bases Firestore y Realtime Database, registra apps e imprime la config del SDK.
- [Mobile App](https://skillsagentes.com/skills/rbrown101010/rileys-skills/mobile-app.md): Crea, prototipa, despliega, previsualiza, firma e instala apps móviles. Cubre proyectos móviles con Vibecode CLI, prototipos de diseño local y herramientas integradas de build/firma/instalación para iOS.
- [Notion Full Control](https://skillsagentes.com/skills/rbrown101010/rileys-skills/notion-full-control.md): Acceso directo y completo a la API de Notion fuera del conector integrado: buscar páginas y bases de datos, inspeccionar esquemas, consultar filas, crear o actualizar páginas, añadir bloques y peticiones raw.
- [Chronicle](https://skillsagentes.com/skills/rbrown101010/rileys-skills/chronicle.md): Permite ver la pantalla del usuario y varias horas de historial. Debe usarse para resolver ambigüedad en una petición, o si el usuario pregunta sobre Chronicle o qué se ve en su pantalla.

---

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