dsh-drawai 0.3.3 → 0.4.0

package/lib/motion/mgstyles/upstream/prompts/08-morph.md

@@ -0,0 +1,95 @@
+# 形变动画 Morphing / Shape Morph
+
+**原片**：一形万象 One Shape, Every Story · 1920×1080 · 30 fps · 10 秒 · AI 评审终评 7.64 / 10
+
+**源码**：[demos/08-morph/](../demos/08-morph/)
+
+## 怎么用
+
+1. 新建一个空文件夹，在里面打开一个能写代码、能执行命令的 AI 助手（例如 Claude Code）。本机需要能跑网页渲染（Node + Chrome）和 ffmpeg。
+2. 把下面「提示词」整段复制进去发送。
+3. 想换成自己的内容：改 `Creative seed` 里的故事、品牌名、文案和配色，或者改 `Output` 里的尺寸（比如竖屏 1080×1920）。不要删 `Signature features` 那一段，它是这种风格被一眼认出来的依据。
+4. 想再提高：成片出来后，另开一个 AI 用 [rubric.md](../rubric.md) 评审，把评审意见贴回给制作的 AI 再改一轮。原片就是这样改了两轮。
+
+## 提示词
+
+```text
+You are the director, motion designer, engineer and sound designer of ONE 10-second motion-design film.
+The goal is the most classic, yet most stunning form of this style — award-shortlist / high-end commercial quality. A clean,
+template-looking result is a fail. Benchmarks: Buck, ManvsMachine, Ordinary Folk, Giant Ant, Territory Studio, Apple keynote
+motion, Pentagram motion identities, top Behance/Motionographer features, top 抖音/B站 designer accounts.
+
+# Style
+形变动画 Morphing / Shape Morph
+
+# Output (fixed)
+- 1920×1080, 30 fps, exactly 10.000 s (300 frames), H.264 MP4 with stereo AAC audio (48 kHz), mastered to −14 LUFS
+  integrated, true peak ≤ −1 dBTP. Final file: video.mp4.
+
+# Suggested technical route
+HTML: SVG + flubber or GSAP MorphSVGPlugin (tune shapeIndex), color-field wipes
+(You may choose a better route if it clearly raises quality; say why.)
+
+# Creative seed
+「万物相连」Apple-keynote-grade morph chain: one hero shape continuously becomes 6–8 meaningful icons, on the beat.
+- Chain example: coffee cup → (circle) → sun → sunset over sea → gull → paper plane → location pin → heart → invented brand logo "morphe" with wordmark.
+- Every A→B goes through a simple intermediate (circle/capsule) with rotation and 10–15% squash&stretch; sub-parts morph in sync (steam → sun rays → waves).
+- Background color fields change with each morph (clean color-block wipes); ease cubic-bezier(0.7,0,0.3,1), 3-frame cushions at start/end; no knotting/tangling ever (check every morph mid-point stills).
+Sound: rhythmic plucky arpeggio; a pitched whoosh per morph landing on the beat.
+
+You are the director: you may change the concept, copy, story beats and brand names if you find a stronger idea, but the result must remain the CANONICAL, instantly-recognisable form of this style and must hit its signature features below.
+
+# Signature features and key techniques (the result is judged against these)
+一个图形丝滑连续地变成另一个图形：手机变成地图钉、咖啡杯变成落日。是图形叙事（visual storytelling）的核心语法，苹果发布会动效和高端 explainer 里最见功力的部分。
+视觉特征 轮廓连续过渡无跳变, 中介形状桥接, 形变伴随位移旋转, 变形瞬间的挤压拉伸
+关键技法 路径对齐是前提：两形状顶点数一致、首顶点方位对应（AE 里重设 first vertex），否则会打结
+复杂 A→B 不直接变：先收敛为中介简形（圆/胶囊）再展开，'A→圆→B'两段各 8~12 帧
+形变全程叠加 10~15% squash & stretch 与轻微旋转，掩盖插值的机械感
+速度曲线中段最快 cubic-bezier(0.7,0,0.3,1)：起止各留 3 帧缓冲
+Web 端用 flubber/polymorph 库做最优顶点匹配插值，效果远好于朴素 SMIL
+
+# How to work
+1. Treatment. Write down one clear idea: a hook in the first 0.5 s (never open on more than 0.3 s of empty or black), an
+   escalation, one unmistakable hero moment at ~60–75 % of the runtime, and a composed end frame held ~0.8–1.2 s with living
+   micro-motion. Map every signature feature above to a moment. Keep one cue sheet (beats and hit times) that both the
+   picture and the sound read from.
+2. Key frames before motion. Build the look, render stills at 6–10 key times and actually look at them. Each still should be
+   poster-worthy: composition, hierarchy, negative space, type set properly (kerning, line-height, weight contrast, CJK
+   punctuation, ~5 % safe margins). Iterate until nothing looks default, generic, cramped or "AI-template".
+3. Motion. Build the choreography and preview at low resolution. Step through the fastest moves frame by frame: spacing,
+   easing, arcs, overlap, anticipation and follow-through, motion blur. No unintended dead spans; the energy follows the music.
+4. Sound. Write genre-correct music and sound design locked to the cue sheet. Check that visual hits land on audio onsets.
+   Master to the output spec.
+5. Final. Render at full resolution (motion blur where apt), then check: exactly 10.00 s, resolution, fps, audio present and at
+   the right loudness, no black frames, no fallback fonts or tofu, no clipped elements at the frame edges, no shimmer on thin
+   lines, no gradient banding. Fix and repeat until you would submit it to a festival.
+6. Write an honest self-critique: what is strongest, what is weakest, what you would do with more time.
+
+# Rules
+- Rendering must be deterministic: every frame is a pure function of time t. Seeded randomness only; physics and particles
+  precomputed or closed-form; no real-time clocks; no state-triggered CSS transitions. A reliable route: a web page that can
+  draw any time t on request, captured frame by frame with a headless browser and encoded with ffmpeg (or a Blender script
+  that renders a PNG sequence).
+- Assets: only CC0 / public domain / OFL / Apache / free-for-commercial-use. Record each source and licence in CREDITS.md.
+  No real brand trademarks; invent brand names.
+- On-screen text must be correct and natural: idiomatic Chinese, proper CJK punctuation, no typos.
+
+# Craft checklist (what a jury looks for)
+- Style authenticity: an expert names the style in one second; every signature technique is present and executed correctly.
+- Motion craft: purposeful easing (no linear unless mechanical by design), overlap and stagger, anticipation and
+  follow-through, arcs, squash and stretch where the style allows, consistent physics, motion blur where apt; transitions
+  carried by elements, not crossfades.
+- Rhythm: hits locked to the music; contrast between busy and calm; no monotony.
+- Design: strong composition, grid, typographic hierarchy, controlled palette; texture and finishing (grain, glow, vignette)
+  only where the style wants it; nothing looks accidental.
+- Technical polish: no jitter (unless intended), no popping, no aliasing, no banding, no fallback fonts, no half-loaded images.
+- Sound: genre-correct, musical, synced, mastered.
+
+# Before you deliver, score yourself honestly
+1–10 on style fidelity, concept wow, motion craft, design & typography, finish & texture, sound & sync, technical
+(6 = template-level, 8 = high-end agency, 9 = award shortlist). Aim for 9; fix whatever scores lowest first.
+
+# Deliver
+video.mp4, plus a short report: the concept in two sentences; a beat sheet with timecodes; how each signature feature is
+realised; the tech route; check numbers (duration, resolution, fps, loudness, true peak); your honest top-3 weaknesses.
+```

