Implements standardized React UI patterns for loading states, error handling, and resilient data fetching.
React UI Design Patterns is a specialized skill designed to enhance the reliability and user experience of React applications. It equips Claude with core principles for managing complex UI states, including logic for preventing stale UI displays, surfacing errors clearly, and implementing optimistic updates. By providing patterns for skeleton loaders, empty states, and async-aware button behaviors, this skill ensures that frontend components are both robust and professional, minimizing UI flicker and ensuring users are never left without feedback during data operations.
主な機能
01Conditional loading logic to prevent UI flickering
020 GitHub stars
03Skeleton vs. Spinner decision logic for optimized perceived performance
04Contextual empty state patterns for collections
05Async-aware button states to prevent double-submissions
06Standardized hierarchy for surfacing errors to users
ユースケース
01Building data-intensive dashboards with complex loading states
02Standardizing form validation and error feedback across projects
03Implementing resilient UI components that handle network failures gracefully
