先弄清楚 Skill 是什么
Skill 是一份写成 SKILL.md 的工作说明，Claude Code、Codex 与 Cursor 都读得到。AI 照着它的步骤与规格做事，比临时下一段指令稳定。完整说明见什么是 AI Skill。
第一类：设计准则
这类 Skill 不会做出整个网站，而是教 AI 怎么做设计：选字体、配色、决定版面方向，避免做出千篇一律的模板。Anthropic 在 GitHub 公开的 frontend-design 属于这一类，它的说明写明是有个性、有意图的视觉设计指引，涵盖美学方向与字体。
Sketchry 的 UNSLOP UI 也是这一类，它给的是 AI 味检测、三个设计方向与作品板模板，不附素材包。
适合的情况：你已经有自己的做法，只想提升成品的设计质感。
第二类：附素材的完整网站
这类 Skill 给的是一整套：设计规格、做法步骤，以及展示用的素材包。AI 照着做出可以直接修改的完整网站。Sketchry 的网站 Skill属于这一类，涵盖餐厅、房产、品牌、民宿、摄影作品集与设计工作室等类型，每份都有实际成品可以先看。
适合的情况：想快速得到完整网站，再换上自己的品牌、文案与照片，或是接活做给客户。
第三类：交付单一文件的演示文稿
这类 Skill 做的是幻灯片。成品是一个 deck.html，双击就能播放，不用服务器也不用安装；在浏览器里可以直接改字，改过的内容会留着，还能导出文字与图表都可编辑的 PPTX，以及一张幻灯片一页的 16:9 PDF。Sketchry 的演示文稿模板属于这一类，免费的 PITCHFOLD 与 FIELDNOTE 可以先拿来试。
适合的情况：要做融资演示、提案、季度回顾或课程幻灯片，不想从空白页开始排版。
第四类：用代码算出视频
有些 Skill 做的是视频。AI 用代码逐帧算出画面，输出 MP4、封面图与分镜表，字卡、数据图表、App 操作导览、活动倒计时都做得到。Sketchry 的营销视频 Skill属于这一类，免费的 INKFRAME 可以先拿来试。
适合的情况：需要产品介绍、活动宣传或社交短片，但不想自己剪辑。
怎么挑
- 先决定要做网站、演示文稿还是视频。
- 做网站：想提升质感，选设计准则；想直接拿到完整成品，选附素材的网站 Skill。
- 做演示文稿：照用途挑，融资、提案、数据回顾与教学各有对应的版型。
- 打开 Skill 的示范成品，确认风格是你要的，并看有没有写明可商用。
- 确认支持的 AI 工具。Sketchry 的 Skill 支持 Claude Code、Codex 与 Cursor。
- 做完后，在手机宽度再检查一次版面。
怎么使用
最简单的方式，是复制 Skill，贴进 Claude Code、Codex 或 Cursor，按提示提供品牌名称与素材。也可以存成 SKILL.md，放进工具的 skills 文件夹，之后输入名称调用。各工具的文件夹位置，见使用方式。
常见问题
可以同时用好几个 Skill 吗？
可以，但建议一次让 AI 专心跑一个主要流程。例如先用完整网站 Skill 做出网站，再用设计准则微调，避免两份指令互相冲突。
Claude Code 以外的工具也能用吗？
SKILL.md 是通用格式，Claude Code、Codex 与 Cursor 都读得到。Sketchry 的 Skill 针对这三个工具。
Skill 做出来的成品可以给客户吗？
要看各份 Skill 的授权。Sketchry 的 Skill 做出的成品，可用于你自己或客户的商业项目，不需要标注出处。
一定要付费才能试吗？
不一定。Anthropic 公开的 frontend-design 可以直接取得，Sketchry 也有免费的网站、演示文稿与视频 Skill，例如 OFFSET STUDIO、PITCHFOLD 与 INKFRAME。