{"id":"f4f723a0-066e-4ffd-87af-4cf8b05ef347","shortId":"Xrp6tY","kind":"skill","title":"ux-feedback","tagline":"Add loading, empty, error, and success feedback states to StyleSeed components and pages with practical mobile-first rules.","description":"# UX Feedback\n\n## Overview\n\nPart of [StyleSeed](https://github.com/bitjaru/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.\n\n## When to Use\n- Use when a component or page fetches, mutates, or depends on async data\n- Use when a flow currently renders only the success path\n- Use when a card, list, or page needs better state communication\n- Use when the product needs clear recovery and confirmation behavior\n\n## The Four Required States\n\n### Loading\n\nUse 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.\n\n### Empty\n\nProvide a friendly explanation and a next action. Zero values should still render meaningfully instead of disappearing.\n\n### Error\n\nUse 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.\n\n### Success\n\nUse toasts or equivalent lightweight confirmation for completed actions. Add undo for reversible destructive changes.\n\n## Output\n\nReturn:\n1. The data-dependent areas identified\n2. The loading, empty, error, and success states added for each one\n3. Any reusable empty-state or toast patterns created\n4. Follow-up work needed for analytics, retries, or accessibility\n\n## Best Practices\n\n- Match loading placeholders to the real layout\n- Keep partial failure isolated whenever possible\n- Make recovery obvious, not hidden in logs or developer tools\n- Use success feedback sparingly but clearly\n\n## Additional Resources\n\n- [StyleSeed repository](https://github.com/bitjaru/styleseed)\n- [Source skill](https://github.com/bitjaru/styleseed/blob/main/seeds/toss/.claude/skills/ux-feedback/SKILL.md)\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.","tags":["feedback","antigravity","awesome","skills","sickn33","agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity-skills"],"capabilities":["skill","source-sickn33","skill-ux-feedback","topic-agent-skills","topic-agentic-skills","topic-ai-agent-skills","topic-ai-agents","topic-ai-coding","topic-ai-workflows","topic-antigravity","topic-antigravity-skills","topic-claude-code","topic-claude-code-skills","topic-codex-cli","topic-codex-skills"],"categories":["antigravity-awesome-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/sickn33/antigravity-awesome-skills/ux-feedback","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add sickn33/antigravity-awesome-skills","source_repo":"https://github.com/sickn33/antigravity-awesome-skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 34404 github stars · SKILL.md body (2,199 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:51:55.025Z","embedding":null,"createdAt":"2026-04-18T21:47:00.180Z","updatedAt":"2026-04-22T00:51:55.025Z","lastSeenAt":"2026-04-22T00:51:55.025Z","tsv":"'/bitjaru/styleseed)':283 '/bitjaru/styleseed),':31 '/bitjaru/styleseed/blob/main/seeds/toss/.claude/skills/ux-feedback/skill.md)':288 '1':206 '2':213 '3':225 '4':235 'access':245 'action':148,197 'ad':221 'add':4,47,198 'addit':277 'affect':175 'alway':166 'analyt':242 'area':211 'ask':322 'async':76 'avoid':121,135 'behavior':108 'best':246 'better':96 'boundari':330 'card':91,124,176 'chang':203 'clarif':324 'clear':104,276,297 'communic':98 'complet':196 'compon':14,68 'confirm':107,194 'core':50 'creat':234 'criteria':333 'current':82 'data':36,77,209 'data-depend':35,208 'delay':131 'depend':37,74,210 'describ':301 'destruct':202 'develop':269 'disappear':157 'empti':6,58,140,216,229 'empty-st':228 'ensur':34 'environ':313 'environment-specif':312 'equival':192 'error':7,59,158,217 'everi':53 'expert':318 'explan':144 'failur':163,172,257 'fast':138 'feedback':3,10,24,51,273 'fetch':71 'final':119 'first':21 'flash':136 'flow':81 'follow':237 'follow-up':236 'four':49,110 'friend':143 'genuin':128 'github.com':30,282,287 'github.com/bitjaru/styleseed)':281 'github.com/bitjaru/styleseed),':29 'github.com/bitjaru/styleseed/blob/main/seeds/toss/.claude/skills/ux-feedback/skill.md)':286 'happi':44 'hidden':265 'identifi':212 'input':327 'insid':123 'instead':155 'isol':258 'keep':255 'languag':162 'layout':120,254 'lightweight':193 'limit':289 'list':92 'load':5,57,113,215,249 'local':171 'log':267 'make':261 'match':117,248,298 'meaning':154 'messag':164 'miss':335 'mobil':20 'mobile-first':19 'mutat':72 'need':56,95,103,240 'next':147 'obvious':263 'offer':167 'one':224 'output':204,307 'overview':25 'page':16,70,94,184 'part':26 'partial':256 'path':45,87 'pattern':127,233 'permiss':328 'placehold':250 'plain':161 'plain-languag':160 'possibl':170,260 'practic':18,247 'product':55,102 'provid':141 'real':253 'recoveri':105,168,262 'render':83,153 'repositori':280 'requir':111,129,326 'resourc':278 'respons':139 'rest':181 'retri':243 'return':205 'reusabl':227 'revers':201 'review':319 'rule':22 'safeti':329 'scope':300 'section':178 'serious':54 'skeleton':115,132 'skill':33,285,292 'skill-ux-feedback' 'slight':133 'sourc':284 'source-sickn33' 'spare':274 'specif':314 'spinner':122 'state':11,52,97,112,220,230 'still':152,186 'stop':41,320 'stylese':13,28,279 'substitut':310 'success':9,61,86,188,219,272,332 'task':296 'test':316 'toast':190,232 'tool':270 'topic-agent-skills' 'topic-agentic-skills' 'topic-ai-agent-skills' 'topic-ai-agents' 'topic-ai-coding' 'topic-ai-workflows' 'topic-antigravity' 'topic-antigravity-skills' 'topic-claude-code' 'topic-claude-code-skills' 'topic-codex-cli' 'topic-codex-skills' 'treat':305 'ui':38 'undo':199 'unless':125 'use':64,65,78,88,99,114,159,189,271,290 'ux':2,23 'ux-feedback':1 'valid':315 'valu':150 'whenev':259 'work':187,239 'zero':149","prices":[{"id":"ddbb3c88-5244-4ff1-a8f5-b4761e09a20b","listingId":"f4f723a0-066e-4ffd-87af-4cf8b05ef347","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"sickn33","category":"antigravity-awesome-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T21:47:00.180Z"}],"sources":[{"listingId":"f4f723a0-066e-4ffd-87af-4cf8b05ef347","source":"github","sourceId":"sickn33/antigravity-awesome-skills/ux-feedback","sourceUrl":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/ux-feedback","isPrimary":false,"firstSeenAt":"2026-04-18T21:47:00.180Z","lastSeenAt":"2026-04-22T00:51:55.025Z"}],"details":{"listingId":"f4f723a0-066e-4ffd-87af-4cf8b05ef347","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"sickn33","slug":"ux-feedback","github":{"repo":"sickn33/antigravity-awesome-skills","stars":34404,"topics":["agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity","antigravity-skills","claude-code","claude-code-skills","codex-cli","codex-skills","cursor","cursor-skills","developer-tools","gemini-cli","gemini-skills","kiro","mcp","skill-library"],"license":"mit","html_url":"https://github.com/sickn33/antigravity-awesome-skills","pushed_at":"2026-04-21T16:43:40Z","description":"Installable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.","skill_md_sha":"a6ba7c76027c1837ee75280b2cf33ed312fb9916","skill_md_path":"skills/ux-feedback/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/ux-feedback"},"layout":"multi","source":"github","category":"antigravity-awesome-skills","frontmatter":{"name":"ux-feedback","description":"Add loading, empty, error, and success feedback states to StyleSeed components and pages with practical mobile-first rules."},"skills_sh_url":"https://skills.sh/sickn33/antigravity-awesome-skills/ux-feedback"},"updatedAt":"2026-04-22T00:51:55.025Z"}}