Ss Feedback
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.
- installs
- 852
- GitHub stars
- 991
- last updated
- Jun 11, 2026
Install
$ npx -y skills add bitjaru/styleseed --skill ss-feedback --agent claude-codeInstalls 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 GitHubSponsors
Details
- Repository
- github.com/bitjaru/styleseed
- Categories
- Frontend Development, Debugging
- License
- MIT
- First seen
- Jun 11, 2026
