ora-spinner-integration

376

a5c-ai

Integrate ora spinners with consistent styling, promise handling, and status updates for CLI progress feedback.

asyncredux-wait-fail-succeed

238

marcglasberg

Show loading states and handle action failures in widgets. Covers `isWaiting(ActionType)` for spinners, `isFailed(ActionType)` for error states, `exceptionFor(ActionType)` for error messages, and `clearExceptionFor()` to reset failure states.

rsc-data-optimizer

140

julianromli

Optimize Next.js App Router data fetching by converting slow client-side fetching to fast server-side fetching using React Server Components (RSC). Use when: - User reports slow initial page load with loading spinners - Page uses useEffect + useState for data fetching - StoreContext/useStore pattern causes waterfall fetching - Need to improve SEO (content not in initial HTML) - Converting "use client" pages to Server Components Triggers: "slow loading", "optimize fetching", "SSR data", "RSC optimization", "remove loading spinner", "server-side fetch", "convert to server component", "data fetch lambat", "loading lama"

building-glamorous-tuis

127

Dicklesworthstone

Build beautiful terminal UIs with Charmbracelet. For SHELL/BASH scripts: use Gum (prompts, spinners, selection), VHS (recording), Mods (AI), Freeze (screenshots), Glow (markdown). For GO applications: use Bubble Tea (framework), Bubbles (components), Lip Gloss (styling), Huh (forms), Glamour (markdown), Harmonica (animation). For INFRASTRUCTURE: Wish (SSH apps), Soft Serve (Git), teatest (testing). Trigger on: shell scripts needing UI, Go CLI tools, terminal dashboards, SSH applications, or "make this CLI prettier."

Loading State Tester

71

PramodDutta

Verify loading indicators, skeleton screens, and progress bars appear correctly during async operations and disappear on completion or error.

implementing-cli-patterns

26

saleor

Implements CLI UX with output formatting, progress indicators, and prompts. Use when working on CLI output, chalk styling, ora spinners, inquirer prompts, progress bars, reporters, error formatting, or exit codes.

loading-states

16

sanky369

Design effective loading states, skeleton screens, and empty states that maintain user confidence. Use when content takes time to load, when showing progress, or handling empty data scenarios. Triggers on "loading state", "skeleton screen", "empty state", "spinner", "progress bar", "loading animation", "zero state".

hig-components-status

14

raintree-technology

Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings. Use this skill when asked about: "progress indicator", "progress bar", "loading spinner", "status bar", "activity ring", "progress display", determinate vs indeterminate progress, loading states, or fitness tracking rings. Also use when the user says "how do I show loading state," "should I use a spinner or progress bar," "what goes in the status bar," or asks about activity indicators. Cross-references: hig-components-system for widgets and complications, hig-inputs for gesture-driven progress controls, hig-technologies for HealthKit and activity ring data integration.

continuous-loops

12

dylantarre

Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.

loading-states

12

dylantarre

Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.

loaders-spinners

12

dylantarre

Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status

frontend-lottie

9

petbrains

Decorative JSON animations for UI feedback and polish. Use for loading spinners, success/error checkmarks, empty-state illustrations, and animated icons. They simply play and loop with no interactivity—use Rive for reactive or stateful animations. Lightweight and compatible with SSR.

tailwind-animate

9

TerminalSkills

Add animations to Tailwind CSS projects. Use when implementing CSS animations with Tailwind, adding entrance effects, building animated components, or creating loading spinners and skeleton screens.

ora

9

TerminalSkills

Add terminal spinners with Ora. Use when showing loading indicators in CLI tools, displaying progress during async operations, or building polished command-line interfaces with status feedback.

add-loading-indicator

5

marcglasberg

Add loading state tracking to widgets using context.isWaiting() for spinners and skeletons

clack-prompts

2

nklisch

Reference for @clack/prompts terminal UI library. Use this skill whenever building interactive CLI prompts, spinners, select menus, confirmation dialogs, or any terminal UI. Covers text, password, confirm, select, multiselect, spinner, group flows, tasks, logging, and cancel handling. Use this for any file in packages/cli/src/ui/ or any command that needs user interaction.

workos-convex-authkit

anand-testcompare

Implement and debug WorkOS AuthKit + Convex (customJwt) auth in a Next.js app. Use for issues like preview redirect-uri-invalid, /admin spinner or "Loading session…" loops, WorkOS token refresh 429/invalid_grant, Convex auth rejecting WorkOS JWTs (issuer/JWKS/aud mismatches), or accidental sign-outs from Next.js Link prefetch hitting /sign-out.

feedback-states

Abdullah4AI

Feedback state patterns: loading indicators, error handling UI, success confirmations, disabled states, skeleton views. Use when adding loading spinners, error alerts, success feedback, or managing empty/error/loading view states. Triggers: ProgressView, loading, error, alert, empty state, skeleton, disabled, feedback.