tailwind-optimizerOptimize Tailwind CSS usage — detect unused classes, identify opportunities for @apply extraction, audit responsive design, and reduce bundle size.
Install via ClawdBot CLI:
clawdbot install charlie-morrison/tailwind-optimizerGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://clawhub.ai/user/charlie-morrisonAudited Aug 13, 2026 · audit v1.0
Generated Aug 12, 2026
A web development agency uses the tool to audit multiple client projects for unused Tailwind classes and optimize CSS bundles, ensuring faster load times and maintainable codebases. The tool helps identify extraction opportunities to standardize component styles across projects.
A SaaS company with a complex dashboard uses the tool to reduce CSS bundle size, improving initial load time and user experience. The audit detects conflicting utilities and missing responsive patterns, helping the team refactor the UI for consistency and performance.
An e-commerce platform uses the tool to optimize Tailwind CSS on product pages, reducing render-blocking CSS and improving conversion rates. The design system adherence check ensures brand colors and spacing are consistent across all pages.
A large enterprise with multiple frontend teams uses the tool to enforce design system consistency by detecting off-brand colors, arbitrary values, and inconsistent spacing. The extraction recommendations promote reuse of component classes across teams.
An open-source project maintainer uses the tool to analyze CSS output and clean up the Tailwind configuration, ensuring that contributor contributions follow best practices. The audit helps identify plugins and variants that add unnecessary CSS.
Offer continuous monitoring and optimization reports for Tailwind CSS projects on a monthly subscription basis.
Charge a fixed fee for a comprehensive Tailwind CSS audit and provide actionable recommendations for improvement.
Provide a basic version of the tool for free, with advanced features like automated extraction or integration as paid upgrades.
💬 Integration Tip
Integrate the tool into CI/CD pipelines to automatically run audits on pull requests, and combine with build metrics to track CSS size changes over time.
Scored Aug 13, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.