# lovisdotio/motion2code

- 原标题：lovisdotio/motion2code
- 类型：项目
- 来源：GitHub
- 发布时间：2026-10-20
- 首次精选：2026-10-26 16:26
- 分级：值得看
- 学习层级：进阶
- 主题：[creative-coding-design](<https://oplearnx.com/md/topics/creative-coding-design.md>)（第 16 位）、[agent-skills-management](<https://oplearnx.com/md/topics/agent-skills-management.md>)（第 25 位）
- 原文链接：[https://github.com/lovisdotio/motion2code](<https://github.com/lovisdotio/motion2code>)
- 本站页面：[https://oplearnx.com/resources/pk\_a60ffb9fb16a](<https://oplearnx.com/resources/pk_a60ffb9fb16a>)

## 摘要

这是一个面向编码智能体的技能（skill）仓库，教智能体把动效设计视频重建为内联 SVG 形状加单一 GSAP 时间线的可编辑代码，可逐帧定位、无缝循环，并与原始视频并排比对。对于网站和应用的屏幕录制，它进一步用 GSAP ScrollTrigger 构建可交互的真实页面。仓库说明其兼容 Claude Code、Codex、Cursor、Copilot、Gemini 等工具，并提供多个示例页面及其体积、时长说明。

## 热度

- 档位：有热度
- 7 天新增 star：+53
- 30 天新增 star：暂无数据
- Hacker News：没有
- 社区讨论：0 帖

## 项目信息

- 语言：HTML
- 许可：MIT
- 最近提交：2026-10-20
- Star：312
- Fork：32

## 上手方式

```bash
claude plugin marketplace add lovisdotio/motion2code
```

摘自 [README](<https://github.com/lovisdotio/motion2code/blob/main/README.md>)

---
来源：LearnMap · 学径（https://oplearnx.com）