skills
为OpenPencil设计编辑器提供CLI和MCP工具的AI技能
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：skills。 它的用途是：为OpenPencil设计编辑器提供CLI和MCP工具的AI技能 完整的 Skill 内容见：https://321skill.com/skills/skills-code-with-beto/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请帮我打开项目里的`homepage.fig`文件，把里面所有按钮的圆角半径从8px改成4px。” 它会调用OpenPencil Skills的MCP工具，解析该.fig文件，定位到按钮组件并修改样式属性，然后保存更改。或者，你可以说：“从正在运行的OpenPencil编辑器中，导出画板‘登录页’的所有SVG图标。” AI会通过技能与编辑器通信，执行导出操作。
介绍
OpenPencil Skills 是一个专为OpenPencil开源设计编辑器打造的AI技能集合，旨在通过AI辅助提升设计文件的操作效率和自动化能力。它主要解决设计师和开发者在使用OpenPencil编辑器时，手动处理.fig设计文件、与编辑器交互流程繁琐、缺乏自动化工具的问题。
该技能通过提供一套命令行界面（CLI）和模型上下文协议（MCP）工具来实现功能。用户安装后，AI助手（如Claude）可以直接读取、解析、修改.fig文件内容，或与正在运行的OpenPencil编辑器实例进行实时交互，执行如导出资产、获取图层信息等操作。
它非常适合前端开发者、UI/UX设计师以及任何在React Native或Expo项目中使用OpenPencil进行界面设计的团队成员。尤其适合那些希望将设计稿管理、资产导出等重复性工作集成到AI工作流中，以提升效率的场景。
与同类专注于代码生成或通用文件操作的AI技能相比，OpenPencil Skills的核心区别在于其深度集成并专门服务于OpenPencil编辑器及其特有的.fig文件格式。它并非一个泛用的设计工具插件，而是针对特定编辑器生态的“官方扩展”，提供了原生的、高保真的操作能力。
核心特点
这是专门为OpenPencil编辑器及其.fig文件格式定制的官方技能，提供了深度集成的CLI和MCP工具，能直接与编辑器运行时交互，而非通用的设计文件解析器。
注意事项
仅适用于使用OpenPencil编辑器及其.fig文件格式的特定设计工作流，不兼容Figma或其他设计工具。
常见问题
OpenPencil Skills能用来做什么？
主要用于通过AI操作OpenPencil的.fig设计文件，以及与运行的OpenPencil编辑器交互，实现设计资产的自动化管理。
需要先安装OpenPencil吗？
是的，需要先安装OpenPencil编辑器，并且为了使用完整功能，建议全局安装其配套的CLI和MCP工具包。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/skills-code-with-beto/raw/index.md 读取 skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/skills-code-with-beto/raw/index.md（查看排版版本）