dsh-reel-studio:把 DSH 插件仓库做成宣传视频与宣传图

前言

DSH 生态里插件越来越多,作者往往要在 README、目录页或社媒里反复写「这是什么、解决什么、怎么装」。手写文案可以,但 16:9 视频和竖版配图若每次从零搭时间线、对齐品牌色和截图,成本偏高。常见做法是录屏加剪辑,或交给通用设计工具,素材与安装命令容易和仓库脱节。

下面介绍社区项目 dsh-reel-studio(仓库 Eileenes/dsh-reel):在本地用 Remotion 把一份可审阅的 case JSON 渲染成固定规格的宣传片与宣传图,并附带面向 DSH 宿主的三类工具(扫描、分镜、渲染)。维护者为 Eileenes;在 SkillHub 插件目录 中归类为趣味换装。README 标明当前为 working prototype:Remotion 管线与两种输出已端到端测过,宿主包 dsh.bundle 已脚手架化,尚未在真实 DSH profile 中完成加载验证。

这是什么

dsh-reel-studio 的定位是:把 DeepSeek Harness(DSH)插件仓库里的公开信息(名称、安装命令、仓库地址、功能点与截图等)整理成确定性的宣传物料。

  • npm 包名:dsh-reel-studio
  • 许可证:MIT(见仓库 LICENSE)
  • 当前包版本(package.json):0.1.0

产出两类本地渲染结果:

类型 规格(资料原文)
宣传视频 32.5s / 1920×1080 / 30fps / H.264 + AAC;七段场景(hook → 问题 → 方案 → 四个特性 → 用法 → 证明/安装/地址 → 片尾);120 BPM 生成 BGM,切镜与卡片入场对齐半拍
宣传图 布局 1080×1440,2× 导出为 2160×2880 PNG;含 DSH 视觉语言(wordmark、配色、网格、截图、卡通鲸鱼气泡等)

演示样例针对公开仓库 omdsh-dev/DSH-better-sidebar(MIT),用于验证「仓库 → 宣传物料」流程;任务栏与侧聊等为合成 mock,非真实对话抓取。仓库提供 32.5s 演示视频、宣传图 与 视频封面 可对照预期效果。

核心功能

本地 Remotion 渲染

不依赖云端视频服务;渲染使用 Chrome 或 Chromium(Remotion 要求)。非标准安装路径时需设置环境变量 CHROME_PATH。

CLI 入口(仓库根目录):

# 视频 + 封面 + 宣传图
node scripts/reel.mjs --case cases/dsh-better-sidebar.json --mode both

# 仅一种输出
node scripts/reel.mjs --case cases/dsh-better-sidebar.json --mode video
node scripts/reel.mjs --case cases/dsh-better-sidebar.json --mode image

可选参数:--poster-frame 825、--dry-run(只写 props、不真正渲染)。输出目录为 studio/out/:

  • <slug>-demo.mp4
  • <slug>-poster.png
  • <slug>-promo.png(2×)

Case JSON:显式、可审阅

每个 case 是一个 JSON 文件,字段刻意写全,便于人工或智能体在渲染前核对每一条宣传表述。结构包含 plugin(名称、handle、版本、repo、install、downloads、stars、tagline)、features(编号、标题、描述、截图路径或 mock 类型、强调色)、promo(问题、方案、步骤、地址)等。图片从 studio/public/ 解析;可用自有截图或内置合成 mock。

README 中的完整示例见仓库 cases/dsh-better-sidebar.json 及文档内 JSON 片段。

DSH 宿主侧工具(规划中与脚手架并存)

仓库内宿主包提供三类能力(名称来自 README):

  • reel_scan — 读取本地插件包 / README / 截图目录
  • reel_plan — 把 brief 转成确定性分镜
  • reel_render — 本地渲染 mode=video|image|both

README 写明:case 目前仍需手写;reel_scan / reel_plan 自动化在 roadmap 上。仅支持 16:9 视频与 3:4 图;9:16、1:1 为 TODO;尚无旁白,仅有生成音乐与字幕。发布前还需在真实 profile 上做验证、HMR/dispose 检查并收紧发布形态。

环境要求

  • Node.js 22+(package.json engines.node: >=22)
  • pnpm
  • Chrome 或 Chromium;必要时 export CHROME_PATH="..."(README 给出 macOS 示例路径,并说明 CLI 会尝试常见 macOS/Windows/Linux 路径)
  • 仅当需要重新生成 BGM 时才需要 Python 3

安装与启用

插件以 DSH 进程权限运行;安装前请自行阅读仓库源码与 MIT 许可证。SkillHub 为社区目录站点,与 DeepSeek / 幻方无官方从属关系。

从 GitHub 安装到 scratch profile(README:npm 发布前推荐方式):

dsh plugin --profile scratch add github:Eileenes/dsh-reel

npm 发布后(README 原文):

dsh plugin --profile scratch add dsh-reel-studio

说明:上述安装针对 scratch profile,且 README 明确 not yet validated against a real DSH build。若你主要使用 Remotion 管线,也可按仓库 Quick start 在本地搭建 studio,不经过 DSH 宿主。

典型用法:本地 studio 快速开始

README Quick start 步骤如下(用于直接跑渲染,与 DSH 插件安装是两条路径)。

1、克隆仓库并安装 studio 依赖:

git clone https://github.com/Eileenes/dsh-reel.git
cd dsh-reel/studio
pnpm install
cd ..

2、(可选)指定 Chrome:

export CHROME_PATH="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"

3、指定 case 与模式执行渲染(见上文 node scripts/reel.mjs 示例)。包内还提供 pnpm 脚本别名:pnpm reel 对应 node scripts/reel.mjs。

复制自己的插件时:仿照 cases/dsh-better-sidebar.json 新建 case,把截图放入 studio/public/,再改 --case 路径。勿在未获授权的情况下渲染第三方截图;README 建议优先使用合成 mock 或自有 UI。

适用场景与注意

适合谁

  • 需要为 DSH 插件产出统一规格宣传片、竖版配图与视频封面的作者或社区运营
  • 希望在渲染前用 JSON 固定「安装命令、仓库地址、功能表述」,减少剪辑与设计稿漂移的团队
  • 已熟悉 Node 22+、pnpm 与 Remotion 本地渲染环境的开发者

限制与合规

  • 宿主包尚未在真实 DSH profile 验证;生产环境请谨慎,优先 scratch 或纯 CLI 路径
  • 竖版短视频、方图、旁白尚未支持;自动化扫描/分镜仍在 roadmap
  • 项目为非官方社区作品;README Disclaimer 说明与 DeepSeek 无隶属或背书关系;卡通鲸鱼为原创插图,非官方 logo

发布与 DSH 市场 checklist 见仓库 PUBLISHING.md。

结尾

dsh-reel-studio 把「可审阅的 case JSON + 本地 Remotion」绑成一条确定性管线,减轻 DSH 插件宣传视频与配图重复搭建的成本;同时预留 reel_scan / reel_plan / reel_render 以便日后装进 DSH。当前更成熟的是 studio 渲染路径,宿主集成仍属原型阶段。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye