Back to directory

openpencil

Maintenance: Active

zseven-w/openpencil

The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.

View on GitHubHomepage
$ brew tap zseven-w/openpencil && brew install --cask openpencil

5,906

stars

508

forks

Rust

Language

MIT

License

2026-02-17

Created

2026-09-11

Last push

MIT-licensed, Rust-based AI vector design tool with prompt-to-canvas generation, a built-in MCP server and `op` CLI; the README documents no dedicated DeepSeek Harness integration — DeepSeek is a built-in model provider preset.

DSH integration

Ecosystem-related

Author-claimed

Safety audit

Unaudited

Last verified

2026-08-21

License

MIT

01What can it help you accomplish?

  • 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

02How to install into DeepSeek Harness

Prerequisites

  • 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)

Installation steps

  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`)

Verify the integration

Not specified by the author

03DSH integration and capability boundaries

DSH integrationEcosystem-related

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)

04Who is it for? When not to use it?

Good for

  • 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

Not for

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

05Compatibility, maintenance and safety notes

  • 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)

06Frequently asked questions

Does OpenPencil work with DeepSeek Harness?

The README does not document a dedicated DeepSeek Harness integration. OpenPencil exposes a built-in MCP server and the `op` CLI designed for MCP-compatible agents (one-click install targets Claude Code, Codex, OpenCode, Kiro, and Copilot CLIs). DeepSeek appears inside the app as one of 9+ built-in model provider presets.

How do I install OpenPencil?

macOS: `brew tap zseven-w/openpencil` then `brew install --cask openpencil`. Windows: `scoop bucket add openpencil https://github.com/zseven-w/scoop-openpencil` then `scoop install openpencil`. Linux: `.AppImage` / `.deb` from GitHub Releases, or Nix on x86_64. The `op` CLI installs via `brew install zseven-w/openpencil/op` or the install script.

How can AI coding agents drive OpenPencil?

Via the built-in MCP server (`op-mcp` crate) — stdio transport through the desktop binary (`--mcp <path>`) or a live HTTP endpoint at `127.0.0.1:<port>/mcp`, no Node.js required — and via the `op` CLI with batch design DSL. The OpenPencil Skill plugin teaches agents how to design with `op` (`op install`).

What model providers are built in?

9+ providers via presets with a region switcher — Anthropic, OpenAI, Google, DeepSeek, and more — plus Claude Code (local OAuth), Codex CLI, OpenCode, and GitHub Copilot as agent runtimes. Prompts and thinking modes adapt automatically per model tier.

What is the output format?

`.op` files — JSON that is human-readable, Git-friendly, and diffable. From one `.op` file you can export React + Tailwind, HTML + CSS, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose, and React Native code, plus PNG/JPEG/WEBP/PDF canvas export.

08Data and sources

  • Author-claimedgithub.com9c810776dab5…

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

  • Author-claimedgithub.com9c810776dab5…

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

This page is generated from the project’s public documentation, repository metadata and a structured parse of DSH Plugins; last verified on 2026-08-21. Found an error? Submit a correction.

🏆

Best DeepSeek Harness Plugins

Twelve plugins worth installing first — picked from the whole catalog, across every category.

DSH Plugins is an independent community directory of DeepSeek Harness plugins. Not affiliated with or endorsed by DeepSeek. Third-party plugins are not security-audited — review the source before installing.

New DeepSeek Harness plugins, weekly. No spam.