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