SKILL

motion-design-html

Code-only motion design pipeline (no After Effects) for Raphaël / Howseen: launch films, showreels, product promos, LinkedIn/X videos, meme clips. Use when asked to make a motion design video, a promo/launch film, a showreel, "remake this video", a video from a prompt (e.g. "make a 15s motion graphics video…"), to change a video's music/SFX, or to prepare memes for posts. Covers the brief → beat map → stills → seek(t) HTML engine → Playwright render → ffmpeg → music/SFX → QA flow, plus asset sourcing (Mixkit, Pexels, Unsplash, svgl, 21st.dev) and every gotcha hit so far.

原文 · 暂不支持此原文语言

适用对象：设计与内容创作。自动收录 · 待核查。

原作者说明节选

从固定版本的 SKILL.md 提取，保留原文语言。以下内容属于作者说明，本站尚未验证安装、兼容或运行结果。

查看原文

原文涵盖的主题

Motion design, 100 % code (Howseen pipeline)
00. Start from the library (fastest path)
0. Non-negotiables
1. Flow (always in this order)
2. The engine (one HTML file)
3. Render (scripts/rendertemplate.py)
4. Music & SFX (scripts/audiotemplate.py, analyzesong.py)
5. Assets

Full Production Studio note: this skill comes from another creator's own setup. Brand names, people and folder paths in it (for example OpenEd, Skill Stack, Howseen, /Desktop/...) are their examples. Replace them with the user's brand, voice and folders (use the arabic-voice Voice Card when available) and never write in that other brand's voice. Built and battle-tested 25-27/09/2026 on: promo60 (60 s VO ad), loop, launch film, showreel v1/v2, frame. (Apple-keynote prompt), Crave (food-app prompt), reel15 (howseen.ai in 1 prompt + "make it better" pass), Baguette Pro (Apple framework parody), Howseen LinkedIn v1→v5 (4:5). Workdir: /Desktop/Howseen AI/howseen-video/ (one folder per film). Every film folder = .html + render.py + audio.py + out/. Our stack vs the "AI motion" stack people post (Opus + Higgsfield + Blender + After Effects + Suno + Soundly): we replace Blender/After Effects with a deterministic HTML engine rendered frame by frame, Higgsfield with real stock (Pexels/Unsplash) or coded visuals, Suno with Mixkit music, Soundly with Mixkit SFX. 0 € and fully reproducible. Suno/Envato/Higgsfield only if Raphaël asks and has credits. Read howseen-video/INDEX.md first: every fil

这里只展示节选，请以完整原文和当前要求为准。

来源仓库: alfaris/full-production-studio
源文件: skills/motion-design-html/SKILL.md
固定版本: 223f74cc6dceb4c16858c4d58b5d066e7c5eeb83

阅读完整原作者说明 ↗

准备条件

本条仅收录原作者的技能元数据；请阅读完整说明，确认依赖、许可与使用条件。

第一件可以尝试的小事

先阅读原作者说明，再决定是否在自己的 AI 工具中使用。

对应 AI 工具说明

作者有说明不等于本站实机验证。没有证据时，不自动标为兼容、安全或免费。

来源与内容状态

本条为自动发现的元数据，尚未完成人工文档核查；适用性与运行结果待核查。

原作者：alfaris/full-production-studio · 原作者仓库元数据。文档核查：未核查。最近来源检查：2026-11-10T12:01:33.890Z。

分类由名称、说明与路径规则生成，分类不代表已核实适配。

许可与权利归属

MIT。第三方内容及版权归原作者，使用条件以原文为准。

许可原文 ↗

本站没有因同步、复制或用户自报成功而将资源标为运行验证通过。

原作者项目 ↗原始使用说明 ↗

限制与注意事项

元数据收录不代表本站已经安装、适配、实测或进行安全审查。