openpencil/apps/cli
Kayshen Xu a67debc233
V0.7.3 (#111)
* fix(ai): stop white section bands on dark-themed pages

- role-resolver: skip fixSectionAlternation when parent fill luminance < 0.5, so we no longer paint #FFFFFF/#F8FAFC over a dark root
- strip-redundant-section-fills: add SAFE_LIGHT_HEXES so stale whites from earlier runs (or weak-model hedges) are cleaned up on the sink side
- regression tests for both layers

* feat(ai): design.md-driven background + sidebar color pipeline

- orchestrator-sidebar-color: extract sidebar surface picker; prefer design.md palette role (sidebar/panel/surface) over catalog style-guide legacy cell
- orchestrator-planning: force rootFrame fill from design.md background when a user spec is provided, so sections don't inherit a bright catalog default
- orchestrator-prompt-optimizer: infer design.md background + neutral theme fallback for sub-agent prompts
- orchestrator-sub-agent / ai-prompts: tell sub-agents to leave section root fills unset when design.md drives the palette
- design-md-style-policy: surface-colors policy block keeps MCP and web pipeline aligned
- add planning + prompt-optimizer regression tests

* chore: ignore .omx/ directory

* Enable local OS fonts with vector rendering and proper permission handling (#110)

* docs(readme): update cover screenshot

* fix(renderer): enable local OS fonts with vector rendering and proper permission handling

* test(renderer): refactoring names and creating vi.stubGlobal for the navigator as it's not available in the test environment.

---------

Co-authored-by: Fini <fini.yang@gmail.com>
Co-authored-by: Daniel Chettiar <danielc@snapwork.com>

* feat(types): add AppendContext and SubTask.existingSectionLabels

* feat(ai): add detectAppendIntent for continue/append prompts

* feat(ai): detect append intent before generate_design dispatch

* feat(ai): add applyAppendContextToPlan helper

* feat(ai): reuse existing content-root in append mode

* feat(ai): sub-agent APPEND MODE preamble for existing siblings

* docs(ai): teach horizontal scroll card-row pattern

* chore(ai): enable incremental-add skill in generation phase

* fix(canvas): render synchronously on resize to prevent white flash

Setting canvas.width/height clears the pixel buffer to transparent.
resize() previously only marked dirty, leaving the canvas transparent
until the next RAF and showing the container bg-muted through for one
frame whenever the flex layout shifted (e.g. RightPanel mount on first
selection after idle). Rendering inline after recreateSurface fills
the new surface before the browser paints, closing that window.

* style: apply oxfmt formatting drift across web and renderer files

Non-semantic line-break and wrapping adjustments picked up by oxfmt.
No behavior changes.

* fix(mcp): run codex via shell on Windows to handle .cmd shims

Since Node 18.20/20.12 (CVE-2024-27980) execFileSync refuses to spawn
.cmd/.bat files directly and throws EINVAL. On Windows route through
execSync with shell resolution so PATHEXT picks whichever shim exists
(codex.exe / codex.cmd / codex.ps1).

* feat(editor): anchor paste to selected container or sibling

Pressing Cmd/Ctrl+V now inserts pasted nodes into the selected
container (if it can hold children) or immediately after the selected
node as a sibling, falling back to the root when nothing is selected.
Previously every paste landed at document root, which broke expected
behavior when working inside nested frames.

* docs(ai): expand horizontal scroll card-row example in overflow skill

Flesh out the inline JSON example so the generation-phase skill shows
the full clipContent + nested fit_content row pattern, instead of a
truncated snippet that left model output inconsistent.

* style(lint): clear 7 oxlint warnings from recent commits

- orchestrator-planning.test.ts: narrow fill-array type to
  Array<{...}> | undefined and use ?.[0] instead of unchecked [0]
  so optional chain does not throw on short-circuit
- mcp-install.ts: drop `?? {}` fallbacks when spreading
  config.mcpServers; spread of undefined in an object literal
  is a no-op (ES2018+)

* style(lint): clear remaining 15 oxlint warnings across repo

Removes pre-existing warnings not related to any single feature:

- no-useless-fallback-in-spread (6): drop `?? {}` when spreading
  possibly-undefined records (document-store-variable-actions,
  pen-mcp/tools/{variables,theme-presets}, variable-theme-manager)
- no-useless-spread (2): replace `[...iterable]` with `Array.from`
  in for-of snapshots (document-events, agent-indicator), keeping
  the re-entry-safe copy intent explicit
- no-control-regex (2): use `\P{ASCII}` unicode property escape
  instead of `[^\x00-\x7F]` to express "non-ASCII" without
  referencing U+0000 (opencode clients)
- no-new-array (1): `Array.from({ length }, () => '..')` in
  document-assets
- no-unused-vars (3): drop unused catch params (agent.ts,
  code-generation-pipeline) and unused globSync import
  (patch-srvx-bun)
- no-useless-escape (1): `[[{]` instead of `[\[{]` in
  chat-message-content regex

---------

Co-authored-by: Fini <fini.yang@gmail.com>
Co-authored-by: Daniel Chettiar <74943095+1MochaChan1@users.noreply.github.com>
Co-authored-by: Daniel Chettiar <danielc@snapwork.com>
2026-04-15 22:19:12 +08:00
..
src V0.7.1 (#102) 2026-04-13 21:30:23 +08:00
.gitignore V0.5.1 (#77) 2026-03-23 21:20:59 +08:00
CLAUDE.md V0.7.1 (#102) 2026-04-13 21:30:23 +08:00
package.json V0.7.3 (#111) 2026-04-15 22:19:12 +08:00
README.de.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.es.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.fr.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.hi.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.id.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.ja.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.ko.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.pt.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.ru.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.th.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.tr.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.vi.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.zh-TW.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
README.zh.md V0.7.0 (#95) 2026-04-11 23:25:13 +08:00
tsconfig.json V0.7.0 (#95) 2026-04-11 23:25:13 +08:00

@zseven-w/openpencil

English · 简体中文 · 繁體中文 · 日本語 · 한국어 · Français · Español · Deutsch · Português · Русский · हिन्दी · Türkçe · ไทย · Tiếng Việt · Bahasa Indonesia

CLI for OpenPencil — control the design tool from your terminal.

Install

npm install -g @zseven-w/openpencil

Platform Support

The CLI automatically detects and launches the OpenPencil desktop app on all platforms:

Platform Installation paths detected
macOS /Applications/OpenPencil.app, ~/Applications/OpenPencil.app
Windows NSIS per-user (%LOCALAPPDATA%), per-machine (%PROGRAMFILES%), portable
Linux /usr/bin, /usr/local/bin, ~/.local/bin, AppImage (~/Applications, ~/Downloads), Snap, Flatpak

Usage

op <command> [options]

Input Methods

Arguments that accept JSON or DSL can be passed in three ways:

op design '...'              # Inline string (small payloads)
op design @design.txt        # Read from file (recommended for large designs)
cat design.txt | op design - # Read from stdin (piping)

App Control

op start [--desktop|--web]   # Launch OpenPencil (desktop by default)
op stop                      # Stop running instance
op status                    # Check if running

Design (Batch DSL)

op design <dsl|@file|-> [--post-process] [--canvas-width N]
op design:skeleton <json|@file|->
op design:content <section-id> <json|@file|->
op design:refine --root-id <id>

Document Operations

op open [file.op]            # Open file or connect to live canvas
op save <file.op>            # Save current document
op get [--type X] [--name Y] [--id Z] [--depth N]
op selection                 # Get current canvas selection

Node Manipulation

op insert <json> [--parent P] [--index N] [--post-process]
op update <id> <json> [--post-process]
op delete <id>
op move <id> --parent <P> [--index N]
op copy <id> [--parent P]
op replace <id> <json> [--post-process]

Code Export

op export <format> [--out file]
# Formats: react, html, vue, svelte, flutter, swiftui, compose, rn, css

Variables & Themes

op vars                      # Get variables
op vars:set <json>           # Set variables
op themes                    # Get themes
op themes:set <json>         # Set themes
op theme:save <file.optheme> # Save theme preset
op theme:load <file.optheme> # Load theme preset
op theme:list [dir]          # List theme presets

Pages

op page list                 # List pages
op page add [--name N]       # Add a page
op page remove <id>          # Remove a page
op page rename <id> <name>   # Rename a page
op page reorder <id> <index> # Reorder a page
op page duplicate <id>       # Duplicate a page

Import

op import:svg <file.svg>     # Import SVG file
op import:figma <file.fig>   # Import Figma .fig file

Layout

op layout [--parent P] [--depth N]
op find-space [--direction right|bottom|left|top]

Global Flags

--file <path>     Target .op file (default: live canvas)
--page <id>       Target page ID
--pretty          Human-readable JSON output
--help            Show help
--version         Show version

License

MIT