任務技能（Skills）
Anthropic Skills · Frontend Design
從產品用途出發，規劃頁面、編寫介面，再檢查布局、文字和互動是否合適。
內容介紹
少裝一點整理 · 依據項目公開文件
frontend-design 幫助 AI 助手為新頁面或現有介面做設計。先看產品用途和使用人群，確定布局、配色和字體，再邊實作邊檢查效果。
適合頁面看起來千篇一律、重點不清楚的情況。它也會指導介面實作，關注手機布局、鍵盤操作和閱讀體驗；產品需求和功能是否正確，仍需要另外確認。
開始使用
需要準備
- 需要能載入此技能、讀取或編輯前端專案的 AI 助手，接入方式以對應客戶端的官方說明為準。
- 提供真實需求、內容和專案限制；完成後在瀏覽器預覽，並檢查實際操作是否正常。
使用限制與費用
- 它提供設計和實作指導，不保證業務邏輯正確，也不能代替無障礙檢查。
- 同儲存庫的其他技能可能採用不同的授權條款，使用前請查看所選技能及相關素材的授權。
- GitHub Star 屬於整個 anthropics/skills 儲存庫，不是 frontend-design 單獨的熱度。本站核對了公開說明，未逐一安裝測試全部技能。
依據公開文件整理，未逐一安裝實測。
可以怎麼用
- frontend-design：根據真實產品、使用人群和頁面內容，確定視覺方向。
- 統一配色、字體和布局，並在編寫介面時落實設計方案。
- 檢查手機效果、鍵盤焦點和可讀性，減少不必要的裝飾。
官方項目與文件
專案說明譯文
公開的 AI Agent Skills 技能儲存庫。
用途相近的外掛
優先匹配當前外掛的主要用途，再參考共同用途和收藏數；接入方法可能不同。
- Taste Skill — 讓展示型網站有明確的設計方向，完成後再用瀏覽器檢查真實效果。
- Text to CAD — 把尺寸和形狀要求交給 AI，生成可繼續修改的三維零件模型。
- Stitch Skills — 讓 AI 根據文字或參考圖設計頁面，再把設計轉成前端組件。