Frontend Design - 设计生产就绪的前端界面
使用设计系统和暗色模式支持,设计和构建响应式可访问的前端界面。
标签
更新于: 2026-05-28能力
典型输入
典型输出
该技能可以做什么
- 分析需求
- 定义设计token
- 构建组件变体
- 实现响应式布局
- 集成可访问性属性
- 添加暗色模式支持
- 创建HTML代码
- 编写CSS代码
- 创建React组件
- 构建Vue组件
- 开发Svelte组件
输入
- 框架规范
- 样式方案
- 设计token
- 品牌指南
- 界面需求
输出
- UI组件代码
- CSS样式文件
- HTML页面标记
要求
- 前端框架支持
- 代码生成能力
