Proven skills / Compare

Two design skills · both proven

accessibility-compliance vs tailwind-design-system

Both skills were run through Claude twice: once on a fixed brief without the skill, once with it. The briefs differ because each is written for the job the skill claims to do, so compare each skill against its own baseline, then decide which difference matters for your work.

accessibility-compliance

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

Category
Design
Source
wshobson/agents · 41,019 stars
License
MIT
Proof model
claude-sonnet-5-5
Brief
“Build a settings page with tabs for Profile, Notifications and Privacy, including toggles, a select menu, and a save button.”
Skill commit
0874a27

tailwind-design-system

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Category
Design
Source
wshobson/agents · 41,019 stars
License
MIT
Proof model
claude-sonnet-5-5
Brief
“Build a product card grid for an online plant shop with filters, price, and add-to-cart buttons.”
Skill commit
0874a27

We don’t pick a winner for you: the pages are the evidence. Both proofs can be repeated with the brief, model and commit shown above. See alternatives to accessibility-compliance or alternatives to tailwind-design-system.