tailwind-css-patterns - Tailwind CSS 实用优先样式模式
提供用于响应式布局、工具类组合、设计令牌、组件、深色模式和生产环境 CSS 优化的 Tailwind CSS 模式。
标签
更新于: 2026-10-07能力
典型输入
典型输出
该技能可以做什么
- 应用移动优先工具类
- 构建响应式 Flex 布局
- 构建响应式 Grid 布局
- 组合可复用组件模式
- 配置设计令牌
- 优化生产环境 CSS 清除
- 测试断点布局
- 实现深色模式界面
输入
- React、Vue、Svelte 或 HTML 组件
- Tailwind CSS 项目文件
- 设计令牌
- 响应式布局需求
输出
- Tailwind 工具类示例
- 组件样式代码
- 响应式布局代码
- Tailwind 配置更新
要求
- Read、Write、Edit、Glob、Grep 和 Bash 工具访问权限