---
name: longxia-motion56-study
description: 学习和调用龙虾大学 56 项代码动效研习库；按编号或用途查找固定来源、下载完整源码、在本地复现并改编网页或动态视觉。53 项原公开演示与 3 项重建明确区分。
---

# 56 项代码动效研习

在线课程与下载：https://openenergy.top/university/motion56
效果库：https://openenergy.top/motion56/replica/
机器索引：https://openenergy.top/motion56/learning/v1/manifest.json

## 选择与调用

1. 问清用途、真实内容与目标设备。运行 `python3 scripts/select.py --query 卡片`，或 `--id 34`。结果给出效果编号、演示、配方、固定提交源码。一次只选 1–3 项。
2. 读取对应 recipe（本包 `references/recipes/` 下路径见 select 输出）。53 项执行公开源码；54–56 是依据参考重建，不声称原版源码或逐帧一致。不要使用早期的 56 项简化原理图替代本库。
3. 用户需要实际实现时，从课程页下载完整技术包，核对 manifest 中的 SHA-256，再解压到独立目录。先读包内 README.md。首次需要 Node 22.12+ 或 24 LTS、npm 与网络。`cd app && npm ci && npm run build && npm exec -- vite preview --host 127.0.0.1 --port 4173`，打开 `http://127.0.0.1:4173/motion56/replica/`。不要直接 file:// 打开。
4. 先复现原效果，再复制单项改品牌、文字、图片。Shotcraft 01–26 入口 `app/shot.tsx` 与 `shots.json`；27–38 在 `app/engines/mg`；39–56 在 `app/public/engines`。不要重跑历史导入脚本。
5. 用真实页面验证：正常/减少动态、桌面/手机、暂停/重播/切换、路由离开清理；装饰不挡点击，动画不冒充真实进度。单页少量主效果，不把 56 种同时装进业务页面。
6. 交付改编代码、预览、验证记录与来源，说明哪些是复现、哪些是改编。下载素材不是所有品牌、人物、字体的通用商业授权；保留 `public/licenses` 与 NOTICE，商用时替换示例品牌与作品素材。

读取 `references/practice.md` 做从复现到作品的练习。本 Skill 只指导本地读取、运行和改编，不自动发布网站或发消息。