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, LinkedIn, TikTok या Amazon Ads पर 250 से ज़्यादा जाँचें, 100 में से एक स्कोर और प्राथमिकता के हिसाब से बनी एक्शन प्लान, वो भी करीब दस मिनट में। इंस्टॉलेशन, कमांड, सीमाएँ, और इसे 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 कैसे बनाए रखें।