aesthetic

Aesthetic 技能作为软件代理的全面设计架构师，为构建平衡视觉美感与功能表现的界面提供了结构化框架。专为需要衔接创意构想与技术实现的开发者与设计师打造。通过严谨的四阶段方法论——BEAUTIFUL (美学原则)、RIGHT (可用性)、SATISFYING (微交互) 与 PEAK (叙事设计)，本技能确保每个设计决策都具备意图性、以用户为中心，并符合现代工业标准。

• 使用自动化的 Chrome DevTools 工作流程，从 Dribbble、Mobbin 和 Behance 等灵感平台捕获并分析设计模式。

• 利用多模态 AI 能力生成高保真设计图像，根据 1-10 分的评分系统评估美学质量，并基于专业标准进行迭代。

• 使用 Tailwind CSS 和 shadcn/ui 组件实现复杂的视觉系统，包含色彩理论、排版层级、网格系统与间距。

• 编排微交互与动画，在提升用户体验的同时兼顾性能开销。

• 使用预定义模板系统化地记录设计指南与品牌故事，涵盖无障碍设计 (WCAG)、组件架构与叙事设计。

• 输入为设计提示词或原始 UI 截图；输出包含结构化的设计文档、优化的图像资源与实现代码。

• 使用此技能将抽象的设计概念自动转化为可执行的 Next.js 组件与 Tailwind CSS 样式。

• 约束：美学质量需客观量化；若输出评分低于 7/10，技能将强制进行重新评估与迭代提示词修正。

• 直接整合 media-processing 进行图像优化、web-frameworks 进行前端结构规划，以及 chrome-devtools 进行真实界面检测。