Standardizes React development with robust patterns for loading states, error handling, and asynchronous data management.
This skill equips Claude with professional-grade UI/UX patterns specifically for React applications, focusing on creating resilient and user-friendly interfaces. It provides logic for managing complex state transitions—such as preventing UI flashes during data re-fetching, implementing contextual empty states, and ensuring robust error surfacing. By enforcing best practices like button de-bouncing during mutations and progressive disclosure, it helps developers build polished, production-ready components that handle asynchronous operations gracefully while maintaining a high standard of accessibility and user feedback.
主要功能
01Standardized error handling hierarchy from inline validation to full-page states.
02Contextual empty state patterns for lists, searches, and new collections.
03Conditional loading logic to prevent UI flickering and layout shifts.
04Async-aware button components with built-in loading and disabled states.
05Strategic guidance on Skeleton vs. Spinner usage based on layout shape.
0631,721 GitHub stars
使用场景
01Designing resilient list views that gracefully handle empty, loading, and error states.
02Building data-driven dashboards with multiple asynchronous API integrations.
03Implementing robust form submissions with comprehensive error feedback and loading indicators.