package/lib/motion/mgstyles/upstream/prompts/09-bauhaus.md

@@ -0,0 +1,96 @@
+# 几何构成 / 包豪斯 Geometric / Bauhaus Motion
+
+**原片**：KONSTRUKTION · 20 SCHLÄGE「二十拍构成」 · 1920×1080 · 30 fps · 10 秒 · AI 评审终评 7.71 / 10
+
+**源码**：[demos/09-bauhaus/](../demos/09-bauhaus/)
+
+## 怎么用
+
+1. 新建一个空文件夹，在里面打开一个能写代码、能执行命令的 AI 助手（例如 Claude Code）。本机需要能跑网页渲染（Node + Chrome）和 ffmpeg。
+2. 把下面「提示词」整段复制进去发送。
+3. 想换成自己的内容：改 `Creative seed` 里的故事、品牌名、文案和配色，或者改 `Output` 里的尺寸（比如竖屏 1080×1920）。不要删 `Signature features` 那一段，它是这种风格被一眼认出来的依据。
+4. 想再提高：成片出来后，另开一个 AI 用 [rubric.md](../rubric.md) 评审，把评审意见贴回给制作的 AI 再改一轮。原片就是这样改了两轮。
+
+## 提示词
+
+```text
+You are the director, motion designer, engineer and sound designer of ONE 10-second motion-design film.
+The goal is the most classic, yet most stunning form of this style — award-shortlist / high-end commercial quality. A clean,
+template-looking result is a fail. Benchmarks: Buck, ManvsMachine, Ordinary Folk, Giant Ant, Territory Studio, Apple keynote
+motion, Pentagram motion identities, top Behance/Motionographer features, top 抖音/B站 designer accounts.
+
+# Style
+几何构成 / 包豪斯 Geometric / Bauhaus Motion
+
+# Output (fixed)
+- 1920×1080, 30 fps, exactly 10.000 s (300 frames), H.264 MP4 with stereo AAC audio (48 kHz), mastered to −14 LUFS
+  integrated, true peak ≤ −1 dBTP. Final file: video.mp4.
+
+# Suggested technical route
+HTML: SVG/Canvas + GSAP on a strict modular grid, beat grid at 120 BPM
+(You may choose a better route if it clearly raises quality; say why.)
+
+# Creative seed
+「包豪斯动态海报」Bauhaus 1919 kinetic poster — mechanical, rational, musical.
+- Cream paper (#F1E9DA), primaries red #E03C31, yellow #F2B705, blue #1E4FA3, black #111; strict modular grid (e.g. 240px modules); every move is an integer number of modules; every landing on a grid line.
+- 120 BPM (0.5 s/beat): each beat a module acts — quarter circles rotate 90° about a corner pivot, semicircles slide one module, triangles flip, squares split; rotation pivots alternate (own centre / corner / frame centre).
+- 0–2s grid lines draw & the first red circle lands; 2–6s the composition assembles into a Kandinsky/Bauhaus poster; 6–8s phase-shifted cascade wave across the grid on the drop; 8–10s freeze into a perfect poster with Swiss typography: "BAUHAUS" set vertically in heavy geometric sans + small caps "FORM · FARBE · FUNKTION".
+- Easing: power2.inOut or linear — NO overshoot; subtle paper tooth + slight print misregistration allowed.
+Sound: minimal techno/click — each flip = a pitched click/blip, kick on quarters.
+
+You are the director: you may change the concept, copy, story beats and brand names if you find a stronger idea, but the result must remain the CANONICAL, instantly-recognisable form of this style and must hit its signature features below.
+
+# Signature features and key techniques (the result is judged against these)
+圆、三角、矩形在严格网格上做精确的平移、旋转、缩放，三原色+黑白的限定色板，机械理性的秩序美。源自包豪斯与瑞士国际主义平面传统（Adobe 曾与 Bauhaus 档案馆合作 Hidden Treasures 项目），也是动态海报（kinetic poster）的主流语言，与音乐节拍天然合拍。
+视觉特征 基础几何形, 红黄蓝黑限定色, 严格网格对齐, 旋转以几何中心为轴, 节拍驱动的模块化运动
+关键技法 一切运动锚定网格：位移距离=网格模数整数倍，落点必在网格线上
+缓动克制：easeInOutQuad 或干脆匀速，禁用 overshoot——机械感是特征不是缺陷
+节拍驱动：每个几何元素在节拍点瞬时出现/翻转，一拍一个动作，类似我们已做的卡点逻辑
+旋转轴心玩法：绕自身中心、绕边缘顶点、绕画面中心三种交替制造韵律
+生成式变体：Processing/p5.js 用三角函数相位差批量驱动几何阵列（国内动态海报圈主流做法）
+
+# How to work
+1. Treatment. Write down one clear idea: a hook in the first 0.5 s (never open on more than 0.3 s of empty or black), an
+   escalation, one unmistakable hero moment at ~60–75 % of the runtime, and a composed end frame held ~0.8–1.2 s with living
+   micro-motion. Map every signature feature above to a moment. Keep one cue sheet (beats and hit times) that both the
+   picture and the sound read from.
+2. Key frames before motion. Build the look, render stills at 6–10 key times and actually look at them. Each still should be
+   poster-worthy: composition, hierarchy, negative space, type set properly (kerning, line-height, weight contrast, CJK
+   punctuation, ~5 % safe margins). Iterate until nothing looks default, generic, cramped or "AI-template".
+3. Motion. Build the choreography and preview at low resolution. Step through the fastest moves frame by frame: spacing,
+   easing, arcs, overlap, anticipation and follow-through, motion blur. No unintended dead spans; the energy follows the music.
+4. Sound. Write genre-correct music and sound design locked to the cue sheet. Check that visual hits land on audio onsets.
+   Master to the output spec.
+5. Final. Render at full resolution (motion blur where apt), then check: exactly 10.00 s, resolution, fps, audio present and at
+   the right loudness, no black frames, no fallback fonts or tofu, no clipped elements at the frame edges, no shimmer on thin
+   lines, no gradient banding. Fix and repeat until you would submit it to a festival.
+6. Write an honest self-critique: what is strongest, what is weakest, what you would do with more time.
+
+# Rules
+- Rendering must be deterministic: every frame is a pure function of time t. Seeded randomness only; physics and particles
+  precomputed or closed-form; no real-time clocks; no state-triggered CSS transitions. A reliable route: a web page that can
+  draw any time t on request, captured frame by frame with a headless browser and encoded with ffmpeg (or a Blender script
+  that renders a PNG sequence).
+- Assets: only CC0 / public domain / OFL / Apache / free-for-commercial-use. Record each source and licence in CREDITS.md.
+  No real brand trademarks; invent brand names.
+- On-screen text must be correct and natural: idiomatic Chinese, proper CJK punctuation, no typos.
+
+# Craft checklist (what a jury looks for)
+- Style authenticity: an expert names the style in one second; every signature technique is present and executed correctly.
+- Motion craft: purposeful easing (no linear unless mechanical by design), overlap and stagger, anticipation and
+  follow-through, arcs, squash and stretch where the style allows, consistent physics, motion blur where apt; transitions
+  carried by elements, not crossfades.
+- Rhythm: hits locked to the music; contrast between busy and calm; no monotony.
+- Design: strong composition, grid, typographic hierarchy, controlled palette; texture and finishing (grain, glow, vignette)
+  only where the style wants it; nothing looks accidental.
+- Technical polish: no jitter (unless intended), no popping, no aliasing, no banding, no fallback fonts, no half-loaded images.
+- Sound: genre-correct, musical, synced, mastered.
+
+# Before you deliver, score yourself honestly
+1–10 on style fidelity, concept wow, motion craft, design & typography, finish & texture, sound & sync, technical
+(6 = template-level, 8 = high-end agency, 9 = award shortlist). Aim for 9; fix whatever scores lowest first.
+
+# Deliver
+video.mp4, plus a short report: the concept in two sentences; a beat sheet with timecodes; how each signature feature is
+realised; the tech route; check numbers (duration, resolution, fps, loudness, true peak); your honest top-3 weaknesses.
+```

