Frontend Design
davila7/claude-code-templates/cli-tool/components/skills/creative-design/frontend-design作者 davila7507d5d0eabf0962bd69f351bca133b2e45e2afb0Complete terms in LICENSE.txt32K 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫今天更新
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| LICENSE.txt | 9.9 KB | text/plain |
| SKILL.md | 9.2 KB | text/markdown |
來源與署名
來源：davila7/claude-code-templates位於cli-tool/components/skills/creative-design/frontend-design提交507d5d0
授權條款： Complete terms in LICENSE.txt
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 davila7/claude-code-templates 的技能
Brainstorming
davila7
引導協作式腦力激盪，在實作前把想法轉化為經過驗證的設計與規格。
Planning With Files
davila7
引導代理使用持久化 Markdown 檔案進行規劃、進度追蹤與儲存研究發現。
Canvas Design
davila7
依照寫好的設計理念創作原創視覺藝術，輸出 PNG 或 PDF，適合海報、藝術作品等靜態成品。
Content Research Writer
davila7
扮演寫作夥伴，協助研究、擬大綱、起草、加入引用並打磨文章等內容。
React Best Practices
davila7
針對 React 與 Next.js 的效能指南，包含 40 多條關於瀑布請求、打包體積、渲染與重渲染的規則。
Web Performance Optimization
davila7
指導開發者量測並修正網頁效能問題，例如核心網頁指標、打包體積、圖片與快取。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套預設配色與字型主題，並可即時產生新主題，為簡報、文件、報告與 HTML 頁面統一風格。
Slack Gif Creator
anthropics
為 Slack 製作尺寸與檔案大小經過最佳化的動畫 GIF，並提供 PIL 繪圖輔助、緩動函式與驗證工具。
Frontend Design
anthropics
在建立或改造使用者介面時，提供打造獨特、有意識視覺設計的指引。
Canvas Design
anthropics
依照寫好的設計理念創作原創視覺藝術，輸出 PNG 或 PDF，適合海報、藝術作品等靜態成品。
Brand Guidelines
anthropics
將 Anthropic 官方品牌配色與字體套用到需要呈現 Anthropic 外觀風格的各類成品上。
Frontend Design
anthropics
指導代理為新介面或改版介面進行獨特、有意的視覺設計。