‹ The Index

Pencil Dev Skill

plugin

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, an

Works with: Claude Code (native)
native: this artifact type is that client's own format

Work: Visual design

Who it is for: Designer

Install (Claude Code):

/plugin marketplace add anthropics/claude-plugins-community
/plugin install pencil-dev-skill@claude-community
solid

“Declares itself unaffiliated and pre-release; the 9 tool docs live in references/.”

This grade is wrong ›

Security audit

Not scanned yet. We audit npm-published capabilities for known advisories, install-time scripts and permission surface; this one has no npm package we can resolve, or has not reached the queue.

You searched for one. Check the rest of your stack:

npx tashan-cli doctor

Reads the config already on your machine and names what is dead, deprecated or running code at install time. No account, nothing uploaded.

tashan Pro$6/mo

Pencil Dev Skill scores 50 today. Pro keeps the series, so you can see whether that is a project getting better or one on its way down.

Start a 7-day trial › Everything measured on this page stays free.

Show your score

Measured this well? Put the live badge in your README — it updates as the score does.

tashan badge for Pencil Dev Skill
[![tashan](https://tashan.sh/badge/plugin-nisus74-pencil-skill-pencil-dev-skill.svg)](https://tashan.sh/capability/plugin-nisus74-pencil-skill-pencil-dev-skill.html)

source ↗  ·  plugin:nisus74/pencil-skill/pencil-dev-skill

Everything on this page is public evidence and free. What it cannot know is whether you run this — check your whole config, free, in the browser. tashan Pro adds the series behind each row and names a replacement for anything dying.

Already running this? Check your whole config — free, in your browser, nothing installed. Or npx tashan-cli doctor locally, which sends nothing at all.

Measured 2026-09-13  ·  scorer s5  ·  how  ·  something wrong here?