frontend-design - 构建或修改 UI 时的视觉设计指导。
在创建或更新用户界面时提供视觉层级、排版、布局、组件状态与无障碍性方面的设计指导。
标签
更新于: 2026-09-17能力
典型输入
典型输出
该技能可以做什么
- 检查现有的视觉参考资料
- 规划视觉层级与排版规范
- 设计交互式界面状态
- 实现响应式 Web 组件
- 验证无障碍性与布局渲染
输入
- 设计需求
- 现有组件与设计 Token
- 界面内容与参考资料
输出
- 界面组件代码
- 视觉状态更新
- 检查报告
要求
- 现代 Web 浏览器目标
- Web 检查工具
