ZSeven-W / codex-openpencil
git clone https://github.com/ZSeven-W/codex-openpencil.git
v0.3.13 · 3d ago
Codex plugin for OpenPencil — an interactive Rust/WASM canvas for AI-assisted UI design. Create editable .op files from prompts, refine selected elements, generate image assets, and install with one prompt on macOS, Windows, and Linux.
—
stars, 24h
+83
stars, 7 days · #630
+83
stars, 30 days · #2,756
83
★ total · +83% this week
8
forks · 1 open issues
Star history starts 2026-10-20; the chart appears after the second daily snapshot.
LanguageJavaScript
LicenseMIT
Created2026-10-14 (6d ago)
Last push2d ago
Watchers0
OwnerOrganization
GitHub topics
agent-skillsai-agentsai-designcodexcodex-plugindesign-as-codedesign-toolsimage-generationinteractive-canvasmcpmcp-appsmodel-context-protocolopenai-codexopenpencilrustui-designwebassembly
Links
README excerpt
Codex OpenPencil The Codex plugin for OpenPencil — create, inspect, and refine editable .op designs from a conversation. One-Prompt Setup • Interactive Canvas • Selection Prompts • Native Rust Engine English · 简体中文 Quick Start · Features · Examples · Ecosystem · Install Guide · Validation Design in a Codex conversation, refine on an editable OpenPencil canvas — MŌDE fashion app home and product detail screens. ## One-prompt install and first design > **Image generation is enabled by default.** When a design needs new image assets, Codex uses its built-in image generation, which may consume your Codex image-generation quota. Say **“use stock images only”** to skip generation. Unavailable or failed generation falls back to stock search. Give Codex this: [code] INSTALL.md guides Codex through prerequisites, installation, runtime verification, opening the canvas, and completing the first design. Setup downloads the complete Rust editor, matching WASM, CanvasKit, fonts, and templates for your OS and CPU, then verifies a real native edit, save, and reopen before registering the plugin. You need **Node.js 22+, Git, and a recent local Codex client with plugin support**. No GitHub account, API key, DSH, Rust compiler, separate OpenPencil desktop app, or npm dependency install is needed for this plugin's setup. Prefer to install manually? [code] Keep the checkout in a persistent location. Setup registers it as a local marketplace and installs `openpencil@zseven-openpencil`. A newly installed plugin may need reconnecting or a new chat to load its tools; the terminal canvas lets Codex complete the first design in the installation chat. Setup also verifies the tools through Codex's actual plugin loader. It records your current Node executable privately, so a desktop PATH that differs from your terminal does not prevent startup. Use `npm run host-check` to diagnose plugin loading without opening a chat or editing a design. | Platform | Runtime builds | System requirements | | --- | --- | --- | | macOS | Apple Silicon, Intel | Built on macOS 15 native runners | | Windows | ARM64, x64 | Matching Microsoft Visual C++ v14 Redistributable | | Linux | ARM64, x64 | glibc, fontconfig, and FreeType; Ubuntu 24.04+ ARM64 / 22.04+ x64 | See the full compatibility table and dependency guidance. Fresh installation and native edit/save/reopen checks passed on all six OS/CPU builds; validation records distinguish these checks from bare-OS provisioning and embedded host UI verification. ## Why Codex OpenPencil Codex OpenPencil connects Codex to the local Rust OpenPencil engine. The result is a real vector document with editable layers, text, shapes, and layout. ### 🎨 Prompt → Canvas Describe a dashboard, mobile screen, or landing page. Codex creates and refines native design nodes, inspects layout, and renders previews before saving the result. ### ✏️ Interactive Editing Select layers, pan and zoom, edit text, draw shapes, and undo changes. Mouse edits and Codex