tailwind-class-optimizer

Tailwind Class Optimizer - Auto-activating skill for Frontend Development. Triggers on: tailwind class optimizer, tailwind class optimizer Part of the Frontend Development skill category.

1.02x

Quality

Does it follow best practices?

Impact

93%

1.02x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/tailwind-class-optimizer/SKILL.md

Evaluation results

90%

Tailwind CSS Component Cleanup

Tailwind class refactoring and best practices

Criteria

Without context

With context

Arbitrary values removed

66%

100%

Inline styles removed

100%

Consistent class ordering

62%

100%

Accessible image alt text

100%

Accessible disabled button

100%

Focus state on button

Step-by-step log

100%

Rationale provided

100%

Validation notes present

100%

Production-ready output

100%

92%

Accessible Form Component with Tailwind CSS

Accessible Tailwind component system

Criteria

Without context

With context

Focus ring on input

100%

Error state styling

100%

ARIA error association

100%

aria-invalid attribute

100%

Label association

100%

No arbitrary values

100%

Production-ready component

100%

Demo renders both states

100%

Accessibility report present

100%

Validation in report

100%

Responsive design classes

97%

-3%

Tailwind CSS Configuration Audit and Optimization

Tailwind performance optimization and configuration

Criteria

Without context

With context

Deprecated purge removed

100%

Broader content paths

100%

Deprecated mode key removed

100%

Deprecated variants key removed

100%

Arbitrary pixel values replaced

100%

70%

Duplicate built-ins removed

100%

Vue component uses design tokens

100%

Vue component is production-ready

100%

Step-by-step plan

100%

Validation steps present

100%

Rationale for each change

100%

Repository: jeremylongshore/claude-code-plugins-plus-skills
Commit: 3e83543

Evaluated: 27 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Tailwind CSS Component Cleanup Accessible Form Component with Tailwind CSS Tailwind CSS Configuration Audit and Optimization

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.