frontend-design

本技能指导创建独具一格、可交付生产的前端界面，规避千篇一律的「AI 感」审美。在实现可运行代码的同时，对美学细节与创意选择给予充分关注。

用户会提供前端需求：要做的组件、页面、应用或界面，可能附带使用场景、目标用户或技术约束。

设计思维

动手写代码前，先理解上下文并选定一个明确、大胆的美学方向：

• 目的：这个界面解决什么问题？谁在用？
• 调性：选一个鲜明风格并贯彻到底，例如：极简克制、繁复张扬、复古未来、有机/自然、奢华精致、 playful/玩具感、编辑/杂志风、粗野/原始、装饰艺术/几何、柔和/马卡龙、工业/实用主义等。用这些作灵感，但最终要忠于你选定的那一套美学。
• 约束：技术条件（框架、性能、可访问性等）。
• 差异化：什么会让用户过目不忘？你最希望被记住的那一点是什么？

关键：选定清晰的概念方向并精准执行。大胆的繁复与克制的极简都成立——核心是有意图，而不是单纯「够猛」或「够淡」。

在此基础上，用可运行代码（HTML/CSS/JS、Vue、React等）实现：

• 达到生产可用、功能完整
• 视觉上有冲击力、易被记住