pencil

Installation
SKILL.md

Pencil Design Skill

Creates visual designs directly in Pencil (.pen files) using the Pencil MCP tools. Use this when you want a visual design / mockup instead of code.


When to use /pencil vs code

Use /pencil when Use code (default) when
You want a visual mockup to review before building You need production-ready code
You're in the design exploration phase The design is already decided
You want to share a design with stakeholders You need something deployed
You want to iterate on layout visually You want a working component

Workflow

Installs
4
First Seen
Mar 23, 2026
pencil — angel1104/ui-ux-pro-max-skill