Skill 多語言閱讀指南
frontend-design用途、用法與原始來源
在建立全新使用者介面或重塑現有使用者介面時，提供獨特且富有創意的視覺設計指導。有助於確定美學方向、字體選擇，並做出避免落入模板化預設樣式的決策。
原文擷取時間:
- 來源儲存庫
- anthropics/skills
- SKILL.md
skills/frontend-design/SKILL.md- 儲存庫 Star
- 185,373
- 儲存庫最近更新
- 2026-10-29
- 能力分類
- 設計
- 最近採集時間
授權：授權檔案待核驗
流程片段用來協助閱讀上游說明。本頁沒有執行第三方 Skill，不屬於實測評測。
下面的用途與操作片段來自上游文件，由本站整理並翻譯，和另行標示的 Codez 編輯分析分開呈現。
這個 Skill 能做什麼
在建立全新使用者介面或重塑現有使用者介面時，提供獨特且富有創意的視覺設計指導。有助於確定美學方向、字體選擇，並做出避免落入模板化預設樣式的決策。
如何使用：上游操作流程
流程：計畫、對照簡報審查、建構、評估
目前，人工智慧生成的設計在校準方面呈現出一些共同特徵：暖奶油色背景（接近#F）。4F1EA）採用高對比襯線字體，並以赤陶色或暖粘土色作為點綴（通常靠近#D）。97757— Anthropic 特有的 Claude 互動風格（因此在用戶簡報中可以作為提示）；近乎黑色的背景，帶有一個亮酸性綠或朱紅色的點綴；報紙風格的佈局，帶有細線、零邊框半徑和密集的報紙式列；
原文片段 · L36 ↗前端設計
想像一下，你是一家設計工作室的設計主管，這家工作室以賦予每位客戶獨一無二的視覺形象而聞名，絕不會與其他任何公司的設計混淆。這位客戶已經拒絕了所有千篇一律或千篇一律的方案，他們付費是為了獲得獨特的視角：因此，你需要根據客戶的具體需求，在配色、字體和佈局方面做出深思熟慮、充滿個人見解的選擇，並在必要時承擔一些美學上的風險。
原文片段 · L7 ↗將你的設計與主題連結起來
若設計簡報中沒有明確說明產品或主題，請在設計前自行確定，並與客戶確認。您可以將一個具體的主題、設計的目標受眾以及設計的主要功能作為提案的一部分。如果您記得客戶的任何偏好或他們正在開發的產品背景信息，請將其作為參考。主題所屬產業、主題內容、材料和本土特色是獨特視覺選擇的基礎——例如，為某個年齡層的女孩設計的玩具。8–11在美學上，它將與金融分析師的儀錶板截然不同。請始終圍繞簡報中的實際內容和主題進行構建。
原文片段 · L11 ↗環境與相依需求
本次未從該檔案選出獨立的環境需求片段，不代表無須相依套件。請繼續核對儲存庫的安裝說明和引用檔案。
限制與結果檢查
本次未從該檔案選出獨立的限制片段，不代表適用於所有輸入或環境。請閱讀完整原文，並自行驗證實際結果。
開始使用前
- 先核對支援的 Agent 宿主和儲存庫安裝說明。保留完整 Skill 目錄及其引用的腳本、資源和文件，只複製 SKILL.md 可能遺漏相依需求。
- 向 Agent 提供實際輸入、預期輸出和驗收標準。呼叫方式與可用工具取決於宿主環境，本站不假定存在通用的安裝指令。
- 先在暫存專案或輸入副本上試用。涉及修改檔案、遠端服務或計費資源的操作，應逐項核對後再授權。
- 依照原文檢查項目和自己的需求驗證輸出。成功觸發或儲存庫 Star 較高，都不能證明結果正確。
繼續閱讀原始文件
相關 Skill
翻譯與介紹範圍
本頁從固定版本的上游 SKILL.md 整理用途與操作片段，譯文使用輔助翻譯。它不是完整手冊，也不代表經過相容性實測；使用前請核對原文及其引用檔案。
介紹依據下方列出的固定版本；目前儲存庫動態和目錄擷取時間分開呈現。
- 固定版本來源
- 閱讀原文 ↗
- 原文擷取時間
- 來源提交版本
ca45fc496a3436251f191354091d557da31c15b5- 原文 SHA-256
d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3