Pencil Design

Design UIs in Pencil (.pen files) and generate production code from them.

by chiroro-jr

The skill

Design UIs in Pencil (.pen files) and generate production code from them. Use when working with .pen files, designing screens or components in Pencil, or generating code from Pencil designs. Triggers on tasks involving Pencil, .pen files, design-to-code workflows, or UI design with the Pencil MCP tools.

This skill's licence does not allow redistribution, so the store does not show its text. Read it at the source.

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: chiroro-jr/pencil-design-46998203302.

Markdown version

Details

Publisher: chiroro-jr
Category: Software Development › Frontend & UI
Updated: 2026-04-11

References

Related skills

Penpot Uiux Design Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools.
Pencil To Code Export .pen design to React/Tailwind code.
Open Pencil Work with Figma .fig design files and the running OpenPencil editor — inspect structure, query no…
Pencilkit Add Apple Pencil drawing with PKCanvasView, PKToolPicker, PKDrawing serialization/export, stroke…
Drawio Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture…