Individual skill
mind-clarity-journey
清晰心智主题的黑红剪影动效模板。
plugins/_official/examples/motion-mind-clarity-journey/SKILL.md
Source commit e7a18df64d0e5e1161903e93bb5a302229dbeb96
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 5, 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)
- 106,554
- Repository last updated
- Nov 8, 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 · 7,301 bytesassets/arimo-400.ttfasset · 321,444 bytesassets/arimo-700.ttfasset · 322,036 bytesassets/arimo-OFL.txtdoc · 4,384 bytesassets/cover.jpgasset · 153,515 bytesassets/gsap.min.jsruns · 72,214 bytesassets/portal-art.pngasset · 73,477 bytesassets/soundtrack.mp3asset · 250,285 bytesexample.htmlasset · 24,253 bytesopen-design.jsonasset · 16,114 bytesreferences/sound.jsonasset · 727 bytes
Read excerpt
以 `example.html` 为影片起点;保留单 canvas 与 GSAP 主时钟,按 `CFG` 调整内容。
**Arc:** 清晰 → 成长 → 专注 → 想法 → 出发
| 场景(CFG.scenes id) | 时长 | 画面与含义 | 实现 | 复用 |
|---|---|---|---|---|
| `clarity` | 2.25 s | 头脑敞开,太阳升起再缩为水滴 | canvas 路径与射线,`sun-rise`、`mind-reveal`、`sun-sink` | 三个开场文字变量;保留升起与内收 |
| `growth` | 2.083333 s | 手臂举壶,头顶生出红色枝叶 | `water-pour`、`plant-grow`、`water-stop`;宽高联动生长、顶叶倾斜与循环水滴 | 无产品列表;保留浇灌因果 |
| `focus` | 2.166667 s | 手中火柴点燃,出现专注燃料文案 | `match-light`、`focus-reveal`、`fuel-reveal`;点火轮廓依次变形,随后轻微弯曲 | `focusLine`、`fuelLine` |
| `ideas` | 2.458333 s | 几何想法升起并落入头脑 | `ideas-rise`、`ideas-fall`;漂浮、收窄与分阶段碎裂 | 保留抽象形状的视觉节奏 |
| `doorway` | 1.397767 s | 人走向打开的红色门 | `door-open`、`journey-end`;门的透视与步态 | `portalArt` 为可替换图像 |
## 文件
复制 `example.html`、`assets/gsap.min.js`、`assets/arimo-400.ttf`、`assets/arimo-700.ttf`、`assets/arimo-OFL.txt`、`assets/portal-art.png`、`references/sound.json`,保持相对路径。封面为 `assets/cover.jpg`。`assets/soundtrack.mp3` 由运行器添加。所有字体和脚本均本地加载。