frontend-design

本技能指导创建独特、生产级的前端界面，避免通用的"AI 廉价品"美学风格。实现真实可用的代码，对美学细节和创意选择给予极致关注。

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

设计思维

在编码之前，理解上下文并坚定地选择一个大胆的美学方向：

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

关键：选择明确的概念方向并精确执行。大胆的极繁主义和精致的极简主义都有效——关键在于意图，而非强度。

然后实现可用的代码（HTML/CSS/JS、React、Vue 等），使其：

• 生产级且功能完整
• 视觉冲击力强且令人难忘
• 具有明确美学观点的整体性
• 在每个细节上都经过精心打磨