Based on the Build For Good UX video series by Katherine Gilligan (@synsation_). All principles are from her publicly available, free Instagram posts.

What's Covered

Topic Details
🎨 UI vs UX Beautiful interface plus understandable behavior, recovery, and trust
⬜ Loading States Skeleton screens, progress bars, spinners, optimistic UI
⏳ Spinner Timing When to show what based on duration (<1s, 1-10s, >10s)
⚠️ Error States Message quality, placement (inline, toast, modal)
✅ Success States Action feedback, celebrations, subtle confirmations
🌵 Empty States First impressions, search results, goal/achievement states
📄 Form UX Inline validation, pre-filling, character counts, forgiving formats
🧩 Graceful Degradation Independent sections, cached content, partial loading
🧭 Jakob's Law Familiar patterns by device, locale, audience, and market
🫙 Hick's Law Reduce decision complexity with grouping, filtering, curation, progressive disclosure

Installation

# npm
npx skills add alper-dev/build-for-good-ux-skill

# yarn
yarn skills add alper-dev/build-for-good-ux-skill

# bun
bunx skills add alper-dev/build-for-good-ux-skill

If you find this useful, consider giving it a star. It helps others discover it.

License

Apache 2.0