PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.
AI coding skill plugin for pencil.dev (.pen) design files via the Pencil MCP server that works with Claude Code, Cursor, Codex, and Gemini CLI
Bidirectional sync between Pencil.dev designs and frontend code via Claude Code
Claude Code plugin for Pencil (.pen) design-quality: analyze, design, audit, and transpile to code against a universal 4px-grid scale — framework-agnostic.
Open-source online viewer & editor for Pencil.dev .pen files. Fully client-side, free to host.
vibe coding a plugin to import Pencil.dev to Figma
Your Ultimate AI Coding Toolkit 2026 – MCP Plugin for Pencil, Claude, Cursor & Gemini
Framework Agnostic 4px Grid Design Toolkit 2026 – Analyze, Audit, Transpile Code
Add a description, image, and links to the pencil-dev topic page so that developers can more easily learn about it.
To associate your repository with the pencil-dev topic, visit your repo's landing page and select "manage topics."