pencil-design 是做什么的?
使用 Pencil 设计 UI(.pen 文件)并从中生成生产就绪代码。适用于处理 .pen 文件、在 Pencil 中设计屏幕或组件、或从 Pencil 设计生成代码。触发于涉及 Pencil、.pen 文件、设计到代码的工作流或使用 Pencil MCP 工具进行 UI 设计的任务。
使用 Pencil 设计 UI(.pen 文件)并从中生成生产就绪代码。适用于处理 .pen 文件、在 Pencil 中设计屏幕或组件、或从 Pencil 设计生成代码。触发于涉及 Pencil、.pen 文件、设计到代码的工作流或使用 Pencil MCP 工具进行 UI 设计的任务。
该技能使 AI 代理能够与 Pencil UI 设计工具生态进行交互,处理专有的 .pen 文件以创建屏幕和组件。它支持从设计直接生成生产就绪代码,弥合了设计原型与开发实现之间的鸿沟。该技能适用于 Cursor、Codex 和 Claude Code 等平台,利用 MCP 工具(如 createDesign、updateDesign 和 readDesign)读取、修改和导出 Pencil 文件。用户可以在 Pencil 中可视化设计 UI,让 AI 根据草图或提示生成对应的 .pen 文件,并通过代码生成命令将设计转换为 HTML、React 或 Vue 等框架代码。此工作流特别适合快速原型设计和设计迭代,确保 UI 规范与生成代码之间的一致性和可追溯性。
npx skills add https://github.com/chiroro-jr/pencil-design-skill/tree/main/skills/pencil-design使用 Pencil 设计 UI(.pen 文件)并从中生成生产就绪代码。适用于处理 .pen 文件、在 Pencil 中设计屏幕或组件、或从 Pencil 设计生成代码。触发于涉及 Pencil、.pen 文件、设计到代码的工作流或使用 Pencil MCP 工具进行 UI 设计的任务。
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".