用途
Anthropic Frontend Design 指引助理先依產品主題、受眾與頁面用途建立視覺方向，再決定配色、字體、版面及動態。它要求先擬一份簡短的設計方案，確認符合需求後再實作介面。
適用情境
適合製作官網、形象頁、作品集或重新整理現有前端畫面；可把品牌素材、真實文案和現有元件一併交給助理。
使用範例
例如請助理為書店活動頁提出兩種符合書籍內容的主視覺與字體方向，再選一種製作手機及桌面版。
這是示意用法，本站未實測。
限制
Skill 提供設計與實作指引；最終畫面仍需依真實內容檢查響應式、鍵盤焦點、可讀性及減少動態設定。
安裝方式
可用 Skills CLI 從 Anthropic 的官方倉庫選取 frontend-design。
npx skills add anthropics/skills --skill frontend-design請在支援的環境自行執行；閱讀本頁不會安裝 Skill。