为论文和博客文章创建高质量的动画解释视觉效果。当用户想要通过交互式 Web 动画可视化概念、流程、数据或想法时使用。触发诸如“创建视觉效果”、“动画化这个概念”、“制作解释器”、“可视化这个想法”、“用图表表示这个过程”、“显示这个数据”等请求，或者当论文内容受益于视觉解释时。处理抽象概念（心理模型、框架）、技术流程（算法、系统）和数据可视化（趋势、比较）。输出直接嵌入网页内容的独立 HTML/CSS/JS。
通过命令行快速安装 explainer-visuals AI 技能到你的开发环境
来源：petekp/agent-skills。
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.
为论文和博客文章创建高质量的动画解释视觉效果。当用户想要通过交互式 Web 动画可视化概念、流程、数据或想法时使用。触发诸如“创建视觉效果”、“动画化这个概念”、“制作解释器”、“可视化这个想法”、“用图表表示这个过程”、“显示这个数据”等请求，或者当论文内容受益于视觉解释时。处理抽象概念（心理模型、框架）、技术流程（算法、系统）和数据可视化（趋势、比较）。输出直接嵌入网页内容的独立 HTML/CSS/JS。 来源：petekp/agent-skills。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/petekp/agent-skills --skill explainer-visuals为论文和博客文章创建高质量的动画解释视觉效果。当用户想要通过交互式 Web 动画可视化概念、流程、数据或想法时使用。触发诸如“创建视觉效果”、“动画化这个概念”、“制作解释器”、“可视化这个想法”、“用图表表示这个过程”、“显示这个数据”等请求，或者当论文内容受益于视觉解释时。处理抽象概念（心理模型、框架）、技术流程（算法、系统）和数据可视化（趋势、比较）。输出直接嵌入网页内容的独立 HTML/CSS/JS。 来源：petekp/agent-skills。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/petekp/agent-skills --skill explainer-visuals 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/petekp/agent-skills