frontend-design

此技能指导创建独特的、生产级前端界面，避免通用的"AI 草率"美学。实现真实可运行的代码，对美学细节和创意选择给予极大关注。

用户提供前端需求：要构建的组件、页面、应用程序或界面。他们可能包含关于目的、受众或技术约束的上下文。

设计思维

在编码之前，理解上下文并承诺一个大胆的美学方向：

• 目的：此界面解决什么问题？谁使用它？
• 基调：选择一个极端：残酷的极简主义、极繁主义混沌、复古未来主义、有机/自然、奢华/精致、俏皮/玩具般、编辑/杂志风、野兽派/原始、装饰艺术/几何、柔和/粉彩、工业/实用主义等。有如此多的风格可供选择。使用这些作为灵感，但设计一个忠于美学方向的。
• 约束：技术要求（框架、性能、可访问性）。
• 差异化：是什么让它令人难忘？人们会记住的一件事是什么？

关键：选择清晰的概念方向并精确执行。大胆的极繁主义和精致的极简主义都有效 - 关键是意图性，而非强度。

然后实现可运行的代码（HTML/CSS/JS、React、Vue 等），它是：

• 生产级且功能性的
• 视觉上引人注目且令人难忘的
• 具有清晰美学观点的连贯性
• 每个细节都经过精心打磨