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