LogoClawIndex
案例技能关于
LogoClawIndex

ui-styling-assistant - 基于通用设计系统 Token 的 UI 样式助手

使用通用设计系统 Token 提供包含暗色模式变体、响应式断点及框架输出支持的 CSS 代码片段。

标签

更新于: 2026-09-17
css样式设计 Tokentailwindui

能力

典型输入

典型输出

该技能可以做什么

  • 生成 CSS 代码片段
  • 提供通用设计系统 Token
  • 输出 Tailwind CSS 工具类
  • 转换样式为 CSS Modules
  • 生成 styled-components 代码

输入

  • CSS 样式问题
  • UI 组件样式需求

输出

  • CSS 代码片段
  • Tailwind CSS 类名
  • CSS Modules 代码
  • styled-components 代码

要求

  • Claude Code
  • 通用设计系统 Token

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
生成 CSS 代码片段
提供通用设计系统 Token
输出 Tailwind CSS 工具类
转换样式为 CSS Modules
CSS 样式问题
UI 组件样式需求
CSS 代码片段
Tailwind CSS 类名
CSS Modules 代码