Openpencil Skill
LLM skill for designing with OpenPencil via the op CLI and MCP tools
Install
$ agentstack add mcp-zseven-w-openpencil-skill ✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
Verified badge
Passed review? Show it. Paste this badge into your README, it links to the public security report.
Links to your public security report.[](https://agentstack.voostack.com/security/report/mcp-zseven-w-openpencil-skill) Reliability & compatibility
Declared compatibility
Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.
We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.
How agent discovery & health will work →About
OpenPencil Skill
English · 简体中文 · 繁體中文 · 日本語 · 한국어 · Français · Español · Deutsch · Português · Русский
LLM skill for designing with OpenPencil — teaches AI agents to use the op CLI, batch design DSL, MCP tools, and design best practices.
Follows the agentskills.io specification.
Prerequisites
Install the op CLI before using this skill:
npm install -g @zseven-w/openpencilEnsure a running OpenPencil instance (desktop app or web server) for op to connect to.
Installation
> Note: Installation differs by platform. Claude Code and Cursor have built-in plugin systems. Codex and OpenCode require manual setup.
Claude Code (Plugin Marketplace)
Register the marketplace, then install the plugin:
/plugin marketplace add zseven-w/openpencil-skill
/plugin install openpencil-skill@openpencil-skillCursor
In Cursor Agent chat:
/add-plugin openpencil-skillOr search for "openpencil" in the plugin marketplace.
Codex
Tell Codex:
Fetch and follow instructions from https://raw.githubusercontent.com/zseven-w/openpencil-skill/main/.codex/INSTALL.mdOpenCode
Tell OpenCode:
Fetch and follow instructions from https://raw.githubusercontent.com/zseven-w/openpencil-skill/main/.opencode/INSTALL.mdGemini CLI
gemini extensions install https://github.com/zseven-w/openpencil-skillTo update:
gemini extensions update openpencil-skillVerify Installation
Start a new session and ask to design something with OpenPencil (e.g., "design a landing page using op CLI"). The agent should automatically use the skill to generate PenNode JSON via the op CLI or MCP tools.
What's Included
opCLI command reference (app control, document ops, nodes, import, layout, pages, variables, codegen)- Batch Design DSL syntax with full landing page example
- PenNode schema — all node types (frame, rectangle, ellipse, polygon, text, path, image, icon_font, ref, line, group), properties, fills
- 40+ semantic roles with smart defaults
- Design principles — typography, color, spacing, shadows
- Layout engine rules and sizing decisions
- Layered MCP workflow (skeleton → content → refine)
- Codegen pipeline (plan → submit → assemble → clean)
- Import support (SVG, Figma .fig files)
- Common patterns — navbar, hero, cards, forms, footer
- Common mistakes table
License
MIT
Source & license
This open-source MCP server is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: ZSeven-W
- Source: ZSeven-W/openpencil-skill
- License: MIT
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet, be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.