Individual skill
phantom-motion
交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)。基于用户输入的任意主题关键词, 通过多轮交互式对话收集需求,利用 React 19 + Tailwind 4 驱动的 Minimal Mono 极简编辑器, 实时操纵隔离在 Iframe 中的硬核 GSAP/WebGL 影视级叙事引擎。 当用户提到「幻象」「phantom」「motion graphic」「代码动画」「HTML 动画」 「视觉叙事」「动态视觉」「生成动画」「motiongraphic」或表达 「生成一个关于 XXX 的动画」「做一个 XXX 的视觉体验」意图时触发此技能。 (支持 MIT 协议的 SVGL 库,内置 1500+ 品牌 Logo 资产)
SKILL.md
Source commit b8ccb0dfe777e9236957e4f30187ed3d76420fa8
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 6, 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)
- 187
- Repository last updated
- May 14, 2026
- License
- Apache-2.0
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- gsp Repository topic
- html Repository topic
- python Repository topic
- engineering Derived category
- engineering-web 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
.github/PULL_REQUEST_TEMPLATE.mddoc · 1,537 bytes.github/workflows/security-scan.ymlasset · 1,507 bytes.gitignoreasset · 209 bytesLICENSEasset · 11,357 bytesREADME.mddoc · 15,867 bytesREADME_EN.mddoc · 16,071 bytesSKILL.mdcore · 7,182 bytesassets/phantom-motion-poster-v2.jpgasset · 2,827,461 bytesassets/sponsor-qrcode.pngasset · 122,187 bytesdist/assets/stage-B5Qt9EMX.jsruns · 880 bytesdist/engine.jsruns · 4,160 bytesdist/index.htmlasset · 5,547 bytesdist/stage.htmlasset · 2,258 bytesindex.htmlasset · 419 byteslogo.svgasset · 7,618 bytespackage-lock.jsonasset · 131,847 bytespackage.jsonruns · 967 bytesproofshot-artifacts/2026-05-08_04-22-27_verify-3-new-templates/SUMMARY.mddoc · 563 bytesproofshot-artifacts/2026-05-08_04-22-27_verify-3-new-templates/bento.pngasset · 57,275 bytesproofshot-artifacts/2026-05-08_04-22-27_verify-3-new-templates/metadata.jsonasset · 164 bytesproofshot-artifacts/2026-05-08_04-22-27_verify-3-new-templates/retro.pngasset · 178,269 bytesproofshot-artifacts/2026-05-08_04-22-27_verify-3-new-templates/server.logasset · 1,701 bytesproofshot-artifacts/2026-05-08_04-22-27_verify-3-new-templates/session-log.jsonasset · 806 bytesproofshot-artifacts/2026-05-08_04-22-27_verify-3-new-templates/session.webmasset · 569,417 bytesproofshot-artifacts/2026-05-08_04-22-27_verify-3-new-templates/swiss.pngasset · 57,780 bytesproofshot-artifacts/2026-05-08_04-22-27_verify-3-new-templates/viewer.htmlasset · 40,719 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/SUMMARY.mddoc · 752 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/console-output.logasset · 85 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/cyber1.pngasset · 158,300 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/cyber2.pngasset · 73,096 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/cyber3.pngasset · 120,031 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/fintech1.pngasset · 313,071 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/fintech2.pngasset · 358,128 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/fintech3.pngasset · 263,416 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/lookbook1.pngasset · 47,924 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/lookbook2.pngasset · 177,495 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/lookbook3.pngasset · 24,015 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/metadata.jsonasset · 162 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/session-log.jsonasset · 2,425 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/session.webmasset · 2,878,030 bytesproofshot-artifacts/2026-05-08_04-43-03_verify-new-templates/viewer.htmlasset · 48,286 bytespublic/engine.jsruns · 4,160 bytesreferences/aesthetic-guidelines.mddoc · 4,264 bytesreferences/checklist-editorial.mddoc · 6,167 bytesreferences/components-archive.mddoc · 5,788 bytesreferences/components-audio.mddoc · 3,632 bytesreferences/components-camera-rig.mddoc · 7,064 bytesreferences/components-charts-2d.mddoc · 4,827 bytesreferences/components-charts-3d.mddoc · 5,136 bytesreferences/components-eastern.mddoc · 12,716 bytesreferences/components-editorial.mddoc · 5,730 bytesreferences/components-hybrid-render.mddoc · 5,370 bytesreferences/components-interactions.mddoc · 3,712 bytesreferences/components-interactive-panel.mddoc · 7,193 bytesreferences/components-katex.mddoc · 4,664 bytesreferences/components-magic-move.mddoc · 3,535 bytesreferences/components-math.mddoc · 7,336 bytesreferences/components-particles.mddoc · 11,418 bytesreferences/components-planet.mddoc · 8,503 bytesreferences/components-taichi.mddoc · 6,702 bytesreferences/components-ui.mddoc · 3,902 bytesreferences/deck-runtime.jsruns · 9,306 bytesreferences/design-schemes.mddoc · 11,969 bytesreferences/design-system-minimal-mono.mddoc · 1,783 bytesreferences/layouts-editorial.mddoc · 3,277 bytesreferences/prompt-template.mddoc · 7,793 bytesreferences/themes-humanities.mddoc · 1,272 bytesreferences/voice-config.mddoc · 1,792 bytesscripts/assemble.pyruns · 9,677 bytesscripts/bgm-generate.pyruns · 9,150 bytesscripts/deck-assemble.pyruns · 2,107 bytesscripts/png-search.pyruns · 2,457 bytesscripts/render-mp4.pyruns · 5,806 bytesscripts/svgl-search.pyruns · 3,377 bytesscripts/tts-generate.pyruns · 7,728 bytessrc/App.tsxruns · 3,043 bytessrc/index.cssasset · 352 bytessrc/main.tsxruns · 231 bytesstage.htmlasset · 2,180 bytestemplates/bento-grid/styles.cssasset · 4,911 bytestemplates/bento-grid/template.htmlasset · 13,411 bytestemplates/broadside-dark/styles.cssasset · 6,063 bytestemplates/broadside-dark/template.htmlasset · 11,360 bytestemplates/cyber-glitch/styles.cssasset · 5,980 bytestemplates/cyber-glitch/template.htmlasset · 9,952 bytestemplates/glassmorphism-fintech/styles.cssasset · 5,399 bytestemplates/glassmorphism-fintech/template.htmlasset · 11,145 bytestemplates/index.jsonasset · 17,488 bytestemplates/magazine-lookbook/styles.cssasset · 4,541 bytestemplates/magazine-lookbook/template.htmlasset · 6,337 bytestemplates/minimal-academic/styles.cssasset · 1,913 bytestemplates/minimal-academic/template.htmlasset · 7,399 bytestemplates/neo-brutal-grid/styles.cssasset · 5,766 bytestemplates/neo-brutal-grid/template.htmlasset · 10,870 bytestemplates/neo-grid-dark/styles.cssasset · 3,917 bytestemplates/neo-grid-dark/template.htmlasset · 8,890 bytestemplates/neumorphism-soft/styles.cssasset · 1,986 bytestemplates/neumorphism-soft/template.htmlasset · 9,054 bytestemplates/phantom-arcade-8bit/styles.cssasset · 1,838 bytestemplates/phantom-arcade-8bit/template.htmlasset · 3,564 bytestemplates/phantom-bauhaus-geo/styles.cssasset · 2,020 bytestemplates/phantom-bauhaus-geo/template.htmlasset · 3,954 bytestemplates/phantom-bento-apple/styles.cssasset · 2,064 bytestemplates/phantom-bento-apple/template.htmlasset · 4,628 bytestemplates/phantom-brutal-neo/styles.cssasset · 2,926 bytestemplates/phantom-brutal-neo/template.htmlasset · 9,412 bytestemplates/phantom-command-matrix/styles.cssasset · 3,257 bytestemplates/phantom-command-matrix/template.htmlasset · 9,196 bytestemplates/phantom-editorial-soft/styles.cssasset · 1,628 bytestemplates/phantom-editorial-soft/template.htmlasset · 3,444 bytestemplates/phantom-fintech-aether/styles.cssasset · 3,575 bytestemplates/phantom-fintech-aether/template.htmlasset · 10,382 bytestemplates/phantom-glass-frosted/styles.cssasset · 1,851 bytestemplates/phantom-glass-frosted/template.htmlasset · 3,480 bytestemplates/phantom-glitch-cyber/styles.cssasset · 2,200 bytestemplates/phantom-glitch-cyber/template.htmlasset · 3,725 bytestemplates/phantom-liquid-metal/styles.cssasset · 1,780 bytestemplates/phantom-liquid-metal/template.htmlasset · 3,403 bytestemplates/phantom-monochrome-noir/styles.cssasset · 3,084 bytestemplates/phantom-monochrome-noir/template.htmlasset · 6,334 bytestemplates/phantom-neu-minimal-flux/styles.cssasset · 3,223 bytestemplates/phantom-neu-minimal-flux/template.htmlasset · 7,509 bytestemplates/phantom-people-platform/styles.cssasset · 2,715 bytestemplates/phantom-people-platform/template.htmlasset · 8,137 bytestemplates/phantom-sakura-chroma/styles.cssasset · 3,638 bytestemplates/phantom-sakura-chroma/template.htmlasset · 9,464 bytestemplates/phantom-space-cosmos/styles.cssasset · 1,791 bytestemplates/phantom-space-cosmos/template.htmlasset · 3,417 bytestemplates/phantom-studio-void/styles.cssasset · 2,684 bytestemplates/phantom-studio-void/template.htmlasset · 9,162 bytestemplates/phantom-swiss-rational/styles.cssasset · 1,605 bytestemplates/phantom-swiss-rational/template.htmlasset · 3,411 bytestemplates/phantom-windows-classic/styles.cssasset · 2,860 bytestemplates/phantom-windows-classic/template.htmlasset · 8,687 bytestemplates/proofshot-artifacts/2026-05-07_17-54-06_verify-broadside-template/metadata.jsonasset · 167 bytestemplates/proofshot-artifacts/2026-05-07_17-54-06_verify-broadside-template/server.logasset · 204 bytestemplates/proofshot-artifacts/2026-05-07_17-54-44_verify-broadside/metadata.jsonasset · 158 bytestemplates/proofshot-artifacts/2026-05-07_17-54-44_verify-broadside/server.logasset · 361 bytestemplates/retro-terminal/styles.cssasset · 4,479 bytestemplates/retro-terminal/template.htmlasset · 12,183 bytestemplates/sakura-cassette/styles.cssasset · 6,873 bytestemplates/sakura-cassette/template.htmlasset · 12,437 bytestemplates/swiss-international/styles.cssasset · 3,940 bytestemplates/swiss-international/template.htmlasset · 9,793 bytestests/Solar_System_Cinematic/assets/8k_earth.jpgasset · 4,565,076 bytestests/Solar_System_Cinematic/assets/8k_stars.jpgasset · 1,905,513 bytestests/Solar_System_Cinematic/assets/8k_sun.jpgasset · 3,696,361 bytestests/Solar_System_Cinematic/assets/earth.jpgasset · 463,087 bytestests/Solar_System_Cinematic/assets/earth_color.jpgasset · 14 bytestests/Solar_System_Cinematic/assets/earth_normal.jpgasset · 14 bytestests/Solar_System_Cinematic/assets/interstellar.mp3asset · 10,153,018 bytestests/Solar_System_Cinematic/assets/jupiter.jpgasset · 498,976 bytestests/Solar_System_Cinematic/assets/lensflare0.pngasset · 78,758 bytestests/Solar_System_Cinematic/assets/lensflare2.pngasset · 2,107 bytestests/Solar_System_Cinematic/assets/mars.jpgasset · 750,547 bytestests/Solar_System_Cinematic/assets/mercury.jpgasset · 872,555 bytestests/Solar_System_Cinematic/assets/moon.jpgasset · 1,053,869 bytestests/Solar_System_Cinematic/assets/neptune.jpgasset · 241,580 bytestests/Solar_System_Cinematic/assets/saturn.jpgasset · 199,916 bytestests/Solar_System_Cinematic/assets/saturn_ring.pngasset · 12,119 bytestests/Solar_System_Cinematic/assets/space.jpgasset · 14 bytestests/Solar_System_Cinematic/assets/stars.jpgasset · 251,454 bytestests/Solar_System_Cinematic/assets/sun.jpgasset · 822,427 bytestests/Solar_System_Cinematic/assets/uranus.jpgasset · 77,751 bytestests/Solar_System_Cinematic/assets/venus.jpgasset · 885,075 bytestests/Solar_System_Cinematic/hero.pngasset · 1,031,352 bytestests/Solar_System_Cinematic/index.htmlasset · 7,107 bytestests/Solar_System_Cinematic/main.jsruns · 25,615 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/01_mission.pngasset · 83,745 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/02_evolution.pngasset · 64,475 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/03_stats.pngasset · 86,232 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/04_tech.pngasset · 93,222 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/05_final.pngasset · 45,731 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/SUMMARY.mddoc · 655 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/metadata.jsonasset · 171 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/server.logasset · 377 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/session-log.jsonasset · 826 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/session.webmasset · 5,815,185 bytestests/proofshot-artifacts/2026-05-11_16-28-00_tesla-40s-brand-story-preview/viewer.htmlasset · 40,304 bytestests/xingji/assets/bgm.mp3asset · 1,114,180 bytestests/xingji/assets/boom.mp3asset · 1,432,873 bytestests/xingji/assets/earth_clouds.pngasset · 260,222 bytestests/xingji/assets/earth_day.jpgasset · 512,606 bytestests/xingji/assets/earth_normal.jpgasset · 336,774 bytestests/xingji/assets/earth_specular.jpgasset · 223,421 bytestests/xingji/assets/qian.jpgasset · 9,229,299 bytestests/xingji/assets/tts_manifest.jsonasset · 953 bytestests/xingji/assets/voice1.wavasset · 234,284 bytestests/xingji/assets/voice2.wavasset · 314,924 bytestests/xingji/assets/voice3.wavasset · 301,484 bytestests/xingji/assets/voice4.wavasset · 257,324 bytestests/xingji/assets/voice5.wavasset · 241,964 bytestests/xingji/assets/voice6.wavasset · 236,204 bytestests/xingji/generate_tts.pyruns · 5,116 bytestests/xingji/index.htmlasset · 60,138 bytestests/xingji/output_1080p_16_9.mp4asset · 50,128,277 bytestests/xingji/output_1080p_16_9_SD.mp4asset · 4,960,511 bytestests/xingji/xingji-cover.pngasset · 1,145,482 bytesvite.config.tsruns · 603 bytes
Read excerpt
# 幻象 MotionGraphic 智能体 v11.0.0 (The Minimalist Director)
世界顶级视觉设计大师与动态图形艺术家工作流。融合乔布斯对产品直觉的偏执、
迪特·拉姆斯「少,却更好」的功能纯粹主义、以及 **《Monocle》杂志人文美学** 的终极路演系统。
v11.0 引入了 **「混合动力架构 (Hybrid Drive)」**:将生成的视频渲染引擎与 Minimal Mono 风格的编辑器 UI 彻底物理隔离,实现了影视级冲击力与极致操控感的跨界融合。
---
## 🏗<U+FE0F> 混合动力架构 (Hybrid Drive Architecture)
> [!IMPORTANT]
> 你生成的系统必须遵循以下物理隔离原则,以确保影视级性能:
> 1. **Stage (舞台层)**: 运行在隔离的 `<iframe>` 中。使用原生 JS + GSAP + Three.js/WebGL。禁止在舞台层引入 React,以消除虚拟 DOM 对 60fps 动画的干扰。
> 2. **Chrome (操控层)**: 使用 React 19 + Tailwind 4 开发。负责属性面板、时间轴、撤销重做(useSlideHistory)。