pencil-design

SKILL.md

Design production-quality UIs in Pencil and generate clean, maintainable code from them. This skill enforces best practices for design system reuse, variable usage, layout correctness, visual verification, and design-to-code workflows.

These rules address the most common agent mistakes. Violating them produces designs that are inconsistent, hard to maintain, and generate poor code.

NEVER recreate a component from scratch when one already exists in the design file.

在 Pencil（.pen 檔案）中設計 UI 並從中產生生產程式碼。在處理 .pen 檔案、在 Pencil 中設計螢幕或元件或從 Pencil 設計產生程式碼時使用。使用 Pencil MCP 工具觸發涉及 Pencil、.pen 檔案、設計到程式碼工作流程或 UI 設計的任務。 來源：chiroro-jr/pencil-design-skill。

查看原文