css-tailwind-tidy

AgentsRoom 作AgentsRoom が認定インストールはまだありませんいいねはまだありません2026年5月7日に更新カテゴリー: エンジニアリング

できること

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 まで12の広告プラットフォームのアカウントを監査し、すべての指摘に根拠を添えます。v2.1.0 で何ができるのか、安全なインストール方法、限界、そして AgentsRoom での動かし方を解説します。