Sketch (Design Tool)
Sketch 设计工具技能，解析 .sketch 文件格式、提取图层与符号库，辅助设计到代码的自动转换。
Sketch (Design Tool) is an Agent skill for Design. Sketch 设计工具技能，解析 .sketch 文件格式、提取图层与符号库，辅助设计到代码的自动转换。 Tags: Sketch · 设计工具 · design-tool · 图层 · layers · 符号.
What is Sketch (Design Tool)
Sketch (Design Tool) packages a Design workflow for agents. Sketch 设计工具技能，解析 .sketch 文件格式、提取图层与符号库，辅助设计到代码的自动转换。
Install Sketch (Design Tool) in Cursor / Claude / Codex
Claude Code Install with the command on this page, or place the skill in ~/.claude/skills or project .claude/skills so Claude can detect Sketch (Design Tool).
Cursor After the install command writes the skill directory, invoke Sketch (Design Tool) by name in the Cursor agent.
Codex Install into the Codex skills directory and call it by name. If only a generic command is listed, run it locally and confirm Codex can see the skill.
One-click Install
Run the following command in your terminal to install the skill into your AI agent:
npx skillsadd obra/superpowersHow to Use
Claude Code: Place the skill in ~/.claude/skills (personal) or the project .claude/skills directory, and Claude will auto-detect it.
Cursor / Windsurf: After installing via npx skillsadd, the skill directory is placed in the configured path.
Codex CLI: After installation it loads automatically from the skills directory and is invoked by name.
Tags
Similar recommendations
Brand Guidelines
Anthropic 官方品牌规范技能，根据品牌色板、字体、Logo 与视觉语言生成符合设计规范的页面与素材。
Canvas Design
Anthropic 官方画布设计技能，使用 HTML5 Canvas API 绘制图表、插画与交互式可视化，适合数据呈现与创意表达。
Frontend Design
前端设计技能，结合现代 CSS、Tailwind 与组件库，打造兼具美观与可用性的界面，注重响应式与无障碍。
Visual Design
视觉设计指导技能，涵盖配色理论、排版层级、间距系统与视觉一致性原则，帮助 Agent 输出专业级界面。
Web Design Guidelines
Web 设计规范技能，汇总现代网页设计最佳实践，涵盖布局栅格、交互反馈、加载体验与移动端适配。
Design an Interface
界面设计工作流技能，从需求拆解到线框图、高保真原型与组件拆分，完整覆盖交互界面设计全流程。
FAQ
What is Sketch (Design Tool) for?
Sketch (Design Tool) is a Design skill. Sketch 设计工具技能，解析 .sketch 文件格式、提取图层与符号库，辅助设计到代码的自动转换。
Can Claude, Cursor, and Codex all use Sketch (Design Tool)?
Yes if the client supports Agent Skills and has loaded the skill directory. Check the project home for compatibility notes.
What similar skills exist?
Related items come from the same Design group so you can pick a closer workflow.