frontend-responsive - 为所有设备创建响应式设计
实现移动优先的响应式设计，采用流体布局和触控友好界面
标签
更新于: 2026-02-13能力
典型输入
典型输出
该技能可以做什么
- 创建React组件
- 编辑React组件
- 实现响应式布局
- 使用Tailwind响应式工具类
- 实现移动优先设计模式
- 创建自适应导航菜单
- 实现响应式排版
- 创建触控友好UI元素
- 优化图片资源适配屏幕
- 测试跨设备兼容性
- 使用相对单位
- 实现响应式间距
- 创建流体容器布局
输入
- React组件文件
- CSS/Tailwind样式
- 设计规范标准
- 断点配置
- 媒体查询定义
输出
- 响应式React组件
- 自适应CSS样式
- 跨设备兼容的UI界面
- 触控优化的界面
要求
- React开发环境
- CSS/Tailwind支持
- 多设备测试能力
- 响应式设计知识