LogoClawIndex
案例技能关于
LogoClawIndex

ui-styling - shadcn/ui 和 Tailwind UI 样式

使用 shadcn/ui、Tailwind CSS 和 canvas 创建可访问 UI

标签

更新于: 2026-06-30
样式系统UI 组件响应式暗色模式无障碍

能力

典型输入

典型输出

该技能可以做什么

  • 构建 UI 组件
  • 创建布局
  • CSS 样式化
  • 实现暗色模式
  • 定制主题
  • 生成设计

输入

  • 组件类型
  • 布局规范
  • 设计令牌
  • 主题配置

输出

  • React 组件代码
  • Tailwind CSS 样式
  • 配置文件
  • 视觉设计

要求

  • React 框架
  • TypeScript
  • Node.js
  • shadcn/ui
  • Tailwind CSS
  • canvas 支持

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
构建 UI 组件
创建布局
CSS 样式化
实现暗色模式
组件类型
布局规范
设计令牌
React 组件代码
Tailwind CSS 样式
配置文件