Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →alinaqi/ui-web
Web UI - glassmorphism, Tailwind, dark mode, accessibility
Passed 15 of 22 test cases with the skill, and 11 of 22 without it.
and 6 more in the full report
7 fixed8 passed either way4 still failing3 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 7 test cases the skill fixed. Same model, same prompt, with and without the skill.
Can you build a user profile settings panel in React and Tailwind? It needs text inputs for account details, a secondary ghost action button, clear visual feedback for errors, and accessible focus behavior for keyboard navigation. Provide the complete component implementation.
| Checked | Without skill | With skill |
|---|---|---|
| Applies a visible border utility class to the ghost button. | Missed | Passed |
| Applies button padding of at least px-4 py-2. | Passed | Passed |
The instructions your model reads when the skill loads.
These rules are NON-NEGOTIABLE. Every UI element must pass these checks.
Text Contrast Requirements:
├── Normal text (<18px): 4.5:1 minimum
├── Large text (≥18px bold or ≥24px): 3:1 minimum
├── UI components (buttons, inputs): 3:1 minimum
└── Focus indicators: 3:1 minimum
FORBIDDEN COLOR COMBINATIONS:
✗ gray-400 on white (#9CA3AF on #FFFFFF = 2.6:1) - FAILS
✗ gray-500 on white (#6B7280 on #FFFFFF = 4.6:1) - BARELY PASSES
✗ white on yellow - FAILS
✗ light blue on white - USUALLY FAILS
SAFE COLOR COMBINATIONS:
✓ gray-700 on white (#374151 on #FFFFFF = 9.2:1)
✓ gray-600 on white (#4B5563 on #FFFFFF = 6.4:1)
✓ gray-900 on white (#111827 on #FFFFFF = 16:1)
✓ white on gray-900, blue-600, green-700
ALL BUTTONS MUST HAVE:
✓ Visible background color OR visible border (min 1px)
✓ Text color that contrasts with background
✓ Minimum height: 44px (touch target)
✓ Padding: at least px-4 py-2
NEVER CREATE:
✗ Buttons with transparent background AND no border
test cases passed, vs 11 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.