mouse-lin/frame-smith

Última atividade de origem registrada: 24 de julho de 2026 às 04:36

Catálogo do SkillsMP atualizado: 9 de novembro de 2026 às 14:22

skills coletadas: 1

Estrelas no GitHub: 118
Forks no GitHub: 16

Instalar com um assistente de IA

Copie este prompt para o assistente de IA que você usa.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/mouse-lin/frame-smith.

README do repositório

Arquivo de origem do README: README.md

Ler o README original

Expandir README completo

![frame-smith](assets/examples/Banner.jpg) [中文](README.md) | [English](README.en.md) # frame-smith > **动效讲究、引擎驱动、绝不廉价的宣传片 —— 以 Remotion 合成的形式产出。** > frame-smith 是一个**导演**,不是渲染器。它读你的 brief、定寄存器、选一个效果引擎、铺节拍时间线、配乐加音效、写出 `.tsx` 并注册进你的 Remotion Root。真正的渲染由它所依附的视频运行时完成。 frame-smith 是一个给 AI 编码助手([Claude Code](https://claude.com/claude-code) 等)用的视频动效技能,是 UI 设计技能 [finesse](https://github.com/mouse-lin/finesse-skill) 的"动态视频版"——同一套哲学:**高级手艺 · 零 AI 廉价感**,只是从静态排版转向了运动。 ## 四个效果引擎原型 | | | |:---:|:---:| | ![海报立方体翻滚 —— 贴满海报的 CSS-3D 立方体翻开,标尺网格叠层,巨型 CREATIVE 大字](assets/examples/poster-cube.png) | ![胶囊翻主题 —— 编辑风胶囊标签,糖果九色,Bodoni Moda 高对比衬线](assets/examples/capsule.png) | | ![建筑数据脉冲 —— 摄影卡片,材质占比条,绿色建筑环形图,高度折线图](assets/examples/data-pulse.png) | ![粒子相册 —— 照片 3D 环形轮播 + 手写标题](assets/examples/particle-album.png) | <sub>左→右、上→下:**海报立方体翻滚 Poster-cube tumble** · **胶囊翻主题 Capsule theme-flip** · **建筑数据脉冲 Architecture data-pulse** · **粒子相册 Particle-burst album**。每条片子只承载**一个**引擎,做满 100%。</sub> --- ## 它怎么工作给一句 brief("做个产品发布片头" / "把这个页面做成 15 秒电影感短片" / "竖屏抖音带字幕"),frame-smith: 1. **先检查运行时(硬门槛)。** 它写 Remotion 合成但不渲染——所以需要装 **`hyperframe`** *或* **`remotion`** 其中**一个** Skill(装一个就够)。都没有就停下来引导安装,而不是产出一个你跑不起来的文件。 2. **定寄存器** —— `cinematic`(横屏 `1920×1080`,无旁白,大字收尾)或 `short`(竖屏 `1080×1920`,抖音/小红书,可带字幕)。 3. **选一个效果引擎,做满 100%** —— 从上面四个原型里挑。 4. **铺节拍时间线** —— `H0…Hn` 以秒为单位,一拍一件事,最后一拍要**落地**。 5. **编排出入场(reveal)** —— 文字与元素怎么进、怎么出:变换入场向量、错峰、hero 单独一个动作(绝不"所有东西一起 fade 上移")。 6. **配声音** —— 背景音乐按能量选曲 + 转场音效砸在拍点上 + **音画同步**(声音是手艺的一半;无旁白 ≠ 无声)。 7. **写出并注册合成** —— 导出三件套(`X` / `XCover` / `X_FRAMES`)、Root 里的 `<Composition>` 配对、正确的时长/帧率/画幅。 8. **过反廉价黑名单 + 起飞前自检 + 好视频评分表** —— 并证明它真的会动(Studio 预览或渲一张静帧)。 --- ## 什么才算好的视频表现效果一条高级片子 = **四层合一**,缺一不可: 1. **引擎** —— 一个招牌效果,做透。 2. **节拍** —— 是拍子不是章节:hook 快、一拍一事、结尾**落地**。 3. **reveal 编排** —— 出入场有编排,错峰不雷同。 4. **声音** —— 配乐 + 音效与画面匹配。再加把四层焊成一体的连接组织——**同步**:每个音效、每个音乐 drop,都落在和画面同一个拍点帧上。一句话检验:*静音了还读得懂吗?闭眼只听声音,像不像**这条**片子?两者落在同一帧上吗?* --- ## 依赖 frame-smith 需要一个视频运行时。**装其一即可:** - **`hyperframe`**(推荐)—— 效果模板库 **+** 一个可用的 Remotion 工程,直接从现成片子里搬手法。 - **`remotion`** —— 光运行时(脚手架、`studio`、`render`、`<Composition>` 注册表),效果按 frame-smith 的配方现写。已经有 Remotion 工程但没装 Skill?frame-smith 可以直接指过去当回退方案(见 `references/environment.md`)——装 Skill 是长期正解。 --- ## 用法从自然语言自动触发("视频动效"、"promo video"、"HyperFrame"、"竖屏短视频"……),或直接调用: ``` /frame-smith [命令] [brief] ``` | 命令 | 作用 | |------|------| | `craft [brief]` | 完整流程:环境门 → Frame Read → 旋钮 → 引擎 → 节拍 → reveal → 声音 → 注册(默认) | | `env` | 报告哪个运行时在位,都没有就给安装路径 | | `engine [目标]` | 换效果引擎,保留节拍 | | `beats [目标]` | 重剪时间线——移动拍界、修空拍 | | `reveals [目标]` | 重编排文字/元素的出入场 | | `sound [目标]` | 重配声音——配乐、音效、ducking、音画同步 | | `slower` / `faster` | 重定速:压住一条太躁的片 / 唤醒一条太闷的片 | | `register [目标]` | 横屏 ↔ 竖屏换向 | | `restage [目标]` | 升级已有合成,先审后改 | | `audit [目标]` | 只读:反廉价 + 起飞前自检 + 评分表 | frame-smith 永远在 **Frame Read 之后停下**等你确认,才动手写代码。 --- ## 支持的 Agent 不止 Claude。`skills/frame-smith/` 是**唯一源**,派生出各家 AI 编码助手的镜像: | Agent / 运行时 | 读取 | |---|---| | **Claude Code**(插件 / Skill) | `.claude-plugin/plugin.json` → `skills/frame-smith/` | | **Cursor** | `.cursor/rules/frame-smith.mdc` | | **OpenAI Codex** 等读 `AGENTS.md` 的运行时 | `AGENTS.md` | | **GitHub Copilot** | `.github/copilot-instructions.md` | | **Trae · Trae 国内版 · CodeBuddy** | `.trae/` · `.trae-cn/` · `.codebuddy/`(逐字镜像) | 改动只在源 `skills/frame-smith/` 里做,然后跑 `bash scripts/sync-mirrors.sh` 一键同步所有镜像(`--check` 只报漂移不改动)。`AGENTS.md` 与 Copilot 文件是手写精简版,工作流变化时手动跟进。 --- ## 目录结构 ``` frame-smith/ ├── .claude-plugin/plugin.json # Claude Code 插件清单 ├── AGENTS.md # Codex 等读 AGENTS.md 的运行时 ├── .cursor/rules/frame-smith.mdc # Cursor 规则(sync 从 SKILL.md 生成正文) ├── .github/copilot-instructions.md # GitHub Copilot ├── .trae/ · .trae-cn/ · .codebuddy/# Trae / Trae国内版 / CodeBuddy 逐字镜像 ├── assets/examples/ # README 展示图(四个引擎原型) ├── scripts/sync-mirrors.sh # 单一源 → 各镜像同步 + 漂移检查 └── skills/frame-smith/ # ★ 唯一源 ├── SKILL.md # 路由器:环境门 → 寄存器 → 旋钮 → 引擎 → 节拍 → reveal → 声音 → 注册 ├── references/ │ ├── environment.md # §0 运行时门槛——检测 hyperframe/remotion、安装引导 │ ├── motion-floor.md # 动效地基:30fps、f(sec)、clampOpts、S 缩放、安全区、easing、导出三件套 │ ├── effect-catalog.md # 效果引擎词汇表(四个原型 + 可复用子效果) │ ├── effects-menu.md # 视频动效清单(点菜单)——和 AI 聊时照着点效果 │ ├── beat-structure.md # 节拍时间线架构 + 叙事骨架 │ ├── reveals.md # 文字与元素的出入场编排 │ ├── sound-design.md # 背景音乐、转场音效、混音与音画同步 │ ├── showcraft.md # 好视频总纲——四层 + 同步,10 项评分 │ ├── registration.md # 导出三件套契约 + <Composition> 注册 │ ├── anti-cheap-motion.md # 动效 + 声音反廉价黑名单 │ ├── assets.md # 图片 / 字体 / 音频加载 │ └── preflight.md # 交付前检查表 + 证明它会动 ├── templates/ │ └── PosterCubeTumble.tsx # 一个可运行的骨架(占位内容、零素材) ├── examples/ │ └── EXAMPLES.md # 四个引擎原型——各该学什么 └── scripts/ └── check-runtime.sh # §0 运行时门槛的脚本版 ``` `references/*.md` 是深度材料,按当前阶段**按需加载**,不一次全塞。 --- ## 许可 MIT · © 2026 西瓜同学

Carregando o README do repositório…

Skills neste repositório

Artistas de efeitos especiais e animadores

1 categorias ocupacionais · 100% classificado

skill

ocupação

descrição

atualizado

frame-smith

Artistas de efeitos especiais e animadores

Build never-cheap, motion-crafted promo videos as Remotion compositions — cinematic HyperFrame-style clips (3D poster cubes, capsule theme-flips, architecture data-pulse, particle-burst photo albums) and vertical short-video for 抖音/小红书/视频号. frame-smith is the…

Idioma do texto original: inglês

2026-07-24

Mostrando 1 de 1 skills coletadas.