tailwind - 掌握Tailwind CSS进行高效前端样式设计
使用Tailwind CSS进行前端样式设计
标签
更新于: 2026-02-14能力
典型输入
典型输出
该技能可以做什么
- 使用Tailwind类样式化HTML
- 检查现有Tailwind规范
- 使用现有Tailwind规范
- 提取模式为组件
- 分析类放置位置
- 移除冗余类
- 为元素添加类
- 逻辑分组元素
- 使用Tailwind v4工具
- 实现深色模式
输入
- HTML元素
- Tailwind CSS配置
- 项目组件规范
- 现有Tailwind规范
输出
- 样式化HTML元素
- 提取的可重用组件
- 优化的CSS类
要求
- Tailwind CSS v4
- 前端项目
- 深色模式支持