frontend-design

此技能将指导你创建独具特色、达到生产级水准的前端界面，避免千篇一律的“AI 垃圾风”。请编写真正可用的代码，并格外注重美学细节与创意选择。

用户会提供前端需求：要构建的组件、页面、应用或界面。他们可能还会说明用途、受众或技术限制。

设计思考

开始编码前，先了解背景，并确定一个大胆鲜明的美学方向：

• 目的：这个界面要解决什么问题？谁会使用它？
• 基调：选择一种极致风格：极简主义、混乱繁复、复古未来主义、有机自然、奢华精致、俏皮玩具感、编辑杂志风、粗野原始、装饰艺术／几何风、柔和粉彩风、工业实用主义等。可供选择的风格数不胜数。请以这些风格为灵感，但最终设计要忠于所选的美学方向。
• 限制：技术要求（框架、性能、无障碍性）。
• 差异化：什么能让人难以忘怀？别人会记住它的哪一点？

至关重要：选择清晰的概念方向，并精准执行。大胆繁复与精致极简都可行——关键在于有明确意图，而非一味追求强烈效果。

接下来，使用 HTML/CSS/JS、React、Vue 等实现可用的代码，要求：

• 达到生产级水准且功能完善
• 视觉鲜明、令人印象深刻
• 风格协调，有明确的美学立场
• 经过细致打磨，力求每个细节都尽善尽美

美学

实现之前，请阅读 references/aesthetics-guidelines.md，了解排版、色彩、动效、空间构图和反面模式的详细指导。