DeepSeek Harness と OpenPencil をつなぐプラグイン。Agent が動かすのは生成画像ではなく、本物の編集可能でインタラクティブなデザインキャンバスだ。多フレームの正確なプレビュー、パン・ズーム可能な読み取り専用キャンバス、レイヤーとプロパティを備えたマネージドエディタ、そして 5 つのデザインツールを提供する。
dsh plugin --profile web add @zseven-w/dsh-openpencil@latest
--profile の後ろは自分で付ける profile 名です。使っているものに置き換えてください。
よくある「AI がデザインする」話は生成画像を返して終わるが、DSH OpenPencil は別の道を行く。Agent が本物の `.op` ドキュメントを直接操作するのだ。導入された OpenPencil ヘッドレスエクスポーターは設計に忠実なプレビューを描画する——最初のトップレベル frame は再生安全な大きな PNG として、その下に横スクロールできるサムネイルレールが付き、クリックで選択、複数フレーム文書では前後移動もできる。「インタラクティブキャンバスを開く」を選ぶと、読み取り専用の OpenPencil Web SDK が遅延マウントされ、パン・ズーム・フィットが使える。会話を離れずに任意のページ、ネストしたノード、非アクティブなページを検分できる。`editable: true` を渡すと、マネージド OpenPencil エディタが開く——選択、レイヤー、プロパティ、描画ツール、アンドゥ/リドゥ、そして明示的な保存セマンティクスが、幅を変えられる右側のワークベンチに現れ、全画面表示にも対応する。5 つのツール(`openpencil_new`、`openpencil_create`、`openpencil_edit`、`openpencil_render`、`openpencil_selection`)により、Agent はトランザクショナルな `batch_design` プログラムを通じて本物のキャンバスを作成・変更・読み取りできる。セキュリティ面では、画像と文書の付与は署名されハッシュに束縛された capability であり、ブラウザのメタデータが任意のホストパスを露出することはなく、署名済みのプレビュー/エディタ capability が正規のツール結果やモデルコンテキストに入ることもない。トランザクション保証として、`batch_design` プログラム全体が成功した後にのみ新規文書が公開され、既存パスを上書きすることはなく、失敗したバッチが空ファイルを残すこともなく、保存は楽観的ハッシュとアトミック置換で行われる。
- ▸多フレームの正確なプレビュー:トップレベル frame の大きな PNG + 横スクロールのサムネイルレール、クリック選択と前後移動
- ▸パン・ズーム可能なインタラクティブキャンバス。`editable: true` でレイヤー / プロパティ / アンドゥを備えたマネージドエディタが幅可変・全画面対応のワークベンチに開く
- ▸5 つの Agent ツールがトランザクショナルな `batch_design` で本物のキャンバスを作成・変更・読み取り。全成功時のみ公開、失敗しても空ファイルを残さない
- ▸署名・ハッシュ束縛の capability 付与。ホストパスはブラウザメタデータから漏れず、プレビュー/エディタ capability はツール結果やモデルコンテキストに入らない
OpenPencil 设计文档预览编辑插件,npm 已发 rc、十语言 README,工程线完整
