Hwc Ux Feedback

What it does

This skill, Hwc Ux Feedback, helps AI agents analyze website user experience data within the Hotwire framework to identify areas of friction and suggest design improvements. It focuses on implementing feedback patterns related to loading states, form submissions, progress reporting, optimistic updates, and page transitions. The goal is to ensure a smooth and responsive user experience by leveraging built-in Turbo semantics and carefully managing UI updates.

When to use it

• When identifying issues with the perceived performance of website elements like loading indicators or submit buttons.
• To implement optimistic updates in forms while ensuring proper reconciliation strategies are in place.
• During development to verify UX behavior under various conditions, such as slow network connections or cache restores.
• When integrating animations and transitions within Hotwire applications.

Key capabilities

• Implements feedback patterns for loading states, form submissions, progress reporting, optimistic updates, and page transitions.
• Prioritizes the use of built-in Turbo semantics (e.g., busy state, progress bar hooks).
• Provides guidance on managing optimistic UI updates with Turbo morph reconciliation.
• Offers references to specific Hotwire documentation for implementing various UX patterns.

Example prompts

• "Analyze this form submission flow and identify potential areas of user friction."
• "How can I implement an optimistic update in this section, ensuring data consistency?"
• "What are the best practices for handling loading indicators on a slow network connection within Hotwire?"

Tips & gotchas

• Avoid using fixed timeouts as proxies for completion; rely on lifecycle events instead.
• Always gate animations and transitions to prevent unexpected behavior during previews or cache restores.
• For form validation concerns, escalate the task to the hwc-forms-validation skill.