css-tailwind-tidy

AgentsRoom द्वाराAgentsRoom द्वारा सत्यापितअभी तक कोई इंस्टॉल नहींअभी तक कोई लाइक नहीं7 मई 2026 को अपडेट किया गयाश्रेणी: इंजीनियरिंग

यह क्या करता है

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

इंस्टॉल करने पर यह एंट्री आपके AgentsRoom डेस्कटॉप ऐप में खुलती है। अगर ऐप अभी इंस्टॉल नहीं है, तो आपको डाउनलोड पेज पर भेज दिया जाएगा।

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.

टैग

frontendcsstailwind

और जानें

Claude Ads: वह Claude Code स्किल जो आपके विज्ञापन अकाउंट का ऑडिट करती है

Claude Ads, Claude Code के लिए एक ओपन-सोर्स स्किल है जो Google और Meta से लेकर Reddit और X तक बारह प्लेटफ़ॉर्म पर विज्ञापन अकाउंट का ऑडिट करती है, और हर निष्कर्ष के साथ सबूत देती है। v2.1.0 क्या करता है, इसे सुरक्षित तरीके से कैसे इंस्टॉल करें, इसकी सीमाएँ, और इसे AgentsRoom में कैसे चलाएँ।

AGENTS.md: हर coding agent के लिए एक ही context file (Codex, Antigravity, Claude)

AGENTS.md वह portable instructions file है जिसे आपके AI coding agents आपके code को छूने से पहले पढ़ते हैं। इसमें क्या डालें, यह CLAUDE.md से कैसे अलग है, और Codex, Antigravity और Claude के बीच एक ही context कैसे बनाए रखें।