LogoClawIndex
案例技能关于
LogoClawIndex

tailwind-css-patterns - 使用 Tailwind CSS 模式构建响应式界面

提供 Tailwind CSS 实用优先模式,用于响应式布局、Flexbox、Grid、间距、排版、颜色、组件和设计系统。

标签

更新于: 2026-10-07

能力

典型输入

典型输出

该技能可以做什么

  • 构建响应式布局
  • 组合实用类
  • 创建可复用组件
  • 配置设计令牌
  • 优化生产环境 CSS
  • 测试断点布局
  • 实现深色模式

输入

  • 组件标记
  • 布局需求
  • Tailwind 配置
  • 设计令牌

输出

  • Tailwind 实用类
  • 响应式组件样式
  • 可复用组件模式
  • 设计系统模式

要求

  • Tailwind CSS 项目
  • 已配置生产构建内容路径

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Tailwind CSS
CSS
响应式设计
实用优先 CSS
Flexbox
CSS Grid
设计系统
构建响应式布局
组合实用类
创建可复用组件
配置设计令牌
组件标记
布局需求
Tailwind 配置
Tailwind 实用类
响应式组件样式
可复用组件模式