SkillFeeder › 全部 Skill › 设计与视觉 › motion-figure
生成带动画、滑块或交互逻辑的动态图表，让技术概念活起来。
motion-figure
motion-figure 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 fancyboi999/ai-engineering-from-scratch-zh，★ 1,322。生成带动画、滑块或交互逻辑的动态图表，让技术概念活起来。适合课程作者与技术讲师。场景是设计与视觉 · 视觉海报。能做的事包括用SMIL或SVG滑块做课程内时间轴动效、构建可操作控件并实时计算的机制图、渲染课程配色的WebGL抖色页头条带。打开 GitHub 自行安装。
能做什么
- 用SMIL或SVG滑块做课程内时间轴动效
- 构建可操作控件并实时计算的机制图
- 渲染课程配色的WebGL抖色页头条带
原文简介
制作会运动或响应读者的图表：课程内的 SMIL 动画与滑块组件、展示真实系统部件并计算结论的交互机制图， 以及课程配色的有序抖色条带。触发短语：“动画图”“添加滑块”“交互图”“展示系统如何工作” “让图动起来”“抖色页头”“机制图”“figure 围栏”。
同场景推荐
- brand-guidelines所在仓库 anthropics/skills，仓库 ★ 191,002自动为任意内容应用 Anthropic 官方品牌色与字体
- canvas-design所在仓库 anthropics/skills，仓库 ★ 191,002生成原创海报、艺术画作和设计稿，输出 PNG 和 PDF 文件。
- theme-factory所在仓库 anthropics/skills，仓库 ★ 191,002一键为幻灯片、文档、HTML等应用专业配色与字体主题
- algorithmic-art所在仓库 nexu-io/open-design，仓库 ★ 106,844用种子随机数生成可复现的p5.js算法艺术图
- brand-guidelines所在仓库 nexu-io/open-design，仓库 ★ 106,844用 Anthropic 官方品牌色与字体统一设计稿视觉风格
- brandkit所在仓库 nexu-io/open-design，仓库 ★ 106,844生成高端品牌指南图板、Logo系统与视觉世界呈现图
- canvas-design所在仓库 nexu-io/open-design，仓库 ★ 106,844生成符合设计美学的海报、插画等静态PNG和PDF图像
- color-expert所在仓库 nexu-io/open-design，仓库 ★ 106,844生成可访问、历史考据扎实的 OKLCH 调色板与配色方案