package/lib/motion/mgstyles/upstream/prompts/10-synthwave.md

@@ -0,0 +1,95 @@
+# 复古系（80s Synthwave / Y2K 千禧） Retro: 80s Synthwave / VHS / Y2K
+
+**原片**：NEON DRIVE · Midnight「霓虹夜驰 1986」 · 1920×1080 · 30 fps · 10 秒 · AI 评审终评 8.21 / 10
+
+**源码**：[demos/10-synthwave/](../demos/10-synthwave/)
+
+## 怎么用
+
+1. 新建一个空文件夹，在里面打开一个能写代码、能执行命令的 AI 助手（例如 Claude Code）。本机需要能跑网页渲染（Node + Chrome）和 ffmpeg。
+2. 把下面「提示词」整段复制进去发送。
+3. 想换成自己的内容：改 `Creative seed` 里的故事、品牌名、文案和配色，或者改 `Output` 里的尺寸（比如竖屏 1080×1920）。不要删 `Signature features` 那一段，它是这种风格被一眼认出来的依据。
+4. 想再提高：成片出来后，另开一个 AI 用 [rubric.md](../rubric.md) 评审，把评审意见贴回给制作的 AI 再改一轮。原片就是这样改了两轮。
+
+## 提示词
+
+```text
+You are the director, motion designer, engineer and sound designer of ONE 10-second motion-design film.
+The goal is the most classic, yet most stunning form of this style — award-shortlist / high-end commercial quality. A clean,
+template-looking result is a fail. Benchmarks: Buck, ManvsMachine, Ordinary Folk, Giant Ant, Territory Studio, Apple keynote
+motion, Pentagram motion identities, top Behance/Motionographer features, top 抖音/B站 designer accounts.
+
+# Style
+复古系（80s Synthwave / Y2K 千禧） Retro: 80s Synthwave / VHS / Y2K
+
+# Output (fixed)
+- 1920×1080, 30 fps, exactly 10.000 s (300 frames), H.264 MP4 with stereo AAC audio (48 kHz), mastered to −14 LUFS
+  integrated, true peak ≤ −1 dBTP. Final file: video.mp4.
+
+# Suggested technical route
+HTML WebGL (perspective grid, sun, mountains shader) + canvas chrome text + CSS/SVG glow; VHS pass
+(You may choose a better route if it clearly raises quality; say why.)
+
+# Creative seed
+「OUTRUN 1986」The quintessential 80s synthwave title sequence.
+- Starry night, striped retro sun (horizontal band cut-outs, magenta→orange→yellow), wireframe mountains, palm silhouettes, neon magenta/cyan perspective grid rushing toward the camera.
+- 0–1s: VHS tracking noise + 'PLAY ▶' OSD; 1–4s: camera flies low over the grid, sun rises; 4–6s: CHROME title (e.g. "NEON DRIVE", multi-stop metallic gradient, bevel highlight, star glint sweeping across) SLAMS in with a lens flare; 6–7.5s: pink neon script word (e.g. "Midnight") writes on like a neon tube with flicker; 7.5–10s: sustained ride, subtle VHS chroma bleed/scanlines, end on the hero frame.
+- Double glow (tight ~4px + wide ~30px), deep purple sky gradient.
+Sound: synthwave — gated-reverb snare, arpeggiated saw bass, lush pads, big chord + crash on the title slam.
+
+You are the director: you may change the concept, copy, story beats and brand names if you find a stronger idea, but the result must remain the CANONICAL, instantly-recognisable form of this style and must hit its signature features below.
+
+# Signature features and key techniques (the result is judged against these)
+对特定年代媒介美学的整体引用：80s synthwave 是霓虹网格+日落渐变+镀铬字；VHS 是扫描线+色偏+磁带噪声；Y2K 千禧风是液态镀铬金属、酸性绿紫、拟物系统窗口和低保真 3D。近两年 Y2K 在音乐视频与潮流品牌片中强势回潮，B站模板市场大量供应'酸性镀铬'素材。
+视觉特征 霓虹辉光, 透视网格地平线, 扫描线与RGB色偏, 镀铬金属字, 酸性配色, 拟物窗口UI
+关键技法 synthwave 三件套：透视网格滚动（一点透视 grid + 纵向位移循环）、日落多层渐变球、双层辉光（内层紧 4px 高亮+外层散 30px 低透明）
+VHS 做旧链：RGB split（红蓝通道各偏 1~2px）→ 扫描线（2px 间隔 10% 黑条）→ 波浪扭曲抖动（每秒 1~2 次随机 glitch 抽帧）→ 4:3 圆角遮罩
+Y2K 镀铬字：极高对比的多段金属渐变 + bevel 高光 + 环境映射感反光，配 lens flare
+Y2K 运动语言：弹窗式 pop 出现、光标点击、窗口拖拽，界面拟物即动画叙事
+帧率故意不稳：关键段落抽帧到 15fps 或倒放 2 帧制造磁带卡顿
+
+# How to work
+1. Treatment. Write down one clear idea: a hook in the first 0.5 s (never open on more than 0.3 s of empty or black), an
+   escalation, one unmistakable hero moment at ~60–75 % of the runtime, and a composed end frame held ~0.8–1.2 s with living
+   micro-motion. Map every signature feature above to a moment. Keep one cue sheet (beats and hit times) that both the
+   picture and the sound read from.
+2. Key frames before motion. Build the look, render stills at 6–10 key times and actually look at them. Each still should be
+   poster-worthy: composition, hierarchy, negative space, type set properly (kerning, line-height, weight contrast, CJK
+   punctuation, ~5 % safe margins). Iterate until nothing looks default, generic, cramped or "AI-template".
+3. Motion. Build the choreography and preview at low resolution. Step through the fastest moves frame by frame: spacing,
+   easing, arcs, overlap, anticipation and follow-through, motion blur. No unintended dead spans; the energy follows the music.
+4. Sound. Write genre-correct music and sound design locked to the cue sheet. Check that visual hits land on audio onsets.
+   Master to the output spec.
+5. Final. Render at full resolution (motion blur where apt), then check: exactly 10.00 s, resolution, fps, audio present and at
+   the right loudness, no black frames, no fallback fonts or tofu, no clipped elements at the frame edges, no shimmer on thin
+   lines, no gradient banding. Fix and repeat until you would submit it to a festival.
+6. Write an honest self-critique: what is strongest, what is weakest, what you would do with more time.
+
+# Rules
+- Rendering must be deterministic: every frame is a pure function of time t. Seeded randomness only; physics and particles
+  precomputed or closed-form; no real-time clocks; no state-triggered CSS transitions. A reliable route: a web page that can
+  draw any time t on request, captured frame by frame with a headless browser and encoded with ffmpeg (or a Blender script
+  that renders a PNG sequence).
+- Assets: only CC0 / public domain / OFL / Apache / free-for-commercial-use. Record each source and licence in CREDITS.md.
+  No real brand trademarks; invent brand names.
+- On-screen text must be correct and natural: idiomatic Chinese, proper CJK punctuation, no typos.
+
+# Craft checklist (what a jury looks for)
+- Style authenticity: an expert names the style in one second; every signature technique is present and executed correctly.
+- Motion craft: purposeful easing (no linear unless mechanical by design), overlap and stagger, anticipation and
+  follow-through, arcs, squash and stretch where the style allows, consistent physics, motion blur where apt; transitions
+  carried by elements, not crossfades.
+- Rhythm: hits locked to the music; contrast between busy and calm; no monotony.
+- Design: strong composition, grid, typographic hierarchy, controlled palette; texture and finishing (grain, glow, vignette)
+  only where the style wants it; nothing looks accidental.
+- Technical polish: no jitter (unless intended), no popping, no aliasing, no banding, no fallback fonts, no half-loaded images.
+- Sound: genre-correct, musical, synced, mastered.
+
+# Before you deliver, score yourself honestly
+1–10 on style fidelity, concept wow, motion craft, design & typography, finish & texture, sound & sync, technical
+(6 = template-level, 8 = high-end agency, 9 = award shortlist). Aim for 9; fix whatever scores lowest first.
+
+# Deliver
+video.mp4, plus a short report: the concept in two sentences; a beat sheet with timecodes; how each signature feature is
+realised; the tech route; check numbers (duration, resolution, fps, loudness, true peak); your honest top-3 weaknesses.
+```

