Skills
.Work. You
Rest

loading-screens

Community

Polish UI with braille loading indicators.

Design & Creative#ui#component#web#loading#skeleton#spinner#braille
AuthorKevin-Liu-01
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Braille Unicode spinners prevent blank screens and skeletons preserve layout, enabling smooth loading experiences.

Core Features & Use Cases

  • Reusable BrailleSpinner component for various UI states (page, button, inline).
  • Sizing, color, and accessibility considerations for consistent UX.
  • Anti-pattern guidance and a structured approach to loading states across apps.

Quick Start

Integrate the BrailleSpinner in your loading states to replace empty screens and pair with skeletons for layout preservation.

Dependency Matrix

Required Modules

None required

Components

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: loading-screens
Download link: https://github.com/Kevin-Liu-01/Agent-Machines/archive/main.zip#loading-screens

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.