SkillarioVisual Explainer
En vez de dibujos con rayas y guiones en la terminal, tu agente te explica sistemas, cambios de código y planes con una página web: diagramas que se animan paso a paso, tablas y comparativas.
Instalación
$ En Claude Code: /plugin marketplace add nicobailon/visual-explainer y /plugin install visual-explainer@visual-explainer-marketplace
Revisada: instálala con precaución
Los avisos de «acceso a credenciales» son en realidad lo contrario: kit/files.mjs tiene una lista de archivos secretos (.env, .netrc, .git-credentials…) que se niega a leer, y solo lee archivos dentro de tu proyecto. «--no-check» es una opción para saltarse su propio linter, y el aviso de «tool poisoning» salta con una librería incluida que maneja descripciones de parámetros. Lo real: ejecuta scripts de Node en tu ordenador, las páginas cargan fuentes de Google y librerías de un CDN, y las funciones opcionales de vídeo y voz usan servicios de pago (fal.ai, xAI) con tus claves.
Ver los avisos del escáner
- Incomplete referenced artifact analysis (high) en
SKILL.md:59: «references/machines.md (partial)» - Credential Access (high) en
kit/files.mjs:6: «.git-credentials» - Credential Access (high) en
kit/files.mjs:6: «.netrc» - Credential Access (high) en
kit/files.mjs:6: «.npmrc» - Credential Access (high) en
kit/files.mjs:19: «.env » - Tool Parameter Abuse (high) en
kit/render.mjs:236: «--no-check» - YARA rule 'agent_skill_mcp_tool_poisoning_metadata': MCP/tool metadata poisoning indicator (high) en
kit/vendor/pele.mjs:40: «description=; parameters=; parameters=; description:; description=; description:; description=; description=; description=; description=; description:; descript» - Skill declares no tool scope ('permissions' or 'allowed-tools') but code capabilities were (medium) en
SKILL.md:1: «Skill declares no tool scope ('permissions' or 'allowed-tools') but code capabilities were detected: env, shell.» - Session Persistence (medium) en
SKILL.md:17: «Write the source `~/.agent» - MCP server referenced without pinned version: 'npx -y -p visual-explainer'. (medium) en
SKILL.md:84: «npx -y -p visual-explainer» - Session Persistence (medium) en
extension.ts:456: «Write the page as <name>.src.html in ~/.agent» - MCP server referenced without pinned version: 'npx playwright-core'. (medium) en
kit/look.mjs:34: «npx playwright-core» - Unsafe Defaults (medium) en
mcp/README.md:10: «world-writable» - Session Persistence (medium) en
references/video.md:60: «Write the deck to `~/.agent» - External Transmission (medium) en
references/video.md:68: «https://api.elevenlabs.io/» - External Transmission (medium) en
references/video.md:70: «https://api.openai.com/» - External Transmission (medium) en
references/video.md:71: «https://api.x.ai/» - Scope Creep (low) en
kit/vendor/PELE-LICENSE:16: «NOT LIMITED TO»
Un escáner automático no garantiza que Visual Explainer sea segura. Lee su código antes de instalarla, sobre todo si ejecuta scripts o pide permisos.
¿Para qué sirve?
- Entender cómo funciona un sistema o un proyecto con un diagrama que se reproduce paso a paso
- Revisar los cambios de código o un plan con una página visual en vez de un muro de texto
- Convertir una explicación en diapositivas o en un vídeo
Preguntas sobre Visual Explainer
¿Qué hace Visual Explainer?
En vez de dibujos con rayas y guiones en la terminal, tu agente te explica sistemas, cambios de código y planes con una página web: diagramas que se animan paso a paso, tablas y comparativas.
¿Cómo se instala Visual Explainer?
Copia y ejecuta en tu terminal: En Claude Code: /plugin marketplace add nicobailon/visual-explainer y /plugin install visual-explainer@visual-explainer-marketplace. Después pídeselo a Claude con normalidad.
¿Visual Explainer es gratis?
Sí. Es un proyecto de código abierto de Nico Bailon (nicobailon) con licencia MIT. Solo necesitas tu propio plan de Claude.
Skillario no es el autor de esta skill. La ficha resume su funcionamiento; el proyecto pertenece a Nico Bailon (nicobailon). Revisa su README antes de instalarla.
Skills relacionadas
Agent Rules Books
Reglas para tu IA inspiradas en 14 libros clásicos de programación (Clean Code, Refactoring, DDD…), como skills o AGENTS.md.
Ver ficha →Superpowers
Convierte a Claude en un equipo disciplinado: diseño, plan, TDD, revisión de código y cierre de rama en un único flujo.
Ver ficha →Webapp Testing (oficial de Anthropic)
Claude prueba tu web local con Playwright: navega, hace capturas, lee los logs del navegador y comprueba que el frontend funciona.
Ver ficha →Ponytail
Haz que tu agente piense como el senior más vago: solo escribe el código imprescindible, sin recortar en seguridad ni en tests.
Ver ficha →