css-tailwind-tidy

por AgentsRoomVerificado por AgentsRoomSin instalacionesSin likesActualizado el 7 de mayo de 2026Categoría: Ingeniería

Qué hace

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

La instalación abre esta ficha en tu app de escritorio AgentsRoom. Si aún no la tienes instalada, te llevaremos a la página de descarga.

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 profundizar

Claude Ads: el skill de Claude Code que audita tus cuentas de anuncios

Claude Ads es un skill open source para Claude Code que audita cuentas publicitarias en doce plataformas, de Google y Meta a Reddit y X, con una prueba para cada hallazgo. Qué hace la v2.1.0, cómo instalarlo de forma segura, sus límites y cómo ejecutarlo en AgentsRoom.

AGENTS.md: un solo archivo de contexto para todos tus agentes de código (Codex, Antigravity, Claude)

AGENTS.md es el archivo de instrucciones portable que tus agentes de código leen antes de tocar tu código. Qué poner en él, en qué se diferencia de CLAUDE.md, y cómo mantener un único contexto entre Codex, Antigravity y Claude.