css-tailwind-tidy

作者：AgentsRoomAgentsRoom 已验证尚无安装尚无点赞更新于 2026年5月7日分类：工程

它能做什么

Use when refactoring or adding Tailwind classes. Enforces ordering, dedupes utilities, replaces arbitrary values with design tokens.

安装会在你的 AgentsRoom 桌面端打开这个条目。如果还没有安装应用，你会被带到下载页面。

SKILL.md

---
name: css-tailwind-tidy
description: Use when refactoring or adding Tailwind classes. Enforces ordering, dedupes utilities, replaces arbitrary values with design tokens.
---

# Tailwind tidy

When you see Tailwind class lists:

1. Sort classes by category: layout → flex/grid → spacing → sizing → typography → color → effects → state variants.
2. Dedupe redundant utilities (`flex flex-row` → `flex`).
3. Replace arbitrary values (`text-[14px]`) with design tokens when one exists in `tailwind.config.ts`.
4. Group responsive variants together (`sm:` then `md:` then `lg:`).
5. Never introduce `!important` (`!`) without explicit user instruction.

标签

frontendcsstailwind