Hwc Ux Feedback
This handles the cross-cutting UX feedback patterns in Hotwire: loading states, busy indicators, progress bars, optimistic UI, and page transitions. You'd reach for it when you need to show users what's happening during navigation, form submits, or async operations, independent of any specific feature. It pushes you toward built-in Turbo semantics first and keeps optimistic updates bounded with clear reconciliation strategies. The guardrails are practical: no timeout hacks, symmetric submit locking, and explicit checks for preview and cache restore scenarios. It deliberately stays out of form validation, navigation mechanics, and real-time streaming, which have their own dedicated skills in this collection.
- skills.sh installs
- 225
- GitHub stars
- 153
- last updated
- Aug 21, 2026
Install
$ npx -y skills add thehotwireclub/hotwire_club-skills --skill hwc-ux-feedback --agent claude-codeInstalls into .claude/skills of the current project.
Files
User Experience & Feedback
Implement cross-cutting feedback and perceived-performance patterns in Hotwire.
Core Workflow
- Identify feedback need: loading, submit activity, progress reporting, optimistic updates, or transitions.
- Prefer built-in Turbo semantics first (
busy, progress bar hooks, submit/render lifecycle events). - Add optimistic updates only with a clear reconciliation strategy.
- Keep transition logic bounded to explicit lifecycle events and cache/preview-safe paths.
- Verify UX behavior on slow network, back/forward cache restores, and submission failures.
Guardrails
- Do not use fixed timeouts as a proxy for network or render completion.
- Gate animations/transitions for previews and cache restores.
- Keep submit locking/unlocking symmetric between start and end events.
- Separate UX feedback logic from domain-specific form/media/navigation implementations.
Load References Selectively
Open only the file needed for the current request.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/thehotwireclub/hotwire_club-skills
- Categories
- Backend & APIs, Debugging, Automation & Workflows, Design & UI/UX
- First seen
- Jun 3, 2026
More from thehotwireclub/hotwire_club-skills
All 6Recommended
More Backend & APIs
nextjs15-performancesrbhr/resume-matcherNext.js 15 critical performance fixes. Use when writing React components, data fetching, Server Actions, or optimizing bundle size.223skills.sh installs
hwc-navigation-contentthehotwireclub/hotwire_club-skillsBuild Hotwire navigation and content-discovery flows: Turbo Frame pagination, tabbed navigation, lazy loading, faceted filtering/search, cache lifecycle, scroll223skills.sh installs
fal-platformfal-ai-community/skillsfal.ai Platform APIs for model management, pricing, usage tracking, and cost estimation. Use when user asks "show pricing", "check usage", "estimate cost", "set221skills.sh installs
tiny-vue-skillopentiny/agent-skills当使用 TinyVue 组件库(@opentiny/vue)进行开发时或者配置 TinyVue 工程的国际化，主题配置，表单校验说明，自动导入组件等，一定要阅读本技能。本技能提供严格的 API 文档和示例，以及如何查找流程以及代码规范。221skills.sh installs
alicloud-platform-openclaw-setup-testcinience/alicloud-skillsMinimal smoke test for OpenClaw setup skill. Validate official channel discovery workflow, DingTalk/Feishu integrations, Discord token configuration, and gatewa219skills.sh installs
schema-builderget-convex/convex-agent-pluginsDesign and generate Convex database schemas with proper validation, indexes, and relationships. Use when creating schema.ts or modifying table definitions.219skills.sh installs