Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →lingxling/ux-feedback
Add loading, empty, error, and success feedback states to StyleSeed components and pages with practical mobile-first rules.
Passed 22 of 25 test cases with the skill, and 15 of 25 without it.
and 8 more in the full report
9 fixed13 passed either way1 still failing2 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
We are building an admin table component for managing enterprise team members. It makes REST calls to fetch filtered member lists. Outline the UX specifications for all dynamic states of this member table.
| Checked | Without skill | With skill |
|---|---|---|
| Specifies table row skeleton placeholders matching the actual table column layout. | Missed | Passed |
| Defines an empty state view with clear text explanation. | Passed | Passed |
| Provides localized error UI with retry controls inside the table container. | Passed | Passed |
The instructions your model reads when the skill loads.
Part of StyleSeed, this skill ensures data-dependent UI does not stop at the happy path. It adds the four core feedback states every serious product needs: loading, empty, error, and success.
Use skeletons that match the final layout. Avoid spinners inside cards unless the pattern genuinely requires them. Delay skeletons slightly to avoid flashes on fast responses.
Provide a friendly explanation and a next action. Zero values should still render meaningfully instead of disappearing.
Use plain-language failure messages and always offer recovery where possible. Localize failures to the affected card or section if the rest of the page can still work.
Use toasts or equivalent lightweight confirmation for completed actions. Add undo for reversible destructive changes.
Return:
test cases passed, vs 15 / 25 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.