Download

Skill UI

Browse and discover 18950+ curated skills

All Development Artificial Intelligence Design & Creative Product & Business Data Science Marketing Soft Skills Productivity Engineering Languages

Search Loading States , found 17 results

Default Newest Most Downloaded

Angular UI Patterns

angular-ui-patterns

sickn33/antigravity-awesome-skills

Modern Angular UI patterns that coordinate loading spinners, skeletons, error states, empty states, and progressive data display; designed for component builders managing async data, optimistic updates, and graceful degradation.

Next.js App Router

davepoon/buildwithclaude

Guides how to create routes in Next.js App Router using the app/ directory, including route files, layouts, loading/error states, dynamic routes, metadata, and organizational patterns for robust navigation.

Next.js App Router

davepoon/buildwithclaude

Guides how to create routes in Next.js App Router using the app/ directory, including route files, layouts, loading/error states, dynamic routes, metadata, and organizational patterns for robust navigation.

Sankhya Dashboard Patterns

sankhya-dashboard-html-jsp-custom-best-pratices

sickn33/antigravity-awesome-skills

Guides Sankhya dashboard developers on HTML/JSP/Java patterns, SQL sanitization, BI parameterization, and UI/UX consistency so dashboards load reliably with lazy-loading states and structured queries.

User Feedback State Generation Tool

sickn33/antigravity-awesome-skills

This skill guides the implementation of essential user feedback states—Loading (Skeleton), Empty (Zero Data), Error, and Success—for data-dependent components or entire pages. It ensures a robust and polished user experience by providing structured, best-practice patterns for handling various data scenarios, preventing visual gaps or dead ends in the UI flow.

Structured Figma Dev Handoff Guide

figma-annotation-guide

mohitagw15856/pm-claude-skills

Generates comprehensive and structured developer handoff annotations for any Figma screen or component. This tool transforms raw visual designs into precise, buildable specifications, covering interactions, states (loading, error, success), accessibility requirements, and edge cases, ensuring developers receive everything needed for implementation.

Structured Design Review Against Requirements

figma-design-review

mohitagw15856/pm-claude-skills

This skill automates a structured Product Management (PM) design review process. It assesses a Figma design against defined product requirements (PRD) and user flows, ensuring functional completeness and readiness for engineering handoff. It checks for requirements coverage, handles edge cases (empty/error/loading states), identifies functional concerns (not aesthetic), and provides a clear, actionable approval status.

Plan User Flows and Screen States

figma-user-flow-planner

mohitagw15856/pm-claude-skills

This skill provides a comprehensive blueprint for designing digital products within Figma. It systematically maps out entire user journeys, including happy paths, loading states, error conditions, empty states, and edge cases. By defining the complete flow and suggested file structure beforehand, it prevents scope creep and ensures designers account for every necessary screen variant before starting the actual design work.

Figma Component Variant Matrix Planner

figma-variant-matrix

mohitagw15856/pm-claude-skills

This skill systematically defines all necessary variants, states, and properties for a Figma component before development. It ensures comprehensive coverage of all states (e.g., Hover, Disabled, Loading) and properties (e.g., Size, Type), generating a robust variant matrix that prevents critical design gaps and streamlines the entire component building process in Figma.

React UI Patterns: Loading and Error Handling

code-showcase-react-ui-patterns

sickn33/antigravity-awesome-skills

This skill provides comprehensive best practices for designing modern and robust React user interfaces. It covers critical patterns for managing asynchronous data, including optimal loading state indicators (skeletons vs. spinners), structured error handling hierarchies, and designing contextual empty states. Essential for improving user experience during data fetching and operations.

GraphQL Query and Mutation Patterns

sickn33/antigravity-awesome-skills

This guide details best practices for implementing robust, type-safe GraphQL queries and mutations. It covers using separate .gql files, running code generation tools, and implementing mandatory error handling (onError) and loading states. Use this when building complex, reliable data fetching layers with Apollo Client.

Modern Angular UI Patterns

angular-ui-patterns

sickn33/agentic-awesome-skills

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states. Ideal for frontend development tasks involving state management and user interface implementation.

Language