Summary
A solid reference for handling the UI states that always seem to trip up React developers. Covers the essentials like only showing spinners when there's actually no data (not on every refetch), surfacing errors to users instead of silently logging them, and always disabling buttons during async operations. The decision trees and anti-pattern examples are genuinely helpful for code review. It's opinionated in the right ways, like the "never show stale UI" principle and the error handling hierarchy. Most useful when you're building data-heavy UIs and want consistent patterns across your codebase rather than reinventing loading states for every component.
Install to Claude Code
npx -y skills add sickn33/antigravity-awesome-skills --skill react-ui-patterns --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Categories