package/lib/motion/mgstyles/upstream/prompts/12-aurora-glass.md

@@ -0,0 +1,96 @@
+# 弥散渐变 / 玻璃拟态 Gradient Blur (Aurora) & Glassmorphism
+
+**原片**：Aurora — think in light「思考，自有光」 · 1920×1080 · 30 fps · 10 秒 · AI 评审终评 8.07 / 10
+
+**源码**：[demos/12-aurora-glass/](../demos/12-aurora-glass/)
+
+## 怎么用
+
+1. 新建一个空文件夹，在里面打开一个能写代码、能执行命令的 AI 助手（例如 Claude Code）。本机需要能跑网页渲染（Node + Chrome）和 ffmpeg。
+2. 把下面「提示词」整段复制进去发送。
+3. 想换成自己的内容：改 `Creative seed` 里的故事、品牌名、文案和配色，或者改 `Output` 里的尺寸（比如竖屏 1080×1920）。不要删 `Signature features` 那一段，它是这种风格被一眼认出来的依据。
+4. 想再提高：成片出来后，另开一个 AI 用 [rubric.md](../rubric.md) 评审，把评审意见贴回给制作的 AI 再改一轮。原片就是这样改了两轮。
+
+## 提示词
+
+```text
+You are the director, motion designer, engineer and sound designer of ONE 10-second motion-design film.
+The goal is the most classic, yet most stunning form of this style — award-shortlist / high-end commercial quality. A clean,
+template-looking result is a fail. Benchmarks: Buck, ManvsMachine, Ordinary Folk, Giant Ant, Territory Studio, Apple keynote
+motion, Pentagram motion identities, top Behance/Motionographer features, top 抖音/B站 designer accounts.
+
+# Style
+弥散渐变 / 玻璃拟态 Gradient Blur (Aurora) & Glassmorphism
+
+# Output (fixed)
+- 1920×1080, 30 fps, exactly 10.000 s (300 frames), H.264 MP4 with stereo AAC audio (48 kHz), mastered to −14 LUFS
+  integrated, true peak ≤ −1 dBTP. Final file: video.mp4.
+
+# Suggested technical route
+HTML WebGL: aurora mesh-gradient shader + glass refraction (SDF lens, chromatic dispersion) + DOM/CSS backdrop-filter glass cards
+(You may choose a better route if it clearly raises quality; say why.)
+
+# Creative seed
+「Liquid Glass」2025–26 AI-product-launch aesthetic: slow, translucent, expensive.
+- Deep indigo-black base; 4–5 aurora blobs (violet/blue/cyan/magenta, adjacent hues only) drifting on bezier paths, blending into a mesh gradient, 3–5% noise dithering (no banding).
+- Frosted glass cards (backdrop blur ~30px, 5–10% white fill, 1px 30% white inner highlight, large radius) float in with parallax depth and slight 3D tilt; micro-UI inside (chat bubble, voice waveform, toggles) animates with opacity + 8px rise.
+- WOW: a Liquid-Glass lens (true refraction, chromatic dispersion on the rim, specular edge) glides across and magnifies the aurora and the cards.
+- Title (invented product, e.g. "Aurora — think in light") in a light elegant sans; sine/breathing easing everywhere; nothing fast.
+Sound: ambient cinematic pad, soft shimmer, very subtle UI ticks.
+
+You are the director: you may change the concept, copy, story beats and brand names if you find a stronger idea, but the result must remain the CANONICAL, instantly-recognisable form of this style and must hit its signature features below.
+
+# Signature features and key techniques (the result is judged against these)
+大面积高斯模糊的彩色光斑（aurora/mesh gradient）缓慢漂移作底，磨砂半透明玻璃卡片浮在其上。苹果 iOS 26 Liquid Glass 与各家 AI 产品发布把这一风格推成 2024-2026 科技品牌片的默认视觉，气质是'慢、透、高级'。
+视觉特征 大色斑高斯模糊漂移, 磨砂玻璃卡片, 1px高光描边, 邻近色低对比配色, 缓慢呼吸感节奏
+关键技法 底层 aurora：3~5 个纯色大圆 blur 80~150px，各自沿贝塞尔路径 20~40 秒漂移循环，彼此 blend 出 mesh gradient 感
+玻璃卡片配方：backdrop-filter blur(20~40px) + 白色 5~10% 填充 + 1px 白色 30% 内描边 + 大半径圆角
+配色用邻近色 2~3 色（紫蓝青/橙粉红），撞色会脏；暗底亮斑比亮底更出效果
+全局叠 3~5% 噪点防 banding（与颗粒质感技法交叉）
+缓动接近 linear 或 sine 呼吸曲线，一切都慢——快动作会立刻破坏气质；文字入场也只用 opacity+8px 位移
+
+# How to work
+1. Treatment. Write down one clear idea: a hook in the first 0.5 s (never open on more than 0.3 s of empty or black), an
+   escalation, one unmistakable hero moment at ~60–75 % of the runtime, and a composed end frame held ~0.8–1.2 s with living
+   micro-motion. Map every signature feature above to a moment. Keep one cue sheet (beats and hit times) that both the
+   picture and the sound read from.
+2. Key frames before motion. Build the look, render stills at 6–10 key times and actually look at them. Each still should be
+   poster-worthy: composition, hierarchy, negative space, type set properly (kerning, line-height, weight contrast, CJK
+   punctuation, ~5 % safe margins). Iterate until nothing looks default, generic, cramped or "AI-template".
+3. Motion. Build the choreography and preview at low resolution. Step through the fastest moves frame by frame: spacing,
+   easing, arcs, overlap, anticipation and follow-through, motion blur. No unintended dead spans; the energy follows the music.
+4. Sound. Write genre-correct music and sound design locked to the cue sheet. Check that visual hits land on audio onsets.
+   Master to the output spec.
+5. Final. Render at full resolution (motion blur where apt), then check: exactly 10.00 s, resolution, fps, audio present and at
+   the right loudness, no black frames, no fallback fonts or tofu, no clipped elements at the frame edges, no shimmer on thin
+   lines, no gradient banding. Fix and repeat until you would submit it to a festival.
+6. Write an honest self-critique: what is strongest, what is weakest, what you would do with more time.
+
+# Rules
+- Rendering must be deterministic: every frame is a pure function of time t. Seeded randomness only; physics and particles
+  precomputed or closed-form; no real-time clocks; no state-triggered CSS transitions. A reliable route: a web page that can
+  draw any time t on request, captured frame by frame with a headless browser and encoded with ffmpeg (or a Blender script
+  that renders a PNG sequence).
+- Assets: only CC0 / public domain / OFL / Apache / free-for-commercial-use. Record each source and licence in CREDITS.md.
+  No real brand trademarks; invent brand names.
+- On-screen text must be correct and natural: idiomatic Chinese, proper CJK punctuation, no typos.
+
+# Craft checklist (what a jury looks for)
+- Style authenticity: an expert names the style in one second; every signature technique is present and executed correctly.
+- Motion craft: purposeful easing (no linear unless mechanical by design), overlap and stagger, anticipation and
+  follow-through, arcs, squash and stretch where the style allows, consistent physics, motion blur where apt; transitions
+  carried by elements, not crossfades.
+- Rhythm: hits locked to the music; contrast between busy and calm; no monotony.
+- Design: strong composition, grid, typographic hierarchy, controlled palette; texture and finishing (grain, glow, vignette)
+  only where the style wants it; nothing looks accidental.
+- Technical polish: no jitter (unless intended), no popping, no aliasing, no banding, no fallback fonts, no half-loaded images.
+- Sound: genre-correct, musical, synced, mastered.
+
+# Before you deliver, score yourself honestly
+1–10 on style fidelity, concept wow, motion craft, design & typography, finish & texture, sound & sync, technical
+(6 = template-level, 8 = high-end agency, 9 = award shortlist). Aim for 9; fix whatever scores lowest first.
+
+# Deliver
+video.mp4, plus a short report: the concept in two sentences; a beat sheet with timecodes; how each signature feature is
+realised; the tech route; check numbers (duration, resolution, fps, loudness, true peak); your honest top-3 weaknesses.
+```

