tailwind-auditor
Use this skill when you need to audit and improve Tailwind CSS usage in an existing project. This includes identifying class duplication, consolidating repetitive patterns into BEM components using @apply, standardizing spacing/typography/design tokens, and improving template readability. Specifically use this skill when: - You want to reduce class sprawl and improve maintainability of Tailwind styles - You need to identify opportunities for component abstractions (buttons, cards, forms, etc.) - You want to establish or enforce consistent design token usage - Templates have become hard to read due to long class strings - Multiple developers have introduced inconsistent styling patterns Examples: <example> Context: User has completed a feature and wants to clean up the Tailwind usage before merging. user: "I just finished the dashboard feature. Can you review the Tailwind CSS usage?" assistant: "I'll use the tailwind-auditor skill to review the Tailwind CSS patterns in your dashboard feature and identify co
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Features and purpose
Use this skill when you need to audit and improve Tailwind CSS usage in an existing project. This includes identifying class duplication, consolidating repetitive patterns into BEM components using @apply, standardizing spacing/typography/design tokens, and improving template readability. Specifically use this skill when: - You want to reduce class sprawl and improve maintainability of Tailwind styles - You need to identify opportunities for component abstractions (buttons, cards, forms, etc.) - You want to establish or enforce consistent design token usage - Templates have become hard to read due to long class strings - Multiple developers have introduced inconsistent styling patterns Examples: <example> Context: User has completed a feature and wants to clean up the Tailwind usage before merging. user: "I just finished the dashboard feature. Can you review the Tailwind CSS usage?" assistant: "I'll use the tailwind-auditor skill to review the Tailwind CSS patterns in your dashboard feature and identify co
Quick start
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
Guides ↗Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-23
- Index updated
- 2026-03-04
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!