react-ui-patterns
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
Installation
SKILL.md
Show loading indicator ONLY when there's no data to display.
| Known content shape | Unknown content shape | | List/card layouts | Modal actions | | Initial page load | Button submissions | | Content placeholders | Inline operations |
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states. Source: poletron/custom-rules.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/poletron/custom-rules --skill react-ui-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/poletron/custom-rules --skill react-ui-patterns- Source
- poletron/custom-rules
- Category
- *Creative Media
- Verified
- —
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is react-ui-patterns?
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states. Source: poletron/custom-rules.
How do I install react-ui-patterns?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/poletron/custom-rules --skill react-ui-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/poletron/custom-rules
Details
- Category
- *Creative Media
- Source
- user
- First Seen
- 2026-02-01