package/lib/motion/mgstyles/upstream/prompts/18-hanazi.md

@@ -0,0 +1,95 @@
+# 综艺花字 Variety Show Kinetic Captions (Hanazi)
+
+**原片**：喵呜日记 EP.07「今日份快乐」 · 1080×1920 · 30 fps · 10 秒 · AI 评审终评 7.64 / 10
+
+**源码**：[demos/18-hanazi/](../demos/18-hanazi/)
+
+## 怎么用
+
+1. 新建一个空文件夹，在里面打开一个能写代码、能执行命令的 AI 助手（例如 Claude Code）。本机需要能跑网页渲染（Node + Chrome）和 ffmpeg。
+2. 把下面「提示词」整段复制进去发送。
+3. 想换成自己的内容：改 `Creative seed` 里的故事、品牌名、文案和配色，或者改 `Output` 里的尺寸（比如竖屏 1080×1920）。不要删 `Signature features` 那一段，它是这种风格被一眼认出来的依据。
+4. 想再提高：成片出来后，另开一个 AI 用 [rubric.md](../rubric.md) 评审，把评审意见贴回给制作的 AI 再改一轮。原片就是这样改了两轮。
+
+## 提示词
+
+```text
+You are the director, motion designer, engineer and sound designer of ONE 10-second motion-design film.
+The goal is the most classic, yet most stunning form of this style — award-shortlist / high-end commercial quality. A clean,
+template-looking result is a fail. Benchmarks: Buck, ManvsMachine, Ordinary Folk, Giant Ant, Territory Studio, Apple keynote
+motion, Pentagram motion identities, top Behance/Motionographer features, top 抖音/B站 designer accounts.
+
+# Style
+综艺花字 Variety Show Kinetic Captions (Hanazi)
+
+# Output (fixed)
+- 1080×1920, 30 fps, exactly 10.000 s (300 frames), H.264 MP4 with stereo AAC audio (48 kHz), mastered to −14 LUFS
+  integrated, true peak ≤ −1 dBTP. Final file: video.mp4.
+
+# Suggested technical route
+HTML DOM/SVG: multi-layer text-stroke 花字 components + spring pops + SVG burst/sweat/sparkle decorations over a pet-vlog footage layer (CC0 photos with Ken Burns + handheld shake + punch-ins)
+(You may choose a better route if it clearly raises quality; say why.)
+
+# Creative seed
+「萌宠综艺感 vlog」综艺花字 in its native habitat — reactive captions over a pet vlog.
+- Base layer that feels like footage: CC0/PD cat or dog photos from /assets/images with slow Ken Burns, subtle handheld shake, snap punch-in zooms on 'moments' (you may also build a stylised scene if photos look weak).
+- 花字 moments synced to beats: title "今日份快乐" (fill gradient + thick white stroke + coloured outer stroke + drop shadow, rounded heavy font), "？？？" bouncing question marks, "震惊!!" inside a radial 爆炸框 with speed lines + 放射线 flash, "（小声）" small aside, "绝绝子" with sparkles, sweat drops, a "猫主子认证" stamp.
+- Motion: pop 0 → 1.15 → 1.0 in ~8 frames, per-character bounce with 2-frame stagger, slight rotation, gentle wiggle while holding; appear 2–3 frames after the audio/visual moment. High-saturation pink/yellow/cyan with white strokes.
+Sound: bouncy variety-show bed (pizzicato/bass/claps) + boing, pop, ding, slide whistle, record scratch on '？？？'.
+
+You are the director: you may change the concept, copy, story beats and brand names if you find a stronger idea, but the result must remain the CANONICAL, instantly-recognisable form of this style and must hit its signature features below.
+
+# Signature features and key techniques (the result is judged against these)
+源自电视综艺后期的情绪化装饰字幕：多层描边圆体字带弹性入场，跟随人物情绪变色变形，配打击音效。现已下沉为 vlog、萌宠、访谈、搞笑二创的通用包装语言，剪映内置大量花字模板，B 站也有免费花字样式包流通。
+视觉特征 多层描边圆体/胖体字, 高饱和撞色+白边+投影, 弹性 pop 入场, 配合音效出现, 手绘装饰符号（爆炸框/汗滴/闪光）
+关键技法 字体三层结构：填充色+粗白描边+彩色外描边/投影（CSS 可用多层 text-shadow 或 SVG stroke 模拟）
+入场 overshoot：scale 0→1.15→1.0（约 8 帧），或逐字弹跳错帧 2 帧
+情绪匹配：吐槽用歪斜手写体、惊讶用放射线爆炸框、尴尬用汗滴符号
+出现时机对齐笑点/音效，比语音晚 2~3 帧更自然
+长时间驻留花字加轻微 wiggle 保持活性
+
+# How to work
+1. Treatment. Write down one clear idea: a hook in the first 0.5 s (never open on more than 0.3 s of empty or black), an
+   escalation, one unmistakable hero moment at ~60–75 % of the runtime, and a composed end frame held ~0.8–1.2 s with living
+   micro-motion. Map every signature feature above to a moment. Keep one cue sheet (beats and hit times) that both the
+   picture and the sound read from.
+2. Key frames before motion. Build the look, render stills at 6–10 key times and actually look at them. Each still should be
+   poster-worthy: composition, hierarchy, negative space, type set properly (kerning, line-height, weight contrast, CJK
+   punctuation, ~5 % safe margins). Iterate until nothing looks default, generic, cramped or "AI-template".
+3. Motion. Build the choreography and preview at low resolution. Step through the fastest moves frame by frame: spacing,
+   easing, arcs, overlap, anticipation and follow-through, motion blur. No unintended dead spans; the energy follows the music.
+4. Sound. Write genre-correct music and sound design locked to the cue sheet. Check that visual hits land on audio onsets.
+   Master to the output spec.
+5. Final. Render at full resolution (motion blur where apt), then check: exactly 10.00 s, resolution, fps, audio present and at
+   the right loudness, no black frames, no fallback fonts or tofu, no clipped elements at the frame edges, no shimmer on thin
+   lines, no gradient banding. Fix and repeat until you would submit it to a festival.
+6. Write an honest self-critique: what is strongest, what is weakest, what you would do with more time.
+
+# Rules
+- Rendering must be deterministic: every frame is a pure function of time t. Seeded randomness only; physics and particles
+  precomputed or closed-form; no real-time clocks; no state-triggered CSS transitions. A reliable route: a web page that can
+  draw any time t on request, captured frame by frame with a headless browser and encoded with ffmpeg (or a Blender script
+  that renders a PNG sequence).
+- Assets: only CC0 / public domain / OFL / Apache / free-for-commercial-use. Record each source and licence in CREDITS.md.
+  No real brand trademarks; invent brand names.
+- On-screen text must be correct and natural: idiomatic Chinese, proper CJK punctuation, no typos.
+
+# Craft checklist (what a jury looks for)
+- Style authenticity: an expert names the style in one second; every signature technique is present and executed correctly.
+- Motion craft: purposeful easing (no linear unless mechanical by design), overlap and stagger, anticipation and
+  follow-through, arcs, squash and stretch where the style allows, consistent physics, motion blur where apt; transitions
+  carried by elements, not crossfades.
+- Rhythm: hits locked to the music; contrast between busy and calm; no monotony.
+- Design: strong composition, grid, typographic hierarchy, controlled palette; texture and finishing (grain, glow, vignette)
+  only where the style wants it; nothing looks accidental.
+- Technical polish: no jitter (unless intended), no popping, no aliasing, no banding, no fallback fonts, no half-loaded images.
+- Sound: genre-correct, musical, synced, mastered.
+
+# Before you deliver, score yourself honestly
+1–10 on style fidelity, concept wow, motion craft, design & typography, finish & texture, sound & sync, technical
+(6 = template-level, 8 = high-end agency, 9 = award shortlist). Aim for 9; fix whatever scores lowest first.
+
+# Deliver
+video.mp4, plus a short report: the concept in two sentences; a beat sheet with timecodes; how each signature feature is
+realised; the tech route; check numbers (duration, resolution, fps, loudness, true peak); your honest top-3 weaknesses.
+```

