Home / Plugins / pencil-dev-skill
pencil-dev-skill
Nisus74/pencil-skillPlugin
Teaches AI coding tools to design and edit pencil.dev UI files (.pen format) through the Pencil MCP server. Every read and write goes through the MCP for schema validation. Live screenshots show the design as it looks, and the MCP keeps your changes and the editor in sync while the canvas is open. Recognises pencil.dev signals automatically: mentions of .pen, .lib.pen, the Pencil canvas, or a design-system folder all activate the skill. Works with Claude Code, Codex, Gemini CLI, Copilot CLI, and Cursor. Supports designing screens from scratch, editing existing canvases, instantiating components from .lib.pen libraries, customising design tokens, and bulk-replacing properties across a project.
Why this score
Popularity score: 53/100 from public GitHub signals only. It shows how widely used and maintained this is, not how well it works. Not included yet: the fake-star check. The security scan is shown separately and doesn't change the score. How we rank
Security
Scanned Nov 4, 2026 at commit 28ec61cefe30, with Cisco's open-source skill-scanner.
What its code does:
- Uses dependencies without a pinned version A later version of a dependency could change what runs.tools/requirements.txt:1 and 1 more
A scan lists patterns in the code. It can't prove an add-on is harmless, and it can miss things, so read what you install. How we scan
Alternatives
Other makers' add-ons that do the same job, next to this one.
| Name | Score | Stars | Context | Updated |
|---|---|---|---|---|
| This onepencil-dev-skill Nisus74/pencil-skill · Plugin | 53 | ★ 27 | not measured | 3mo ago |
| open-pencil open-pencil/open-pencil · Skill Same job: ui design | 87 | ★ 9.1k | ≈77 always | 16d ago |