离线竖屏视频渲染

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

在无浏览器、无 Remotion、网络受限的环境里,把一段中文文案(楼盘口播、知识口播、房源推介等)渲染成 1080×1920 竖屏 MP4。用 Python(Pillow) 逐帧绘制 + ffmpeg rawvideo 管道直出,不依赖 Chrome/Remotion。当用户说“把这段话画/做成视频”“做成短视频”“直接帮我做出来(要成片)”且需要离线出片时使用。

一句话选型结论

按资料字段整理

离线竖屏视频渲染是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_14b2529d/offscreen-vertical-video
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_14b2529d仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量4.9 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
离线竖屏视频渲染当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

4.9 KB
模型实际读到的说明书原文,来自技能仓库

离线竖屏视频渲染器(Python + ffmpeg)

把中文文案/分镜脚本渲染成竖屏短视频。不依赖浏览器、不依赖 Remotion,只要 Python + ffmpeg。
在沙箱等受限环境里,这条路径比 Remotion 可靠得多(Remotion 需要下载 Chromium 且依赖树巨大)。

何时用

  • 用户要把一段文案变成竖屏短视频,且要“成片”而不是“给你工程自己跑”
  • 环境无浏览器 / 装不动 Remotion / npm 拉包极慢
  • 只有 Python + ffmpeg 可用

本机环境事实(装东西前先看)

  • Python:C:/Users/admin/.workbuddy/binaries/python/versions/3.13.12/python.exe
  • venv:C:/Users/admin/.workbuddy/binaries/python/envs/default
    ⚠️ Windows 下可执行文件在 Scripts/(Scripts/python.exe),不是 bin/
  • pip 源(实测):阿里云 https://mirrors.aliyun.com/pypi/simple/ ✅ | pypi.org ✅ | 腾讯云 ✅ |
    清华 pypi.tuna.tsinghua.edu.cn 返回 403 ❌(本沙箱被拒,别用)
  • 依赖:pillow numpy(numpy 可缺省,脚本有 fallback)
  • 中文字体:C:/Windows/Fonts/msyh.ttc(微软雅黑) / msyhbd.ttc(雅黑粗体) / simhei.ttf(黑体)
  • ffmpeg:C:/Users/admin/AppData/Local/Programs/ffmpeg/bin/ffmpeg.exe

执行流程

  1. 装依赖(venv 内):
    bash VENV="C:/Users/admin/.workbuddy/binaries/python/envs/default" "$VENV/Scripts/python.exe" -m pip install -i https://mirrors.aliyun.com/pypi/simple/ pillow numpy
  2. 复制模板 scripts/render_template.py,改:SEG(分镜时长/色调)、C(配色)、各 s_* 分镜函数与文案。
  3. 冒烟测试:只跑绘图逻辑、每段少量帧、不启 ffmpeg(见模板 _smoke 思路),先确认无运行时报错。
  4. 渲染:"$VENV/Scripts/python.exe" render_template.py → 输出 out/*.mp4(2010 帧约 40 秒)。
  5. 抽帧验证(必做,别只信代码):
    bash FF="C:/Users/admin/AppData/Local/Programs/ffmpeg/bin/ffmpeg.exe" "$FF" -v error -i out.mp4 -ss T -frames:v 1 -y chk.png # 精确 seek,逐分镜核对
    重点看:中文是否正常、文字与底色是否可辨、有无元素重叠、构图是否大片留白。

关键坑(务必遵守)

  1. subprocess 管道死锁(最坑):Popen(stderr=PIPE) 却等写完全部帧才 read(),
    ffmpeg 进度日志写满 64KB stderr 缓冲区后阻塞 → 不再消费 stdin → 父进程 write() 也卡死。
    表现:跑很久却几乎没进度、输出文件仅几十字节。必须把 stderr 重定向到文件,不要用 PIPE。
  2. -movflags +faststart 会整片缓冲到内存,编码完成前输出文件一直是几十字节 →
    不能用文件大小判断进度(看脚本的帧计数打印)。
  3. PIL 文字 fill 与底色同色会不可见。标签/胶囊底色要用淡色:mix(bg, color, 0.13),
    不要直接用主色填充(RGB 模式不支持 alpha,原设计的“12% 透明填充”必须手动混色)。
  4. 模糊层要预渲染缓存:光晕/柔光的大半径 GaussianBlur 只做一次,每帧只改 alpha,
    否则 2010 帧会慢十倍。
  5. 动画结束后的文字/图形走直接绘制快路径(不做图层合成),大幅提速。
  6. Bash 默认 120 秒超时会杀进程 → 长时间渲染用后台运行,或缩短单次命令。
  7. 竖屏构图:内容别只堆在上半屏,底部留白过半会显得空;标签一般贴底(y≈1700–1810)。

输出规格(本模板默认)

1080×1920 · 30fps · libx264 -preset veryfast -crf 20 -pix_fmt yuv420p
+ anullsrc 静音 AAC 音轨 + -movflags +faststart。
需要 BGM 时:ffmpeg -i video.mp4 -i bgm.mp3 -c:v copy -c:a aac -shortest out.mp4。

参考实现

本机 fanrongting-remotion/render_frames.py(繁荣华庭 7 分镜,含户型图/楼层剖面/地铁/学校/生活蒙太奇)
是完整范例,可直接照抄结构。

常见问题

5 问
答案由本站依据条目字段整理
离线竖屏视频渲染怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_14b2529d/offscreen-vertical-video。安装方式为未标注。装完刷新技能列表或重开客户端。

离线竖屏视频渲染支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

离线竖屏视频渲染权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

离线竖屏视频渲染收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

离线竖屏视频渲染用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。