LogoClawIndex
案例技能关于
LogoClawIndex

tailwind-design-system - 使用 Tailwind CSS 构建可扩展的设计系统

使用设计令牌、组件库、响应式模式和无障碍支持构建 Tailwind CSS 设计系统。

标签

更新于: 2026-10-04

能力

典型输入

典型输出

该技能可以做什么

  • 定义设计令牌层级
  • 配置 Tailwind 主题
  • 创建组件变体
  • 构建复合组件
  • 构建表单组件
  • 实现响应式模式
  • 实现深色模式
  • 统一界面模式

输入

  • Tailwind CSS 代码库
  • 界面设计要求
  • 组件需求
  • 主题配置需求

输出

  • Tailwind 配置文件
  • CSS 设计令牌定义
  • 可复用界面组件
  • 响应式界面模式
  • 无障碍界面模式

要求

  • Tailwind CSS 项目

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
tailwind-css
设计系统
设计令牌
组件库
响应式设计
无障碍
深色模式
定义设计令牌层级
配置 Tailwind 主题
创建组件变体
构建复合组件
Tailwind CSS 代码库
界面设计要求
组件需求
Tailwind 配置文件
CSS 设计令牌定义
可复用界面组件