explainer-visuals
Cree imágenes explicativas animadas de alta calidad para ensayos y publicaciones de blogs. Úselo cuando el usuario quiera visualizar conceptos, procesos, datos o ideas con animaciones web interactivas. Activadores de solicitudes como "crear una imagen para", "animar este concepto", "hacer una explicación", "visualizar esta idea", "diagramar este proceso", "mostrar estos datos" o cuando el contenido del ensayo se beneficiaría de una explicación visual. Maneja conceptos abstractos (modelos mentales, marcos), procesos técnicos (algoritmos, sistemas) y visualización de datos (tendencias, comparaciones). Genera HTML/CSS/JS autónomo que se incrusta directamente en el contenido web.
Instalación
SKILL.md
Create animated, interactive visuals that make complex ideas intuitive.
Great explainer visuals don't just illustrate—they reveal. They show the structure hidden in complexity, the motion implicit in static descriptions, the relationships that words struggle to convey.
Before creating any visual, conduct a brief discovery interview using AskUserQuestion. Understand not just WHAT to visualize, but WHY this idea needs visual treatment.
Cree imágenes explicativas animadas de alta calidad para ensayos y publicaciones de blogs. Úselo cuando el usuario quiera visualizar conceptos, procesos, datos o ideas con animaciones web interactivas. Activadores de solicitudes como "crear una imagen para", "animar este concepto", "hacer una explicación", "visualizar esta idea", "diagramar este proceso", "mostrar estos datos" o cuando el contenido del ensayo se beneficiaría de una explicación visual. Maneja conceptos abstractos (modelos mentales, marcos), procesos técnicos (algoritmos, sistemas) y visualización de datos (tendencias, comparaciones). Genera HTML/CSS/JS autónomo que se incrusta directamente en el contenido web. Fuente: petekp/claude-code-setup.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/petekp/claude-code-setup --skill explainer-visuals- Fuente
- petekp/claude-code-setup
- Categoría
- {}Análisis de Datos
- Verificado
- —
- Primera vez visto
- 2026-02-11
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es explainer-visuals?
Cree imágenes explicativas animadas de alta calidad para ensayos y publicaciones de blogs. Úselo cuando el usuario quiera visualizar conceptos, procesos, datos o ideas con animaciones web interactivas. Activadores de solicitudes como "crear una imagen para", "animar este concepto", "hacer una explicación", "visualizar esta idea", "diagramar este proceso", "mostrar estos datos" o cuando el contenido del ensayo se beneficiaría de una explicación visual. Maneja conceptos abstractos (modelos mentales, marcos), procesos técnicos (algoritmos, sistemas) y visualización de datos (tendencias, comparaciones). Genera HTML/CSS/JS autónomo que se incrusta directamente en el contenido web. Fuente: petekp/claude-code-setup.
¿Cómo instalo explainer-visuals?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/petekp/claude-code-setup --skill explainer-visuals Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/petekp/claude-code-setup
Detalles
- Categoría
- {}Análisis de Datos
- Fuente
- user
- Primera vez visto
- 2026-02-11