pencil-dev-skill
Travis Polland v0.8.0
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 th...
From the developer
License
MIT
Works with
Claude Code
Description
From the marketplace listing
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, and Cursor. Supports designing screens from scratch, editing existing canvases, instantiating components from .lib.pen libraries, customising design tokens, and bulk-replacing properties across a project.
What changed
No changes recorded yet. Follow this plugin to keep track of future changes.
Similar plugins
Find competitors to follow as you develop your plugin.
-
This plugin connects AI coding agents to the Shopify Dev MCP server, giving them access to Shopify's dev docs, API schemas, and developme...
Shared terms: dev, schema, coding, server
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
Shared terms: edit, design, server, mcp
-
Design on a canvas that Claude can read and write to — built on web standards.
Shared terms: write, read, design, canva
-
Connect Claude Code to Figma with 46 MCP tools, 20 specialized skills, and 8 commands. Read, write, and analyze Figma designs directly — ...
Shared terms: write, read, design, mcp
-
Design production-quality screens in Figma using your design system — every property variable-bound, every element a component instance. ...
Shared terms: edit, design, sync, system
Keywords
Files & skills
pencil-dev-skill · catalog manifest
Saved declaration
{}
pencil-dev-skill · catalog manifest
Saved declaration
{
"name": "pencil-dev-skill",
"source": {
"sha": "28ec61cefe3000a59bdac6b98b83168dbacca9c8",
"url": "https://github.com/Nisus74/pencil-skill.git",
"source": "url"
},
"homepage": "https://github.com/Nisus74/pencil-skill",
"description": "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.\n\nRecognises 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, and Cursor. Supports designing screens from scratch, editing existing canvases, instantiating components from .lib.pen libraries, customising design tokens, and bulk-replacing properties across a project."
}
pencil-dev-skill · catalog manifest
Saved declaration
{
"name": "pencil-dev-skill",
"author": {
"url": "https://github.com/Nisus74",
"name": "Travis Polland",
"email": "tpolland@gmail.com"
},
"license": "MIT",
"version": "0.8.0",
"homepage": "https://github.com/Nisus74/pencil-skill",
"keywords": [
"design",
"pencil-dev",
"ui",
"mcp",
"design-tool",
"ai-skill"
],
"repository": "https://github.com/Nisus74/pencil-skill",
"description": "Teaches AI coding tools to design, edit, and validate pencil.dev UIs using .pen files, .lib.pen libraries, design-system docs, and the Pencil MCP server",
"permissions": {
"mcp": [
"pencil:get_editor_state",
"pencil:get_guidelines",
"pencil:batch_get",
"pencil:batch_design",
"pencil:snapshot_layout",
"pencil:get_screenshot",
"pencil:get_variables",
"pencil:export_nodes",
"pencil:export_html"
],
"shell": "none",
"network": "none",
"filesystem": "project-only"
}
}
plugin.json observed Nov 6, 2026 · 10:47 UTC. Manifest source ↗
Catalog declarations and available plugin.json metadata are saved. Referenced skills and executable source files are not downloaded or tested. Missing components in a manifest do not prove that the plugin has none.
Installation instructions
Community
/plugin marketplace add anthropics/claude-plugins-community
/plugin install pencil-dev-skill@claude-community
Technical details
- Sources
- Community
- First seen
- Oct 3, 2026 · 22:13 UTC
- Last seen
- Nov 7, 2026 · 12:00 UTC
- Latest observed change
- Oct 3, 2026 · 22:13 UTC
- Collection status
- Listed
- Reported installs
- Not provided
Installation counts are source-reported, not independently verified active users. Observation dates are not release dates.
Download plugin data (JSON)Plugin history: freshly prepared. Prepared . Refreshed when catalog data changes or after 6 hours. Your account and Follow status are live.