ClaudeMap

Motion Design

Codex 与 Claude Code 共用的一个 skill，把产品或想法变成完整 motion 影片——十种风格、本地可播放画廊，用你自己的 Higgsfield 账号生成。

技能与命令skillmotionvideohiggsfieldmarketing
访问项目cth9191/motion-design

Motion Design 把产品、网站或想法适配成一支成品 motion 影片：先从十种风格里挑——玻璃 UI 发布、热带产品、动态字体排版、蓝图到建筑、产品爆炸图、扁平矢量讲解、hyper-motion、2D+3D 混合、编辑拼贴、素材+图形——再适配源 prompt 生成。skill 自带本地可播放画廊（浏览器打开；GitHub 页面只显示源码），逐风格查看原始 prompt、复制为你定制的请求；页面绝不发送你的 brief、也绝不发起生成。浏览与起草 prompt 离线可用；媒体生成要连接你自己的 Higgsfield 账号（需模型权限与额度），按 setup 指引的 MCP 命令做只读连通检查。示例素材是 skill 所适配的 Higgsfield 源内容，归属记录在 ATTRIBUTION.md——并非本包新生成的结果。

它做什么

  • 画廊中全量枚举十种风格——玻璃 UI 发布、热带产品、动态字体排版、蓝图到建筑、产品爆炸图、扁平矢量讲解、hyper-motion、2D+3D 混合、编辑拼贴、素材+图形
  • 同一份 skill 目录同时装进 Codex 与 Claude Code，风格与 prompt 手艺跨 harness 跟着你走
  • 本地可播放画廊：浏览全部十种风格、查看原始 prompt、复制定制请求——页面不发数据、不发起生成
  • 浏览与起草 prompt 无需先连接；生成走你自己的 Higgsfield 账号，按 setup 指引用 MCP 命令做只读连通检查

什么时候用

产品发布视频、落地页主视觉动效、社交预告片——想自己掌控 prompt 的场景：本地起草并比较风格，再为胜出的那条花生成额度。

如何上手

git clone https://github.com/cth9191/motion-design.git
# 整份 skill 目录一起拷（含 references 与 gallery）：
cp -r motion-design/skills/motion-design ~/.claude/skills/motion-design
# 再按 docs/setup.md 连接 Higgsfield（MCP 命令、鉴权、只读检查）

注意事项

生成需要拥有模型权限与额度的 Higgsfield 账号——skill 本身只负责起草与适配 prompt。画廊示例是适配自 Higgsfield 的源素材（见 ATTRIBUTION.md），不是本包自己的渲染成品；自定义时保持源 prompt 不可变。撰写本文时仓库尚无 license 文件。

代码仓库

cth9191/motion-design

收录日期

地图上的相关资源

  • guizang-product-video-skill

    技能

    归藏的 Agent Skill：把代码库的最近更新做成一支成片宣传片——接真实组件、代码渲染动画、代码写配乐，全程不碰视频剪辑软件。

    • agent-skill
    • video
    • promo
    • marketing
    查看

  • geo-sleuth

    技能

    一个给「图里没有任何文字线索」的照片做地理定位的 Agent Skill——用 OSM 几何、高程天际线与卫星瓦片，把「这是哪」变成带误差半径的测量答案。

    • agent-skill
    • geolocation
    • osint
    • openstreetmap
    查看

  • Birdview

    技能

    让 AI 编码 agent 在动第一行代码之前先画出架构、声明影响范围的 skill——成果是一张可直接打开的独立 HTML 架构地图。

    • skill
    • architecture
    • code-visualization
    • change-scope
    查看