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.
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 框架技能集成。 來源：vibery-studio/templates。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/vibery-studio/templates --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 框架技能集成。 來源：vibery-studio/templates。
如何安裝 aesthetic？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/vibery-studio/templates --skill aesthetic 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/vibery-studio/templates
詳情
- 分類
- *創意媒體
- 來源
- user
- 收錄時間
- 2026-02-01