unocss 是帮助 AI 配置 UnoCSS、编写工具类和样式规则的 Skill。适合已经使用 UnoCSS 的前端项目,任务既可以是做一个组件,也可以是整理主题、规则和快捷写法。
它首先要求看项目配置:装了哪些预设,有哪些自定义规则和 shortcuts。UnoCSS 的能力由这些配置组合提供,不能只因为某种写法在教程里出现过,就认定当前项目支持。
比如 AI 给组件写了属性式样式,项目却没有启用对应能力,页面就可能没按预期显示。配置不明确时,这份 Skill 建议先使用基础 class 写法,再确认是否需要扩展。
你可以把现有配置和想实现的组件一起交给它,让 AI 沿着项目已经采用的规则工作。重复使用的一组样式,可以考虑整理成快捷写法;图标、排版、字体和响应式变体则分别有参考入口。
这份资料以 UnoCSS 66.x 为基础,列出了不同 Wind 预设和转换器。它提供的是按配置选择实现的指导,不应被理解成所有 Tailwind 写法都能不加检查直接搬过来。