{
  "markdown": "# OpenPencil Skill\n\n<p>\n  <a href=\"./README.md\"><b>English</b></a> · <a href=\"./README.zh.md\">简体中文</a> · <a href=\"./README.zh-TW.md\">繁體中文</a> · <a href=\"./README.ja.md\">日本語</a> · <a href=\"./README.ko.md\">한국어</a> · <a href=\"./README.fr.md\">Français</a> · <a href=\"./README.es.md\">Español</a> · <a href=\"./README.de.md\">Deutsch</a> · <a href=\"./README.pt.md\">Português</a> · <a href=\"./README.ru.md\">Русский</a>\n</p>\n\nLLM skill for designing with [OpenPencil](https://github.com/ZSeven-W/openpencil) — teaches AI agents to use the `op` CLI, batch design DSL, MCP tools, and design best practices.\n\nFollows the [agentskills.io](https://agentskills.io/specification) specification.\n\n## Prerequisites\n\nInstall the `op` CLI before using this skill:\n\n```bash\nbrew install zseven-w/openpencil/op\n# Or on macOS / Linux:\ncurl -fsSL https://raw.githubusercontent.com/ZSeven-W/openpencil/main/scripts/install-op.sh | bash\n```\n\n```powershell\nirm https://raw.githubusercontent.com/ZSeven-W/openpencil/main/scripts/install-op.ps1 | iex\n```\n\nEnsure a running OpenPencil instance (desktop app or web server) for `op` to connect to.\n\n## Installation\n\n> **Note:** Installation differs by platform. Use the matching integration below.\n\n### Claude Code (Plugin Marketplace)\n\nRegister the marketplace, then install the plugin:\n\n```\n/plugin marketplace add zseven-w/openpencil-skill\n/plugin install openpencil-skill@openpencil-skill\n```\n\n### Cursor\n\nIn Cursor Agent chat:\n\n```\n/add-plugin openpencil-skill\n```\n\nOr search for \"openpencil\" in the plugin marketplace.\n\n### Codex\n\nTell Codex:\n\n```\nFetch and follow instructions from https://raw.githubusercontent.com/zseven-w/openpencil-skill/main/.codex/INSTALL.md\n```\n\n### OpenCode\n\nTell OpenCode:\n\n```\nFetch and follow instructions from https://raw.githubusercontent.com/zseven-w/openpencil-skill/main/.opencode/INSTALL.md\n```\n\n### Gemini CLI\n\n```bash\ngemini extensions install https://github.com/zseven-w/openpencil-skill\n```\n\nTo update:\n\n```bash\ngemini extensions update openpencil-skill\n```\n\n## Verify Installation\n\nStart 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.\n\n## What's Included\n\n- `op` CLI command reference (app control, document ops, nodes, import, export, templates, layout, pages, variables, codegen)\n- Batch Design DSL and sandboxed JavaScript mode with full examples\n- PenNode schema — all v0.8.4 node types, including interactive widgets, properties, and fills\n- 40+ semantic roles with smart defaults\n- Design principles — typography, color, spacing, shadows\n- Layout engine rules and sizing decisions\n- Layered MCP workflow (skeleton → content → refine)\n- Codegen pipeline (plan → submit → assemble → clean)\n- Import support (SVG, HTML pages and live URLs, web-capture snapshots, Figma .fig files)\n- Export and delivery — images, PDF, and presentation decks (PowerPoint, self-contained HTML)\n- Scene templates and style assets, including your own imported DESIGN.md guides\n- Common patterns — navbar, hero, cards, forms, footer\n- Common mistakes table\n\n## License\n\nMIT\n",
  "bytes": 3176,
  "sha": "77eeae4741b5868755dbdef445bbf30bc737f5c4babed7b531b07a04e2fd5970",
  "repo_slug": "zseven-w/openpencil-skill",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/plg_zseven_w_openpencil_skill_10971fc5/readme"
}