デザインワークフロー
dsh-hyperframes
HeyGen の HyperFrames を移植。HTML を完成した動画に変える公式スキル 5 本。
概要
1 回のインストールで、HeyGen の公式 HyperFrames スキル 5 本をハーネスに登録する。ビジュアルスタイル、パレット、字幕、オーディオリアクティブなトランジションを備えた HTML 動画合成、hyperframes CLI、コンポーネントレジストリ、ウェブサイトから動画へのパイプライン、そして GSAP アニメーションリファレンス。
Five skills: hyperframes, hyperframes-cli, hyperframes-registry, website-to-hyperframes, gsap
DSH（DeepSeek Harness）视频创作技能插件：安装即把 HyperFrames by HeyGen 官方移植技能五件套注册进 DSH（HTML 写视频：合成、GSAP 动画、字幕、配音、音频响应、网址转视频）。
デザインにとっての意味
- 慣れた媒体でのモーションデザイン。HTML と CSS がレンダリングされた動画になる。
- 7 ステップのウェブサイト動画化パイプラインが、URL を仕上がったクリップに変える。
- スキルはオープンな SKILL.md 形式なので、同じセットが Claude Code、Cursor、Codex でも使える。
カバーする内容
- 安装
- 技能清单
- 依赖
- 移植说明
- 跨平台使用
インストール方法
dsh-hyperframes
-
ターミナルでこれを実行する。
dsh plugin --profile web add dsh-hyperframes -
dsh web を再起動して、プラグインを読み込ませる。
-
あとは作りたいデザインを説明するだけ。ハーネスがプラグインのツールを拾い上げる。
DeepSeek Harness での使い方
-
web プロファイルにプラグインを追加し、再起動する。
-
「この URL を HyperFrames の動画にして」と言えば、パイプラインが起動する。
-
hyperframes CLI でレンダリングする。依存は Node 22+ と FFmpeg だけ。
ここに並ぶプラグインはすべて無料でインストールでき、実際の配布元にリンクしています。
DeepSeek Harness リポジトリをもっと見る ↗ほかの DeepSeek Harness デザインプラグイン
ビジョン & 入力 できること modlens テキスト専用の DeepSeek モデルに、プラグインで視覚を与える。スクリーンショットを貼れば、構造化された根拠が返ってくる。 
ビジョン & 入力 できること dsh-vision-toolkit UI 復元、グラウンディング、ピクセル差分検証のための 10 個のビジョンツール。 
ビジョン & 入力 できること dsh-ui-spec UI スクリーンショットを実装レベルの仕様に変える。トークン、余白スケール、レイアウトグリッド。 
ビジョン & 入力 できること dsh-media-skills 無料の目と無料の絵筆。貼り付けた画像の読み取りと、ウォーターマークなしの画像生成。 次のステップ
セットアップなしで、OpenDesign とデザインする
このプラグインを自分で入れてもいいし、OpenDesign でキュレーション済みのデザインレイヤーごと DeepSeek Harness の周りで動かしてもいい。自分の API キーを使い、成果物も自分のものに。