Menu

Individual skill

motion-opus-design-lab

0upvotes

Not available

plugins/_official/examples/motion-opus-design-lab/SKILL.md

Read pinned source

Source commit e7a18df64d0e5e1161903e93bb5a302229dbeb96

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
No
Observed behavior
Network or broad shell
Last checked
Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

Standard SKILL.md format has not been attested at this commit. No installation command is available; inspect the source.

Repository context

Repository stars (not skill ratings)
106,940
Repository last updated
Nov 10, 2026
License
Apache-2.0

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Declared tags are partial or unavailable.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt
# Opus Motion Design Lab

从 `example.html` 开始制作影片。它是一段 15.125 秒的浏览器工作台式动效实验室：上方是演示舞台，中间的像素向导指向当前控制项，下方是始终可见的六格代码面板。

**Arc:** spacing → typography → motion blur → easing → follow-through → anticipation → final delivery

| Scene (`CFG.scenes` id) | Dur | Summary | Build | Reuse |
|-|-|-|-|-|
| `spacing` | 1.967 s | 蓝球沿弧线弹跳，残影解释动作间距 | canvas 弹道与轮廓残影；`ball-release` 触发起跳 | 可替换 `accent`；保留带残影的弹跳教学机制 |
| `typography` | 1.800 s | 巨型「I MAKE THINGS / MOVE.」错落组装 | canvas 活字逐字进入；`words-stack` 与 `type-out` 控制进退场 | 可替换 `heroCopy`；保留上下两级尺度和蓝色句点 |
| `motion-blur` | 1.800 s | 黑底依次演示 STRETCH、SPIN、SNAP | canvas 拉伸残影、旋转和挤压；`stretch-hit` 触发第一击 | 可换主色；三个动作词和连续变形是签名 |
| `easing` | 2.900 s | 线性图变成 ease-in-out，方块沿轨道推进 | canvas 曲线、游标与卡片列；`linear-mark` 标记比较 | 可换双色；保留图表与实体方块的对应关系 |
| `follow-through` | 2.733 s | 蓝色主体在点阵中绕行并拖出红蓝尾迹 | canvas 粒子链按时间采样；`trail-turn` 标记转弯 | 可换双色；保留延迟尾迹与点阵空间 |
| `anticipation` | 1.967 s | 环形仪表从 0% 蓄力到 100% | canvas 同心圆、刻度与充能弧；`gauge-fill` 开始充能 | 可换主色；保留由跟随轨迹变成仪表的观感 |
| `final-delivery` | 1.958 s | 「MOTION DESIGNER / CLAUDE.」锁定收尾 | canvas 两级标题与蓝色句点；`name-build` 触发排版 | 可替换 `designerRole`、`designerName`；保留上下堆叠和句点 |
Back to top