package/lib/motion/mgstyles/upstream/prompts/19-paperclip.md

@@ -0,0 +1,96 @@
+# 粗描边贴纸人科普 MG（回形针/林超风格） Bold-outline Sticker Explainer MG (PaperClip / Lin Chao style)
+
+**原片**：一部手机里，藏着多少种元素？ 70/118 · 1920×1080 · 30 fps · 10 秒 · AI 评审终评 7.71 / 10
+
+**源码**：[demos/19-paperclip/](../demos/19-paperclip/)
+
+## 怎么用
+
+1. 新建一个空文件夹，在里面打开一个能写代码、能执行命令的 AI 助手（例如 Claude Code）。本机需要能跑网页渲染（Node + Chrome）和 ffmpeg。
+2. 把下面「提示词」整段复制进去发送。
+3. 想换成自己的内容：改 `Creative seed` 里的故事、品牌名、文案和配色，或者改 `Output` 里的尺寸（比如竖屏 1080×1920）。不要删 `Signature features` 那一段，它是这种风格被一眼认出来的依据。
+4. 想再提高：成片出来后，另开一个 AI 用 [rubric.md](../rubric.md) 评审，把评审意见贴回给制作的 AI 再改一轮。原片就是这样改了两轮。
+
+## 提示词
+
+```text
+You are the director, motion designer, engineer and sound designer of ONE 10-second motion-design film.
+The goal is the most classic, yet most stunning form of this style — award-shortlist / high-end commercial quality. A clean,
+template-looking result is a fail. Benchmarks: Buck, ManvsMachine, Ordinary Folk, Giant Ant, Territory Studio, Apple keynote
+motion, Pentagram motion identities, top Behance/Motionographer features, top 抖音/B站 designer accounts.
+
+# Style
+粗描边贴纸人科普 MG（回形针/林超风格） Bold-outline Sticker Explainer MG (PaperClip / Lin Chao style)
+
+# Output (fixed)
+- 1920×1080, 30 fps, exactly 10.000 s (300 frames), H.264 MP4 with stereo AAC audio (48 kHz), mastered to −14 LUFS
+  integrated, true peak ≤ −1 dBTP. Final file: video.mp4.
+
+# Suggested technical route
+HTML: one huge canvas (e.g. 6000×3000 px) with a camera transform (long eases), SVG charts, photo stickers with 10px white outline
+(You may choose a better route if it clearly raises quality; say why.)
+
+# Creative seed
+「回形针式硬核科普」The PaperClip-style knowledge-video look: sticker-ized photos + flat icons + precise charts on a giant canvas with continuous camera moves.
+- Topic (write your own tight copy), e.g. 「一部手机里，藏着多少种元素？」.
+- Calm blue-grey/off-white canvas (#E9EEF2 + slate), 2–3 colours + one accent (e.g. #FF5A36); equal-weight sans typography, strict alignment.
+- One continuous camera path: sticker phone photo (white 10px outline, soft shadow) → exploded-parts stickers with leader-line labels → periodic-table grid where element tiles light up → bar chart grows with count-up "70+" → world map with supply routes drawing → pull out to a bold typographic title card in the 回形针 manner (heavy sans, huge number, small caption).
+- Every beat introduces a new visual element; charts are exact (bars to scale, numbers consistent).
+Sound: clean tech-explainer bed, UI clicks, ticking during count-up, soft whoosh on camera moves.
+
+You are the director: you may change the concept, copy, story beats and brand names if you find a stronger idea, but the result must remain the CANONICAL, instantly-recognisable form of this style and must hit its signature features below.
+
+# Signature features and key techniques (the result is judged against these)
+回形针 PaperClip 带火的知识区标准包装：实拍图片抠图后加粗白描边变成『贴纸』，与扁平图标、数据图表一起铺在大画布上，镜头平移缩放串联信息点；林超等财经/跨学科 UP 主将其与手写板书、公式卡片结合。至今仍是硬核科普、财经知识区、企业宣传片的主流范式。
+视觉特征 照片贴纸化（粗白描边）, 蓝灰/米白冷静底色, 扁平图标+精确数据图表, 大画布镜头平移缩放, 信息密度极高的节拍化叙事
+关键技法 素材照片抠图 + 8~12px 白描边统一质感，消除图片来源差异
+超宽大画布布局，摄像机层做平移/缩放（ease 长曲线），一镜串多个信息点
+图表动效：柱状图生长、数字滚动计数、路径描边生长
+解说词逐句驱动画面元素入场，语速快、每句必有新视觉元素
+克制配色（2~3 色）+ 等线字体，保持『严肃感』
+
+# How to work
+1. Treatment. Write down one clear idea: a hook in the first 0.5 s (never open on more than 0.3 s of empty or black), an
+   escalation, one unmistakable hero moment at ~60–75 % of the runtime, and a composed end frame held ~0.8–1.2 s with living
+   micro-motion. Map every signature feature above to a moment. Keep one cue sheet (beats and hit times) that both the
+   picture and the sound read from.
+2. Key frames before motion. Build the look, render stills at 6–10 key times and actually look at them. Each still should be
+   poster-worthy: composition, hierarchy, negative space, type set properly (kerning, line-height, weight contrast, CJK
+   punctuation, ~5 % safe margins). Iterate until nothing looks default, generic, cramped or "AI-template".
+3. Motion. Build the choreography and preview at low resolution. Step through the fastest moves frame by frame: spacing,
+   easing, arcs, overlap, anticipation and follow-through, motion blur. No unintended dead spans; the energy follows the music.
+4. Sound. Write genre-correct music and sound design locked to the cue sheet. Check that visual hits land on audio onsets.
+   Master to the output spec.
+5. Final. Render at full resolution (motion blur where apt), then check: exactly 10.00 s, resolution, fps, audio present and at
+   the right loudness, no black frames, no fallback fonts or tofu, no clipped elements at the frame edges, no shimmer on thin
+   lines, no gradient banding. Fix and repeat until you would submit it to a festival.
+6. Write an honest self-critique: what is strongest, what is weakest, what you would do with more time.
+
+# Rules
+- Rendering must be deterministic: every frame is a pure function of time t. Seeded randomness only; physics and particles
+  precomputed or closed-form; no real-time clocks; no state-triggered CSS transitions. A reliable route: a web page that can
+  draw any time t on request, captured frame by frame with a headless browser and encoded with ffmpeg (or a Blender script
+  that renders a PNG sequence).
+- Assets: only CC0 / public domain / OFL / Apache / free-for-commercial-use. Record each source and licence in CREDITS.md.
+  No real brand trademarks; invent brand names.
+- On-screen text must be correct and natural: idiomatic Chinese, proper CJK punctuation, no typos.
+
+# Craft checklist (what a jury looks for)
+- Style authenticity: an expert names the style in one second; every signature technique is present and executed correctly.
+- Motion craft: purposeful easing (no linear unless mechanical by design), overlap and stagger, anticipation and
+  follow-through, arcs, squash and stretch where the style allows, consistent physics, motion blur where apt; transitions
+  carried by elements, not crossfades.
+- Rhythm: hits locked to the music; contrast between busy and calm; no monotony.
+- Design: strong composition, grid, typographic hierarchy, controlled palette; texture and finishing (grain, glow, vignette)
+  only where the style wants it; nothing looks accidental.
+- Technical polish: no jitter (unless intended), no popping, no aliasing, no banding, no fallback fonts, no half-loaded images.
+- Sound: genre-correct, musical, synced, mastered.
+
+# Before you deliver, score yourself honestly
+1–10 on style fidelity, concept wow, motion craft, design & typography, finish & texture, sound & sync, technical
+(6 = template-level, 8 = high-end agency, 9 = award shortlist). Aim for 9; fix whatever scores lowest first.
+
+# Deliver
+video.mp4, plus a short report: the concept in two sentences; a beat sheet with timecodes; how each signature feature is
+realised; the tech route; check numbers (duration, resolution, fps, loudness, true peak); your honest top-3 weaknesses.
+```