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