This handles the four feedback states every data-driven component needs: loading skeletons that match your final layout, empty states with clear next actions, errors with retry buttons, and success toasts. It follows the 300ms rule to prevent loading flashes on fast connections and keeps skeleton shapes true to your actual content. The pattern is straightforward: check loading, check error, check empty, then render data. What I like here is the opinionated stance on partial failures, only showing errors in affected cards rather than nuking the whole page. It reads the design language doc to stay consistent with your system and won't use spinners inside cards, which is the right call for mobile.

skills.sh installs
852
GitHub stars
1K
last updated
Jun 11, 2026

Install

$ npx -y skills add bitjaru/styleseed --skill ss-feedback --agent claude-code

Installs into .claude/skills of the current project.

Files

This handles the four feedback states every data-driven component needs: loading skeletons that match your final layout, empty states with clear next actions, errors with retry buttons, and success toasts. It follows the 300ms rule to prevent loading flashes on fast connections and keeps skeleton shapes true to your actual content. The pattern is straightforward: check loading, check error, check empty, then render data. What I like here is the opinionated stance on partial failures, only showing errors in affected cards rather than nuking the whole page. It reads the design language doc to stay consistent with your system and won't use spinners inside cards, which is the right call for mobile.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/bitjaru/styleseed
Categories
Frontend Development, Debugging
License
MIT
First seen
Jun 11, 2026

More from bitjaru/styleseed

All 14
1davila7 avatardraw-iodavila7/claude-code-templatesdraw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layout adjustment, and AWS icon usage.843skills.sh installs
2softaworks avatardraw-iosoftaworks/agent-toolkitdraw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layout adjustment, and AWS icon usage.838skills.sh installs
3bitjaru avatarss-patternbitjaru/styleseedGenerate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives828skills.sh installs
4mindrally avatarblazormindrally/skillsGuidelines for Blazor development including component lifecycle, state management, and performance optimization823skills.sh installs
5softaworks avatardesign-system-startersoftaworks/agent-toolkitCreate and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable823skills.sh installs
6mindrally avatarionicmindrally/skillsIonic development guidelines for building cross-platform mobile applications with Angular, Cordova, and Firebase integration.822skills.sh installs