css-tailwind-tidy

por AgentsRoomVerificado pela AgentsRoomSem instalaçõesSem likesAtualizado em 7 de maio de 2026Categoria: Engenharia

O que ele faz

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

A instalação abre esta ficha no seu app de desktop AgentsRoom. Se o app ainda não estiver instalado, você será levado à página de 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.

Para se aprofundar

Claude Ads: o skill do Claude Code que audita suas contas de anúncios

Claude Ads é um skill open source para o Claude Code: mais de 250 verificações no Google, Meta, LinkedIn, TikTok ou Amazon Ads, uma nota sobre 100 e um plano de ação priorizado, em cerca de dez minutos. Instalação, comandos, limites e como orquestrá-lo no AgentsRoom.

AGENTS.md: um único arquivo de contexto para todo agente de código (Codex, Antigravity, Claude)

AGENTS.md é o arquivo de instruções portátil que seus agentes de código leem antes de tocar no seu código. O que colocar nele, como ele se diferencia do CLAUDE.md e como manter um único contexto entre Codex, Antigravity e Claude.