← All skills

openpencil-design

95 / 100 · Low risk

Fine to try.

By ZSeven-W/codex-openpencil (GitHub) · design · 150 stars · scanned at commit 2bcdb28

Create or edit editable .op UI designs with the Codex OpenPencil plugin, including layout inspection, PNG previews, and verified saves. Use for OpenPencil or OP/op design requests such as “用op设计” or “用 OP 修改选中元素”, not generic frontend implementation.

Works with any agent that supports SKILL.md skills.

What this skill can do

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'openpencil-design' ] || [ -L ~/.agents/skills/'openpencil-design' ]; then echo 'A skill folder named openpencil-design already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/ZSeven-W/codex-openpencil' "$d" && git -C "$d" checkout --quiet '2bcdb288c335ae423fdf5e8f610b6d5d4694e25c' -- 'plugins/openpencil/skills/openpencil-design' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/openpencil/skills/openpencil-design' ~/.agents/skills/'openpencil-design' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'openpencil-design' ~/.claude/skills/'openpencil-design' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for ZSeven-W/codex-openpencil shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/ZSeven-W/codex-openpencil.svg)](https://zalavijaysinh.github.io/skilltrust/repos/ZSeven-W/codex-openpencil/)

Score history