๐ŸŽฏ

loading-states

๐ŸŽฏSkill

from owl-listener/designer-skills

VibeIndex|
What it does
|

A design skill from the Designer Skills Collection that teaches AI agents about loading state design patterns, covering how to handle wait times, skeleton screens, progress indicators, and user feedback during asynchronous operations as part of the interaction-design plugin.

๐Ÿ“ฆ

Same repository

owl-listener/designer-skills(97 items)

loading-states

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add owl-listener/designer-skills --skill loading-states
skills.sh Installโš  Installs to .agents/skills/
npx skills add owl-listener/designer-skills --skill loading-states
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/loading-states/SKILL.md

SKILL.md

705Installs
-
AddedMar 10, 2026

More from this repository10

๐ŸŽฏ
presentation-deck๐ŸŽฏSkill

Part of a designer skill collection with 91 skills and 28 commands across 9 plugins covering research, design systems, UX strategy, UI design, interaction design, prototyping, design ops, toolkit, and visual critique for Claude Code.

๐ŸŽฏ
data-visualization๐ŸŽฏSkill

Design skill from the Designer Skills collection for crafting data visualizations, part of the ui-design plugin covering layout grids, color systems, typography, responsive design, and data viz.

๐ŸŽฏ
typography-scale๐ŸŽฏSkill

A UI design skill from the Designer Skills Collection covering typography systems within the ui-design plugin, which provides tools for crafting polished interfaces including layout grids, color systems, typography, responsive design, and data visualization.

๐ŸŽฏ
illustration-style๐ŸŽฏSkill

A design skill from the Designer Skills Collection of 91 agentic design skills across 9 plugins, part of the visual-critique plugin that provides hierarchy analysis, brand consistency checks, composition evaluation, and typography audits for design workflows.

๐ŸŽฏ
dark-mode-design๐ŸŽฏSkill

A design systems skill from the Designer Skills Collection covering dark mode theming within the design-systems plugin, which provides tools for building and maintaining design systems including tokens, components, accessibility, theming, and motion governance.

๐ŸŽฏ
color-system๐ŸŽฏSkill

A UI design skill from the Designer Skills collection that provides expertise in crafting color systems, part of a 63-skill suite covering design research, design systems, UX strategy, interaction design, prototyping, and design operations for Claude Code.

๐ŸŽฏ
user-flow-diagram๐ŸŽฏSkill

A UX strategy skill from the Designer Skills Collection covering user flow mapping within the ux-strategy plugin, which helps shape product direction through competitive analysis, design principles, experience mapping, information architecture, and content strategy.

๐ŸŽฏ
visual-hierarchy๐ŸŽฏSkill

A visual critique skill from the Designer Skills Collection covering hierarchy analysis within the visual-critique plugin, which provides visual hierarchy analysis, brand consistency checks, composition evaluation, and typography audits.

๐ŸŽฏ
animation-principles๐ŸŽฏSkill

An interaction design skill from the Designer Skills Collection covering animation principles within the interaction-design plugin, which provides guidance for micro-animations, state machines, gestures, feedback, cognitive laws, forms, and navigation patterns.

๐ŸŽฏ
spacing-system๐ŸŽฏSkill

A design skill from the Designer Skills Collection that teaches AI agents about spacing systems within design systems, covering spacing tokens, consistent component spacing, and theming as part of the design-systems plugin with 8 skills and 3 commands.