tailwind-css-patterns - 使用 Tailwind CSS 模式构建响应式界面
提供 Tailwind CSS 实用优先模式,用于响应式布局、Flexbox、Grid、间距、排版、颜色、组件和设计系统。
标签
更新于: 2026-10-07能力
典型输入
典型输出
该技能可以做什么
- 构建响应式布局
- 组合实用类
- 创建可复用组件
- 配置设计令牌
- 优化生产环境 CSS
- 测试断点布局
- 实现深色模式
输入
- 组件标记
- 布局需求
- Tailwind 配置
- 设计令牌
输出
- Tailwind 实用类
- 响应式组件样式
- 可复用组件模式
- 设计系统模式
要求
- Tailwind CSS 项目
- 已配置生产构建内容路径
