·explainer-visuals
{}

explainer-visuals

✓
petekp/agent-skillsGitHub: petekp/agent-skillsFuente: petekp/agent-skills

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.

petekp·explainer·visuals
13Instalaciones·0Tendencia·@petekp

Instalación

GitHub: petekp/agent-skills
$npx skills add https://github.com/petekp/agent-skills --skill explainer-visuals

Cómo instalar explainer-visuals

Instala rápidamente el skill de IA explainer-visuals en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/petekp/agent-skills --skill explainer-visuals
  3. Verificar instalación: 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, Cursor u OpenClaw

Fuente: petekp/agent-skills.

SKILL.md

Ver original

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/agent-skills.

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/agent-skills --skill explainer-visuals
Fuente
petekp/agent-skills
Categoría
{}Análisis de Datos
Verificado
✓
Primera vez visto
2026-02-22
Actualizado
2026-03-10
URL
https://www.learn-skills.dev/es/skills/petekp/agent-skills/explainer-visuals

Browse more skills from petekp/agent-skills

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/agent-skills.

¿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/agent-skills --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, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/petekp/agent-skills

Detalles

Categoría
{}Análisis de Datos
Fuente
skills.sh
Primera vez visto
2026-02-22

Skills Relacionados

macos-app-design
151 Instalaciones
typography
110 Instalaciones
unix-macos-engineer
46 Instalaciones
interaction-design
32 Instalaciones
autonomous-agent-readiness
29 Instalaciones
capture-learning
27 Instalaciones