HyperFrames Motion Director

从文章、产品、README 或网站出发，先写出方案与设计提案，等你确认后才开始制作。确认后它会用 Codex Image Gen 生成背景和组件图片，搭建 HyperFrames 合成，检查截图并渲染，最后写一份审查报告。附带的脚手架脚本会生成工作文件（方案、设计说明、分镜、审查报告和若干 JSON 约定），另有多个脚本用来校验素材和产物。默认使用简体中文文案、9:16、1080x1920，以及深黑底配白、灰、暖金点缀的固定风格；它通过 npx 调用 HyperFrames CLI，辅助脚本按 README 要求 Node.js 18+。

• 01来自 README

  逐字引用仓库 README 里的安装命令。

  $ npx skills add geekjourneyx/hyperframes-motion-director复制

• 02Claude Code：skills 文件夹

  把技能的文件夹（里面有 SKILL.md 的那一层）复制到 ~/.claude/skills/，所有项目都能用；或复制到仓库里的 .claude/skills/，只在该仓库使用，提交后还能和团队共享。Claude Code 会在会话中读取这些文件夹的变化；如果会话开始时这个文件夹还不存在，运行 /reload-skills。

• 03Claude Code：插件市场

  有些仓库发布了插件市场，也就是一份 .claude-plugin/marketplace.json。先在 Claude Code 里添加它，再用 /plugin install plugin-name@marketplace-name 安装其中的插件。插件除了技能，还可能带上 hooks 和 MCP 服务器，确认前请先看详情面板。

  $ /plugin marketplace add geekjourneyx/hyperframes-motion-director复制

• 04Codex：skills 文件夹或 $skill-installer

  Codex 会从你启动它的目录起，一路到仓库根目录，读取沿途的 .agents/skills；也会读取 $HOME/.agents/skills，对所有仓库生效。把技能文件夹复制到其中一处，或在 Codex 里运行 $skill-installer，让它从仓库安装。Codex 会自动发现新技能，只有没出现时才需要重启。

第一条命令引自作者的 README，其余是从 GitHub 仓库安装技能的通用办法。它们只是模板，不一定适用于这个仓库，比如仓库没有插件市场时，请以 README 为准。