用途：Aesthetic 用于创建美观的界面，把设计思维、前端实现模式与分析技术结合起来。适用于构建或设计用户界面、分析 Dribbble/Mobbin/Behance 等灵感站点的设计、生成并评估设计图、实现视觉层级/排版/色彩理论、添加微交互与动画、编写设计文档与风格指南，以及获取无障碍与设计系统方面的指导。
主要能力：以四层框架推进——BEAUTIFUL（理解美学，研究现有设计、提取原则）、RIGHT（保证功能与无障碍，参考设计系统、组件架构、WCAG）、SATISFYING（微交互，动画时长约 150-300ms，进入用 ease-out、退出用 ease-in）、PEAK（用视差、粒子系统等叙事元素提升，但需克制）。前端实现上强调选择独特字体、用 CSS 变量保持配色一致、优先 CSS 动画、复杂动画用 anime.js，并采用非对称、重叠、打破网格等空间构图与渐变网格、噪点、纹理等背景细节。
使用方式：技能内含多个参考文件，按需加载，如 references/design-principles.md、references/micro-interactions.md、references/storytelling-design.md、references/animejs.md、references/implementation-guide.md、references/workflows.md、references/design-resources.md。工作流包括：用 chrome-devtools 截取灵感站点全屏截图，再用 ai-multimodal 分析提取设计模式并记录到项目设计指南；或定义设计提示词后用 ai-multimodal 生成设计图，评估美学质量（需达到 7/10 以上）并迭代。设计文档可用 assets/design-guideline-template.md 与 assets/design-story-template.md，分别保存到项目 ./docs/design-guideline.md 和 ./docs/design-story.md。
适用场景与限制：适合需要鲜明美学风格的生产级前端界面、设计分析与文档化。资料明确要求避免通用 AI 审美，如 Inter、Roboto、Arial、系统字体，白底紫色渐变，以及可预测的布局；并强调不同设计应有所变化，不要反复收敛到同一选择。实现复杂度需与美学愿景匹配：极繁设计需要大量动画与效果代码，极简设计则需克制与对间距、排版、细节的精确把控。具体安装命令、收费与平台支持情况暂未提供。