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。

查看原文