css-tailwind-tidy

par AgentsRoomVérifié par AgentsRoomAucune installationAucun likeMis à jour le 7 mai 2026Catégorie : Ingénierie

Ce que ça fait

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

L'installation ouvre cette fiche dans votre application AgentsRoom. Si l'application n'est pas encore installée, vous serez redirigé vers la page de téléchargement.

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.

Pour aller plus loin

Claude Ads : le skill Claude Code qui audite tes comptes publicitaires

Claude Ads est un skill open source pour Claude Code qui audite les comptes publicitaires de douze plateformes, de Google et Meta à Reddit et X, avec une preuve pour chaque constat. Ce que fait la v2.1.0, comment l'installer sans risque, ses limites, et comment le faire tourner dans AgentsRoom.

AGENTS.md : un seul fichier de contexte pour tous tes agents de code (Codex, Antigravity, Claude)

AGENTS.md, c'est le fichier d'instructions portable que tes agents de code lisent avant de toucher à ton code. Ce qu'il faut y mettre, en quoi il diffère de CLAUDE.md, et comment garder un seul contexte entre Codex, Antigravity et Claude.