Frontend Design - 构建生产级前端界面
设计和实现响应式、可访问的前端界面，支持设计系统和深色模式
标签
更新于: 2026-05-28能力
典型输入
典型输出
该技能可以做什么
- 分析需求
- 定义设计令牌
- 构建组件
- 创建响应式布局
- 应用无障碍属性
- 实现深色模式
- 生成HTML代码
- 编写CSS样式
- 创建框架组件
输入
- 界面描述
- 框架类型
- 样式方案
- 设计令牌
- 品牌指南
- 目标平台
输出
- HTML代码
- CSS代码
- 组件代码
- 响应式布局
- 深色模式样式
- 无障碍属性
要求
- HTML支持
- CSS支持
- Tailwind CSS支持
- React框架支持
- Vue框架支持
- Svelte框架支持