css-tailwind-tidy

di AgentsRoomVerificato da AgentsRoomNessuna installazioneNessun likeAggiornato il 7 maggio 2026Categoria: Ingegneria

Cosa fa

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

L'installazione apre questa scheda nella tua app desktop AgentsRoom. Se l'app non è ancora installata, verrai portato alla pagina di download.

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.

Tag

frontendcsstailwind

Approfondimenti

Claude Ads: lo skill di Claude Code che audita i tuoi account pubblicitari

Claude Ads è uno skill open source per Claude Code: oltre 250 verifiche su Google, Meta, LinkedIn, TikTok o Amazon Ads, un punteggio su 100 e un piano d'azione prioritizzato, in una decina di minuti. Installazione, comandi, limiti e come orchestrarlo in AgentsRoom.

AGENTS.md: un solo file di contesto per ogni agente di coding (Codex, Antigravity, Claude)

AGENTS.md è il file di istruzioni portabile che i tuoi agenti di coding leggono prima di toccare il codice. Cosa metterci dentro, in cosa si differenzia da CLAUDE.md e come tenere un unico contesto tra Codex, Antigravity e Claude.