MIT ライセンスの Rust 製 AI ベクトルデザインツール。プロンプトからキャンバス生成、内蔵 MCP サーバーと `op` CLI を搭載。README に DeepSeek Harness 専用統合の記載はなく、DeepSeek は内蔵モデルプロバイダーの一つ。
DSH 統合
エコシステム関連
作者による申告
安全性監査
未監査
最終検証日
2026-08-21
ライセンス
MIT
01どんなタスクに使えるのか？
Generate UI and page designs from natural-language prompts on a live infinite canvas
Vector designs on the canvas in real-time with streaming animation; `.op` files (JSON, Git-friendly) plus code export to React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native
Designers and developers who want AI-generated UI as inspectable, diffable Design-as-Code files
Drive design automation from any MCP-compatible coding agent via the built-in MCP server
Read, create, and modify `.op` files through MCP tools — including a layered workflow (`design_skeleton` → `design_content` → `design_refine`), style guide tools, and multi-page support
Agent users who want a coding agent CLI to read, create, and modify design files from the terminal
Run batch design automation from the terminal with the `op` CLI
Batch designs from files or stdin (`op design @landing.txt`, `cat design.dsl | op design -`), node insertion, Figma import, and a headless file-backed server mode
Developers scripting design generation in CI or terminal workflows
02DeepSeek Harness への導入方法
前提条件
- Platform package manager: Homebrew (macOS), Scoop (Windows), or direct download from GitHub Releases; Nix (Linux x86_64) is an alternative lane
- For the `op` CLI only: Homebrew on macOS/Linux, or the install script (macOS / Linux) / PowerShell script (Windows)
インストール手順
- 01
macOS: `brew tap zseven-w/openpencil && brew install --cask openpencil`
$ brew tap zseven-w/openpencil && brew install --cask openpencil
- 02
Windows: `scoop bucket add openpencil https://github.com/zseven-w/scoop-openpencil && scoop install openpencil`
- 03
Linux / Windows direct download: GitHub Releases — `.exe` (Windows), `.AppImage` / `.deb` (Linux)
- 04
CLI (`op`): `brew install zseven-w/openpencil/op`, or `curl -fsSL https://raw.githubusercontent.com/ZSeven-W/openpencil/main/scripts/install-op.sh | bash` (Windows: `irm https://raw.githubusercontent.com/ZSeven-W/openpencil/main/scripts/install-op.ps1 | iex`)
$ brew install zseven-w/openpencil/op
- 05
Optional Docker web host: `docker run -d -p 3100:3100 ghcr.io/zseven-w/openpencil-web:v${VERSION}` then open `http://localhost:3100/`
- 06
Optional — teach AI agents to design with `op`: install the OpenPencil Skill plugin, then run `op install` for detected agents (or `op install --target codex`)
導入成功の確認
作者は未記載
03DSH 統合と能力の範囲
Standalone AI-native vector design tool; no DeepSeek Harness/dsh integration is documented in the README — the only DeepSeek mention is as one of 9+ built-in model providers in the app's provider presets
Prompt → Canvas generation with Concurrent Agent Teams
natural-language prompts, optional screenshots/mockups (vision input), style guides→real-time vector UI on the infinite canvas; an orchestrator decomposes complex pages into spatial sub-tasks generated by multiple agents in parallel
AI requests are sent to the configured model provider over the network; browser-entered provider credentials are kept in same-origin localStorage by defaultBuilt-in MCP server (`op-mcp`)
any MCP-compatible agent CLI (one-click install into Claude Code / Codex / OpenCode / Kiro / Copilot CLIs)→MCP tools to read, create, and modify `.op` files — layered design workflow, segmented prompt retrieval, style guide tools, multi-page support
stdio transport via the desktop binary (`--mcp <path>`), plus a live HTTP endpoint at `127.0.0.1:<port>/mcp` from the running appDesign-as-Code: `.op` format and multi-platform code export
`.op` design files (JSON — human-readable, Git-friendly, diffable)→code export to React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, React Native; design variables become CSS custom properties
Multi-model intelligence with DeepSeek among 9+ built-in providers
provider presets with region switcher — Anthropic, OpenAI, Google, DeepSeek, and more→prompts, thinking mode, and timeouts automatically adapted per model tier (full-tier, standard-tier, basic-tier)
04誰に向いているのか？使うべきでない場面は？
向いている用途
- Designers and developers who want AI-generated UI as inspectable, diffable Design-as-Code files
- Agent users who want a coding agent CLI to read, create, and modify design files from the terminal
- Developers scripting design generation in CI or terminal workflows
不向きな用途
- The README documents no DeepSeek Harness/dsh integration: MCP one-click install targets Claude Code, Codex, OpenCode, Kiro, and Copilot CLIs, and the LLM Skill's explicit install example targets codex. DeepSeek appears only as a model provider preset inside the app.
05互換性・メンテナンス・セキュリティ上の注意
- The README documents no DeepSeek Harness/dsh integration: MCP one-click install targets Claude Code, Codex, OpenCode, Kiro, and Copilot CLIs, and the LLM Skill's explicit install example targets codex. DeepSeek appears only as a model provider preset inside the app.
- Nix builds are currently published for x86_64-linux only and do not produce a `.deb`; a Debian package requires the upstream release artifacts.
- The Windows installer has been flagged by antivirus as a known heuristic false positive on new, low-prevalence releases; the README points to a download-verification doc.
MIT · actively maintained (latest release v0.8.4, 2026-08-11)
06よくある質問
OpenPencil は DeepSeek Harness と連携できますか？
README に DeepSeek Harness 専用統合の記載はありません。OpenPencil は内蔵 MCP サーバーと `op` CLI を提供しており、MCP 対応エージェント向けです（ワンクリックインストールの対象は Claude Code、Codex、OpenCode、Kiro、Copilot CLI）。DeepSeek はアプリ内で 9 種類以上の内蔵モデルプロバイダーのプリセットの一つとして利用できます。
OpenPencil のインストール方法は？
macOS: `brew tap zseven-w/openpencil` の後 `brew install --cask openpencil`。Windows: `scoop bucket add openpencil https://github.com/zseven-w/scoop-openpencil` の後 `scoop install openpencil`。Linux: GitHub Releases から `.AppImage` / `.deb` をダウンロードするか、x86_64 では Nix も利用可能。`op` CLI は `brew install zseven-w/openpencil/op` またはインストールスクリプトで導入できます。
AI コーディングエージェントから OpenPencil をどう操作しますか？
内蔵 MCP サーバー（`op-mcp` クレート）経由 — デスクトップバイナリによる stdio トランスポート（`--mcp <path>`）、または起動中のアプリが `127.0.0.1:<port>/mcp` に提供する HTTP エンドポイントを利用でき、Node.js は不要です。バッチデザイン DSL に対応した `op` CLI も使えます。OpenPencil Skill プラグインでエージェントに `op` でのデザイン方法を教えられます（`op install`）。
内蔵のモデルプロバイダーは？
リージョンスイッチ付きプリセットで 9 社以上 — Anthropic、OpenAI、Google、DeepSeek など — に加え、エージェントランタイムとして Claude Code（ローカル OAuth）、Codex CLI、OpenCode、GitHub Copilot に対応。プロンプトや思考モードはモデルのティアに応じて自動調整されます。
出力フォーマットは？
`.op` ファイル — JSON ベースで人間が読め、Git と相性が良く diff 可能です。1 つの `.op` ファイルから React + Tailwind、HTML + CSS、Vue、Svelte、Flutter、SwiftUI、Jetpack Compose、React Native のコードをエクスポートでき、キャンバスは PNG/JPEG/WEBP/PDF 出力に対応します。
07関連する DSH ワークフロー
ruflo
by ruvnet
元祖エージェントメタハーネス。知能マルチプレイヤー・スウォームの展開、自律ワークフロー連携、対話型AIシステムの構築に対応。適応メモリ、自己学習、RAG統合、Claude Code／Codex／Hermesネイティブ連携を備える。
reactive-resume
by amruthpillai
プライバシーに配慮した無料のオープンソース履歴書ビルダー
everos
by evermind-ai
すべての AI エージェント向けポータブルメモリ層。ローカルファースト、Markdown ネイティブ、ユーザー所有、アプリ横断で自己進化
yao
by yaoapp
エージェントとワークスペースを一か所に集約し、デスクトップ・モバイル・ブラウザ・API からタスクをボード管理できるセルフホスト型アプリ
08データと出典
Select from provider presets with region switcher — Anthropic, OpenAI, Google, DeepSeek, and more
Design automation from terminal: read, create, and modify `.op` files via any MCP-compatible agent
このページは、プロジェクトの公開ドキュメント、リポジトリのメタデータ、および DSH Plugins の構造化解析に基づいて生成されています。最終検証日：2026-08-21。誤りを見つけた場合は、修正を送信してください。
dsh プラグイン おすすめ
最初に入れたい 12 のプラグイン。全カタログ・全カテゴリから厳選しました。