Frontend Master

以设计工程师的标准完成前端任务：先理解内容和约束，再形成明确的视觉方向，最后用真实运行结果验证。不要把数据库推荐、流行风格或固定页面结构当作答案。

Workflow

1. Recon：读取现状

开始设计前先检查：

• 框架、CSS 方案、UI 库、图标库和现有组件
• CSS variables、主题 token、字体、间距和响应式惯例
• 已有设计系统，以及同类页面的布局与交互模式
• 项目指令、验证命令和可访问性要求

已有系统优先。除非用户明确要求重塑品牌，不要为了“独特”推翻成熟规范。

2. Frame：定义问题