样式修改先看版本的Skill

使用 Tailwind CSS 样式化,包括配置、迁移和自定义变体。

tailwind-css 是一份按项目实际 Tailwind 环境修改样式的 Skill。要改间距、组件变体或主题,它先看已安装版本、现有令牌和附近界面,再做对应调整。

主文面向 v4,却明确不能直接把 v4 语法塞进旧项目。迁移、组件变体、动画与检查规则另有专题,本文只讲主文的版本和验收原则,不扩写未读 API。

类名需要能被构建工具找到,选择样式时用完整字符串映射,并确认相关源文件被扫描。改了类名生成方式,要跑真实构建看目标样式是否存在,不能只见代码里写着就放心。

最后检查宽窄屏、主题与交互状态,必要时看最终 DOM。已有设计与本次范围优先;本文没有改样式或测页面,代码检查通过还需看实际呈现,避免一个局部改动破坏禁用态或深色文字。

分类:编程开发

来源仓库:paulrberg/agent-skills

适合用来做什么

  • 请帮我优化这个React组件的Tailwind CSS类
  • 如何将现有的CSS迁移到Tailwind v4?

安装 tailwind-css

npx skills add https://www.iskills.cc/skills/paulrberg/agent-skills/tailwind-css/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 tailwind-css 的用途与原始说明

浏览全部 Skill 指南