SkillFeeder › 全部 Skill › 设计与视觉 › motion-figure
生成会动的图表：SVG动画、交互式系统图、课程配色的抖动色带。
motion-figure
motion-figure 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 rohitg00/ai-engineering-from-scratch，★ 78,051。生成会动的图表：SVG动画、交互式系统图、课程配色的抖动色带。适合课程作者、技术文档工程师。场景是设计与视觉 · 动效动画。能做的事包括插入带滑块的SVG图表，实时重绘响应读者操作、构建可交互机制图，标注部件并输出计算结论、在页面中嵌入课程主色系的WebGL抖动色带。打开 GitHub 自行安装。
能做什么
- 插入带滑块的SVG图表，实时重绘响应读者操作
- 构建可交互机制图，标注部件并输出计算结论
- 在页面中嵌入课程主色系的WebGL抖动色带
原文简介
Builds figures that move or respond to the reader, in three tiers: SMIL animations and slider widgets inside lessons, interactive mechanism figures that show the named parts of a real system with a computed verdict, and ordered dither bands in the course palette. Triggers: "animated figure", "add a slider widget", "interactive figure", "show how this system works", "make this diagram move", "dithe
同场景推荐
- angular-developer所在仓库 affaan-m/ECC，仓库 ★ 300,014生成高质量 Angular 代码并给出架构级实践建议
- slack-gif-creator所在仓库 anthropics/skills，仓库 ★ 190,432生成符合 Slack 规范的轻量动画 GIF
- 8-bit-orbit-video-template所在仓库 nexu-io/open-design，仓库 ★ 106,772生成高保真8位像素风多场景HTML视频，带高级转场与交互预览
- after-hours-editorial-template所在仓库 nexu-io/open-design，仓库 ★ 106,772生成三页暗黑高级感HTML动态杂志页，带电影级排版与奢华转场。
- animate所在仓库 nexu-io/open-design，仓库 ★ 106,772为现有界面组件添加专业级交互动画，支持缓动、弹簧、中断与退出效果。
- chat-motion-overlay所在仓库 nexu-io/open-design，仓库 ★ 106,772把聊天记录或截图转成带动效的透明视频聊天贴片
- animated-content所在仓库 thedaviddias/Front-End-Checklist，仓库 ★ 74,681将大尺寸动图批量转为轻量视频并自动注入HTML
- animation-performance所在仓库 thedaviddias/Front-End-Checklist，仓库 ★ 74,681用 transform 和 opacity 替换布局属性动画，实现 60fps 流畅渲染