先弄清楚 Skill 是什麼
Skill 是一份寫成 SKILL.md 的工作說明，Claude Code、Codex 與 Cursor 都讀得到。AI 照著它的步驟與規格做事，比臨時下一段指令穩定。完整說明見什麼是 AI Skill。
第一類：設計準則
這類 Skill 不會做出整個網站，而是教 AI 怎麼做設計：選字型、配色、決定版面方向，避免做出千篇一律的樣板。Anthropic 在 GitHub 公開的 frontend-design 屬於這一類，它的說明寫明是有個性、有意圖的視覺設計指引，涵蓋美學方向與字型。
適合的情況：你已經有自己的做法，只想提升成品的設計質感。
第二類：附素材的完整網站
這類 Skill 給的是一整套：設計規格、做法步驟，以及展示用的素材包。AI 照著做出可以直接修改的完整網站。Sketchry 的網站 Skill屬於這一類，涵蓋餐廳、房產、品牌、旅宿、攝影作品集與設計工作室等類型，每份都有實際成品可以先看。
適合的情況：想快速得到完整網站，再換上自己的品牌、文案與照片，或是接案做給客戶。
第三類：用程式算出影片
有些 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 與 INKFRAME。