aesthetic
✓遵循經過驗證的設計原則創建美觀的界面。在構建 UI/UX、分析靈感站點的設計、使用人工智能多模式生成設計圖像、實施視覺層次結構和色彩理論、添加微交互或創建設計文檔時使用。包括使用 chrome-devtools 和 ai-multimodal 捕獲和分析靈感屏幕截圖的工作流程、迭代設計圖像生成直至滿足美學標準，以及涵蓋 BEAUTIFUL（美學原則）、RIGHT（功能/可訪問性）、SATISFYING（微交互）和 PEAK（講故事）階段的全面設計系統指南。與 chrome-devtools、ai-multimodal、媒體處理、ui 樣式和 Web 框架技能集成。
SKILL.md
Create aesthetically beautiful interfaces by following proven design principles and systematic workflows.
BEAUTIFUL: Understanding Aesthetics Study existing designs, identify patterns, extract principles. AI lacks aesthetic sense—standards must come from analyzing high-quality examples and aligning with market tastes.
Reference: references/design-principles.md - Visual hierarchy, typography, color theory, white space principles.
遵循經過驗證的設計原則創建美觀的界面。在構建 UI/UX、分析靈感站點的設計、使用人工智能多模式生成設計圖像、實施視覺層次結構和色彩理論、添加微交互或創建設計文檔時使用。包括使用 chrome-devtools 和 ai-multimodal 捕獲和分析靈感屏幕截圖的工作流程、迭代設計圖像生成直至滿足美學標準，以及涵蓋 BEAUTIFUL（美學原則）、RIGHT（功能/可訪問性）、SATISFYING（微交互）和 PEAK（講故事）階段的全面設計系統指南。與 chrome-devtools、ai-multimodal、媒體處理、ui 樣式和 Web 框架技能集成。 來源：zircote/.claude。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/zircote/.claude --skill aesthetic- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 aesthetic？
遵循經過驗證的設計原則創建美觀的界面。在構建 UI/UX、分析靈感站點的設計、使用人工智能多模式生成設計圖像、實施視覺層次結構和色彩理論、添加微交互或創建設計文檔時使用。包括使用 chrome-devtools 和 ai-multimodal 捕獲和分析靈感屏幕截圖的工作流程、迭代設計圖像生成直至滿足美學標準，以及涵蓋 BEAUTIFUL（美學原則）、RIGHT（功能/可訪問性）、SATISFYING（微交互）和 PEAK（講故事）階段的全面設計系統指南。與 chrome-devtools、ai-multimodal、媒體處理、ui 樣式和 Web 框架技能集成。 來源：zircote/.claude。
如何安裝 aesthetic？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/zircote/.claude --skill aesthetic 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/zircote/.claude
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01