关于 tailwindcss-utilities
tailwindcss-utilities 是按类别查找 Tailwind CSS 工具类指南的索引。它将工具类系列指向相应的 `tailwindcss-*` 技能和章节，而不重复提供类的用法说明。
主要功能
- 01将布局工具类映射到技能
- 02索引间距与尺寸类别
- 03索引排版工具类
- 04链接颜色与效果类别
- 05指向边框和变换指南
适用场景
- 01查找某类 Tailwind 工具类指南
- 02跳转到分类对应的示例说明
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/tailwindcss-utilities确认已加载。
详细介绍
一个覆盖分类 Tailwind CSS 技能的路由索引——布局、间距、排版、背景、效果、边框、变换——将实用类系列（flexbox/grid、padding/margin、font/text、colors、shadows、borders、transforms/transitions）映射到介绍它们的特定 `tailwindcss-*` 技能和章节。
本索引本身不包含任何实用类内容；每个条目都直接链接到提供相关示例的类别技能。
Tailwind CSS 实用类参考
布局
- Flexbox、Grid、Position、Display -> tailwindcss-layout
间距
- 内边距 -> tailwindcss-spacing
- 外边距 -> tailwindcss-spacing
- 宽度 -> tailwindcss-sizing
- 高度 -> tailwindcss-sizing
排版
- 字体大小、字重、文本对齐、行高 -> tailwindcss-typography
颜色与效果
- 调色板、背景颜色 -> tailwindcss-backgrounds
- 盒阴影 -> tailwindcss-effects
- 不透明度 -> tailwindcss-effects
边框
- 边框宽度、边框圆角、轮廓 -> tailwindcss-borders
变换
- 变换、平移、旋转、缩放 -> tailwindcss-transforms
过渡
- 过渡属性、动画 -> tailwindcss-transforms
评论
支持 Markdown