‹ 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, Cursor, Claude Desktop, Codex CLI, Gemini CLI, Cline, Windsurf, VS Code

Category: Dev Tools & CI — see all ranked ›

Work: Visual design

Who it is for: Designer

solid

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

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.

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

Already running this? npx tashan-cli doctor checks your whole config against the Index — how it works ›