frontend-design

name	frontend-design
description	创建高质量前端界面和交互体验，适用于网页、后台页面、仪表盘、组件、落地页、工具页面和视觉优化；当用户要求设计页面、优化 UI、实现前端界面、做高质量视觉稿时使用。

Frontend Design

目标

实现真实可用、视觉完整、交互清晰的前端界面。不要做只有装饰没有功能的页面。

原则

• 先理解使用场景和用户任务，再决定布局
• 复用项目已有设计系统、组件库和样式规范
• 中后台页面优先信息密度、扫描效率和稳定交互
• 落地页和展示页需要明确首屏重点和视觉资产
• 控件要符合用途：按钮、菜单、tabs、开关、滑块、表格、表单各司其职
• 文案要直接，不用页面文字解释“如何使用这个页面”
• 避免过度渐变、装饰卡片、空洞 hero 和模板化 AI 风格

验证

完成后检查移动端、桌面端、文本溢出、按钮状态、空数据、加载态和错误态。涉及 3D、canvas 或复杂动画时需要实际浏览器验证。