关于 tailwindcss-utilities
这是 Tailwind CSS 工具类分类的索引,帮助开发者查找相应技能文档。它将类别映射到具体技能,不在索引中提供示例。
主要功能
- 01将布局工具类映射到技能
- 02映射间距与尺寸工具类
- 03映射排版与颜色工具类
- 04映射边框、效果与变换
- 05将过渡效果链接到参考技能
适用场景
- 01查找某类 Tailwind CSS 工具类对应的技能
- 02从工具类类别进入相应示例
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ fusengine/ agents --skill tailwindcss-utilities安装后在 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