dangapp-skeleton-factory
CommunityStable loading states for UI
Authorkimjuyoung1127
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses UI flickering and unstable loading states by creating skeleton placeholders that closely mirror the final layout, ensuring a smoother user experience.
Core Features & Use Cases
- Layout Mirroring: Creates lightweight skeleton components that match the shape, spacing, and major block sizes of the final UI.
- Rhythm Preservation: Avoids fake content in skeletons to maintain the visual rhythm.
- Efficient Transitions: Ensures skeletons are removed once the resolved state is stable, preventing content flashes.
- Use Case: When a new feature is loading, instead of a jarring layout shift, a stable skeleton appears, providing a predictable and intentional loading experience.
Quick Start
Use the dangapp-skeleton-factory skill to create a skeleton for the user profile page.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: dangapp-skeleton-factory Download link: https://github.com/kimjuyoung1127/dangapp/archive/main.zip#dangapp-skeleton-factory Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.