返回目錄

openpencil

維護狀態: 活躍

zseven-w/openpencil

全球首個開源 AI 原生向量設計工具,支援併發智慧體團隊,可在畫布上直接通過提示詞生成 UI。

前往 GitHub專案首頁
$ brew tap zseven-w/openpencil && brew install --cask openpencil

5,906

星數

508

Fork

Rust

語言

MIT

授權條款

2026-02-17

建立於

2026-09-11

最近推送

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

02如何將外掛接入 DeepSeek 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)

安裝步驟

  1. 01

    macOS: `brew tap zseven-w/openpencil && brew install --cask openpencil`

    $ brew tap zseven-w/openpencil && brew install --cask openpencil

  2. 02

    Windows: `scoop bucket add openpencil https://github.com/zseven-w/scoop-openpencil && scoop install openpencil`

  3. 03

    Linux / Windows direct download: GitHub Releases — `.exe` (Windows), `.AppImage` / `.deb` (Linux)

  4. 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

  5. 05

    Optional Docker web host: `docker run -d -p 3100:3100 ghcr.io/zseven-w/openpencil-web:v${VERSION}` then open `http://localhost:3100/`

  6. 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 整合程度與能力邊界

DSH 整合生態系相關

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 guidesreal-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 default
  • Built-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 app
  • Design-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 moreprompts, 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.
2026-02-172026-08-19v0.8.4

MIT · actively maintained (latest release v0.8.4, 2026-08-11)

06常見問題

OpenPencil 能搭配 DeepSeek Harness 使用嗎?

README 未記載專屬的 DeepSeek Harness 整合。OpenPencil 提供內建 MCP 伺服器與 `op` CLI,面向相容 MCP 的 agent(一鍵安裝目標為 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 編碼 agent 如何驅動 OpenPencil?

透過內建 MCP 伺服器(`op-mcp` crate)——桌面二進位檔以 stdio 方式執行(`--mcp <path>`),或執行中的應用程式在 `127.0.0.1:<port>/mcp` 提供 HTTP 端點,無需 Node.js——以及支援批次設計 DSL 的 `op` CLI。OpenPencil Skill 外掛可教導 agent 使用 `op` 進行設計(`op install`)。

內建哪些模型供應商?

9+ 家供應商,附區域切換的預設——Anthropic、OpenAI、Google、DeepSeek 等——另支援 Claude Code(本機 OAuth)、Codex CLI、OpenCode 和 GitHub Copilot 作為 agent 執行環境。提示詞與思考模式會依模型等級自動調整。

輸出格式是什麼?

`.op` 檔案——JSON 格式,人類可讀、對 Git 友善、可 diff。從單一 `.op` 檔可匯出 React + Tailwind、HTML + CSS、Vue、Svelte、Flutter、SwiftUI、Jetpack Compose 和 React Native 程式碼,畫布另支援匯出 PNG/JPEG/WEBP/PDF。

08資料與來源

  • 作者聲明github.com9c810776dab5…

    Select from provider presets with region switcher — Anthropic, OpenAI, Google, DeepSeek, and more

  • 作者聲明github.com9c810776dab5…

    Design automation from terminal: read, create, and modify `.op` files via any MCP-compatible agent

此頁面根據專案公開文件、儲存庫中繼資料與 DSH Plugins 的結構化解析所產生;最後核實於 2026-08-21。發現錯誤?提交更正。

🏆

最佳 DeepSeek Harness 外掛

從全目錄挑出的 12 個值得優先安裝的外掛,涵蓋各個分類。

DSH Plugins 是獨立的 DeepSeek Harness 外掛市集,與 DeepSeek 官方無關,也不代表官方背書。第三方外掛未經安全稽核,安裝前請審查原始碼。

每週取得最新的 DeepSeek Harness 外掛,絕不濫發。