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 che fa l'audit degli account pubblicitari su dodici piattaforme, da Google e Meta a Reddit e X, con una prova per ogni rilievo. Cosa fa la v2.1.0, come installarlo in sicurezza, i suoi limiti e come farlo girare 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.