Individual skill
prompt-motion-gallery
Prompt Motion 网页作品浏览与形态变换演示。
plugins/_official/examples/motion-prompt-motion-gallery/SKILL.md
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,203
- Repository last updated
- Nov 11, 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 · 10,927 bytesassets/album.pngasset · 15,294 bytesassets/avatar-LexnLin.pngasset · 1,169 bytesassets/avatar-LinearUncle.pngasset · 1,370 bytesassets/avatar-Majin_AppSheet.pngasset · 1,354 bytesassets/avatar-Ror_Fly.pngasset · 1,506 bytesassets/avatar-ajith_io.pngasset · 1,414 bytesassets/avatar-alex_prompter.pngasset · 1,242 bytesassets/avatar-davidmarcus.pngasset · 1,396 bytesassets/avatar-emollick.pngasset · 1,563 bytesassets/avatar-gabrielbuzziv.pngasset · 1,430 bytesassets/avatar-himanshutwtxs.pngasset · 1,339 bytesassets/avatar-itsolehmann.pngasset · 1,358 bytesassets/avatar-jacksonfall.pngasset · 1,236 bytesassets/avatar-kloss_xyz.pngasset · 1,408 bytesassets/avatar-sab8a.pngasset · 1,450 bytesassets/avatar-samuel_yostt.pngasset · 1,488 bytesassets/avatar-shneural.pngasset · 1,032 bytesassets/avatar-stephanlivera.pngasset · 1,344 bytesassets/avatar-steventey.pngasset · 1,477 bytesassets/avatar-tdinh_me.pngasset · 1,424 bytesassets/avatar-thatyto_dev.pngasset · 1,440 bytesassets/avatar-thismacapital.pngasset · 1,329 bytesassets/avatar-ultimaxbt.pngasset · 1,418 bytesassets/avatar.pngasset · 3,164 bytesassets/cover.jpgasset · 175,369 bytesassets/door.pngasset · 119,818 bytesassets/geist-OFL.txtdoc · 4,387 bytesassets/geist-variable.ttfasset · 169,056 bytesassets/gsap.min.jsruns · 72,214 bytesassets/inter-OFL.txtdoc · 4,377 bytesassets/inter-variable.ttfasset · 876,576 bytesassets/newsletter.pngasset · 19,118 bytesassets/photo-arch.pngasset · 46,395 bytesassets/photo-cyclist.pngasset · 32,683 bytesassets/photo-earth.pngasset · 20,638 bytesassets/photo-green.pngasset · 30,831 bytesassets/photo-nebula.pngasset · 20,193 bytesassets/photo-portrait.pngasset · 43,598 bytesassets/photo-sunset.pngasset · 18,110 bytesassets/photo-valley.pngasset · 25,770 bytesassets/soundtrack.mp3asset · 366,268 bytesassets/tile-ascii.pngasset · 66,735 bytesassets/tile-ball.pngasset · 9,388 bytesassets/tile-blue.pngasset · 20,994 bytesassets/tile-claude.pngasset · 20,068 bytesassets/tile-creator.pngasset · 29,584 bytesassets/tile-dis.pngasset · 7,154 bytesassets/tile-drop.pngasset · 18,871 bytesassets/tile-every.pngasset · 37,026 bytesassets/tile-icons.pngasset · 22,381 bytesassets/tile-japan.pngasset · 23,804 bytesassets/tile-launch.pngasset · 30,015 bytesassets/tile-math.pngasset · 22,578 bytesassets/tile-money.pngasset · 37,236 bytesassets/tile-motion.pngasset · 20,770 bytesassets/tile-move.pngasset · 31,054 bytesassets/tile-negroni.pngasset · 20,407 bytesassets/tile-play.pngasset · 39,107 bytesassets/tile-price.pngasset · 20,973 bytesassets/tile-prompter.pngasset · 13,290 bytesassets/tile-purple.pngasset · 65,671 bytesassets/tile-spark.pngasset · 4,000 bytesassets/tile-theatre.pngasset · 77,243 bytesassets/tile-wire.pngasset · 13,322 bytesassets/tile-woman.pngasset · 96,122 bytesassets/ui-photo-code.pngasset · 1,000,449 bytesassets/ui-photo-long.pngasset · 294,891 bytesassets/ui-photo-scroll.pngasset · 311,992 bytesassets/ui-photo-short.pngasset · 112,331 bytesassets/ui-player-code.pngasset · 249,257 bytesassets/ui-player-long.pngasset · 205,465 bytesassets/ui-player-scroll.pngasset · 555,630 bytesassets/ui-player-short.pngasset · 107,865 bytesexample.htmlasset · 38,215 bytesopen-design.jsonasset · 10,411 bytesreferences/sound.jsonasset · 199 bytes
Read excerpt
从 `example.html` 开始制作;这是可寻址、单 Canvas、GSAP 主时钟驱动的完整影片。
**Arc:** 作品浏览 → 播放器形变 → 返回 → 图片打印演示 → 返回首页。
| 场景(CFG.scenes id) | 时长 | 画面与信息 | 构建方式 | 复用方式 |
|---|---|---|---|---|
| gallery | 4.70 | 页面标题、订阅卡与四列作品墙上下浏览 | Canvas 重建网页;gallery-open 弹窗进入 | brand、headline、独立图片变量 |
| player | 4.50 | 按钮→加载→勾选→音乐播放器→音量条 | player-loader、player-check、player-island、player-expand、player-play、player-scrub、player-volume;实测过冲回落,文字分层去模糊显现 | album 与右侧截图可替换;保持同一黑形体 |
| browse | 1.20 | 关闭演示,回到作品墙,再打开图片演示 | player-out 退出;photo-enter 进入 | 保留鼠标驱动的浏览节奏 |
| photo | 4.05 | develop.→圆点→按钮→光圈→门洞照片→九宫格 | photo-dot、photo-pill、photo-label、photo-iris、photo-open、photo-grid;photo-out 退出 | wordmark、door 与照片变量 |
| close | 0.739333 | 弹窗收回,作品墙继续播放 | photo-out 尾部过渡;作品缩略图循环 | brand、headline 与作品素材 |
## 素材与结构