Pencil CLI（pencilコマンド）だけを使って既存の.penファイル（Pencilで作成されたデザインファイル）をAIプロンプトで修正・更新するスキル。ユーザーが.penファイルの編集、ボタン追加、レイアウト変更、UIデザインの調整、Pencilデザインの更新などを依頼した場合に必ずこのスキルを使用する。エージェントモード（pencil --in --out --prompt）で同一パスを指定して既存ファイルを上書き編集し、編集後はインタラクティブモード（pencil interactive）でNodeツリーから「編集したコンポーネントのNodeだけ」を特定してget_screenshot / export_nodes でPNG出力し、.penと同階層のsnapshots/ディレクトリに保存する。Pencil MCPには依存せず、pencil コマンドのみで完結する。
How to install edit-pencil-design?
getty104/claude-code-marketplace/edit-pencil-design
$npx -y skills add getty104/claude-code-marketplace --skill edit-pencil-designInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/getty104/claude-code-marketplace" --skill "getty104/claude-code-marketplace/edit-pencil-design"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/getty104/claude-code-marketplace" that are relevant to the current task. Run `npx skills add "https://github.com/getty104/claude-code-marketplace"` and select the relevant skills, then follow their instructions.
Related
6 picksType
- web-design-guidelinesReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…Jul 2026
- prototypeBuild a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a…Jul 2026
- lark-whiteboard飞书画板：查询和编辑飞书云文档中的画板。支持导出画板为预览图片、导出原始节点结构、使用多种格式更新画板内容。 当用户需要查看画板内容、导出画板图片、编辑画板时使用此 skill。不负责：飞书云文档内容编辑（lark-doc）、文档内嵌电子表格/Base（lark-sheets / lark-base）。Jul 2026
- ui-ux-pro-maxUI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX…Jul 2026
- design-guidePaperclip UI design system guide for building consistent, reusable frontend components.Jul 2026
- impeccableUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or…Jul 2026
