Show loading indicators
SkillMediaLoading-indicators is a skill for AI agents that audits slow page loads, heavy assets, and rendering delays related to Show loading indicators. It helps determine whether missing loading indicators cause perceived delays, and verifies the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Use Show loading indicators in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Show loading indicators and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Show loading indicators skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
No other account needed.
Have an AI agent that can load skills.
What your AI can do with it
- Audit slow page loads and rendering delays
- Check whether missing loading indicators cause perceived delays
- Verify the actual bottleneck in DevTools
- Verify the actual bottleneck in Lighthouse
- Verify the actual bottleneck in field data
- Review heavy assets before recommending changes
Getting started
- Have an AI agent that can load skills.
- Add the loading-indicators skill to the agent.
- Ask the agent to audit a page for slow loads, heavy assets, or rendering delays.
- Have the agent verify the bottleneck in DevTools, Lighthouse, or field data before applying any recommended changes.
What this skill tells your AI
The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/loading-indicators/SKILL.md and read by ahel’s review.
Loading indicators reassure users that something is happening—without feedback, users may think the page is broken or click repeatedly, degrading experience and causing duplicate actions.
Quick Reference
- Show immediate feedback for all async operations
- Use skeletons for content, spinners for actions
- Include ARIA attributes for screen reader accessibility
- Avoid content jumps when loading completes
Check
Verify that loading states are displayed during async operations with appropriate ARIA attributes for screen readers.
Fix
Implement loading spinners/progress bars with aria-busy, aria-live, and clear visual feedback for ongoing operations.
Explain
Explain how loading indicators improve perceived performance and accessibility by communicating system status to users.
Code Review
Review the routes, assets, and loading behavior that affect Show loading indicators. Flag exact files, requests, or rendering steps that add unnecessary network, CPU, or layout cost, and describe the measurement method used to confirm the issue.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/en/rules/performance/loading-indicators
Signals
- GitHub stars
- 74k
- Forks
- 7k
- Last commit
- Oct 2026
Questions
- When should this skill be used?
- Use it when auditing slow page loads, heavy assets, or rendering delays related to Show loading indicators.
- Does it recommend changes right away?
- No. It verifies the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
- What does it check for?
- It looks for whether missing loading indicators cause perceived delays on a page.
Advanced
- Item type
- skill
- Key
loading-indicators- Source
- github.com/thedaviddias/front-end-checklist
github.com/thedaviddias/front-end-checklist