frontend-design

本技能指导创建独特的、生产级别的前端界面，避免千篇一律的"AI 流水线"审美。实现真正可用的代码，对美学细节和创意选择给予极致关注。

用户提供前端需求：需要构建的组件、页面、应用程序或界面。他们可能会提供关于用途、目标受众或技术约束的背景信息。

设计思维

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

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

关键：选择一个清晰的概念方向并精准执行。大胆的极繁主义和精致的极简主义都可行——关键在于意图明确，而非强度高低。

然后实现可工作的代码（HTML/CSS/JS、React、Vue 等），需满足：

• 生产级别且功能完善
• 视觉冲击力强且令人难忘
• 具有清晰美学观点的整体协调性
• 每个细节都精雕细琢