Individual skill

sky-water-tessellation

0upvotes

鸟群与鱼群交错的黑白版画循环模板。

plugins/_official/examples/motion-sky-water-tessellation/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.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 107,035
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.

ai-design Repository topic
byok Repository topic
design-systems Repository topic
claude-design Repository topic
hermes-agent Repository topic
agent-skills Repository topic
desktop-app Repository topic
figma-alternative Repository topic
prototyping Repository topic
ui-generator Repository topic
engineering Derived category

Files and excerpt

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

Browse files

SKILL.mdcore · 5,517 bytes
assets/Geist-400.ttfasset · 169,056 bytes
assets/Geist-OFL.txtdoc · 4,387 bytes
assets/cover.jpgasset · 106,338 bytes
assets/engraving.jsruns · 183,533 bytes
assets/fish-fine.pngasset · 38,587 bytes
assets/fish-line.pngasset · 29,474 bytes
assets/fish-scale.pngasset · 42,135 bytes
assets/gsap.min.jsruns · 72,214 bytes
example.htmlasset · 8,422 bytes
open-design.jsonasset · 10,230 bytes
references/sound.jsonasset · 113 bytes

Read excerpt


从 `example.html` 开始制作影片，保留本地资源的相对路径。

**Arc:** 版画鸟群拍翼 → 鸟鱼正负形交错 → 鱼群游动；三个空间层同时存在，没有剪切。

| Scene (`CFG.scenes` id) | Dur | Summary | Build | Reuse |
|-|-|-|-|-|
| `tessellation` | 4.266667 s | 上部鸟群飞行，下部鱼群游动，中间形成黑白负形 | 单 canvas；`flight-start` 启动连续位移，`cycle-end` 标记终点；翼面使用余弦拍动，位移线性、起伏正弦 | 读取 `fishLine`、`fishScale`、`fishFine`；保持鸟鱼尺寸和错位排列 |

## 资源
必须携带 `assets/gsap.min.js`、`assets/engraving.js`、`assets/fish-line.png`、`assets/fish-scale.png`、`assets/fish-fine.png`、`assets/Geist-400.ttf`、`assets/Geist-OFL.txt`、`references/sound.json`。`assets/cover.jpg` 是重建画面的封面。音频由任务运行器按原片情况处理；本次 ffprobe 实测原片没有音轨，未创建音频标签。

## Adapting the template
- `tessellation`：可替换三种鱼类图案，必须保持上鸟下鱼、中央正负形和逐层纹理密度变化。时长范围为 3–12 秒，未锁定；新增时间由持续拍翼、水平游动和纵向波动填充，不冻结画面。这里只有图像槽，没有文案，`maxLength` 不适用；新增文案应另加可读的独立区域，超长时缩写，不能缩到不可读。鱼类超过三种时选择最有辨识度的三种；少于三种时复用已有种类，保持空间密度。
- 总时长变化全部由 `tessellation` 吸收。调整 `dur` 与 `CFG.duration`，入口从场景起点计算，结束标记通过 `from: 'end'` 随片尾移动，不缩放局部动画时间。