Summary
A comprehensive guide to handling the messy parts of Angular UI: loading states, errors, and empty screens. The golden rule is simple: only show loading indicators when you have no data, otherwise show what you've got. It walks through the decision trees for when to use skeletons versus spinners, how to surface errors without swallowing them silently, and why you should always disable buttons during async operations. The defer patterns for progressive loading are especially useful for keeping initial page loads fast. If you've ever shipped a form that users could accidentally submit twice, or shown a blank screen when you had partial data to display, this will fix those habits.
Install to Claude Code
npx -y skills add sickn33/antigravity-awesome-skills --skill angular-ui-patterns --agent claude-codeInstalls into .claude/skills of the current project.
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →
Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →Files
SKILL.md
Select a file.
Featured
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
