引導 Claude 產出高品質的前端設計，避免 AI 生成的通用風格（AI slop）。包含字型、色彩、動態、背景的設計指引。
The English summary is being prepared. Showing the original description.
See how to installReview the instructions the agent will receive before you install.
來源：Improving Frontend Design Through Skills 📦 離線歸檔：
archive/articles/improving-frontend-design-through-skills.md
避免：Inter、Roboto、system-ui 等過度使用的預設字體 推薦搭配：
避免：漸層按鈕、藍紫配色、過度飽和 推薦：
避免：彈跳動畫、過度的 hover 效果 推薦：
transition 而非 JS 動畫避免：純白背景、stock photo 背景 推薦：
No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
建立符合官方規格的 Claude Code skill：蒐集需求、產出正確格式的 SKILL.md、驗證命名與描述規則、套用 Progressive Disclosure 結構。適合在新增 skill 或 slash command 時使用。
The English summary is being prepared. Showing the original description.
啟動 Agent Team 模式，多個 worker 平行處理任務並共享發現。適用於大型重構、codebase 遷移、全面審查。
The English summary is being prepared. Showing the original description.
分析 claude.com/blog 的新文章，提取可操作洞察並更新 workspace 設定。手動調用。
The English summary is being prepared. Showing the original description.
分析當前專案的 Claude Code session 資料，產出 context 效率報告（模型用量、工具效率、委派比例、TodoWrite 使用率）。搭配 context-management.md 使用。
The English summary is being prepared. Showing the original description.
追蹤並計算當前 session 的 Token 使用量和花費（USD）。產出前後對比報告，幫助使用者了解 workspace 優化的實際效益。
The English summary is being prepared. Showing the original description.
系統性 debug 工作流：捕捉錯誤、分析日誌、關聯跨系統 pattern，產出有根因與修復驗證的報告。適用於 bug、test 失敗、生產異常。
The English summary is being prepared. Showing the original description.