Write a UI Microinteraction Brief
Design microinteraction specifications for [application]. Include trigger states, feedback animations, and timing rules. Improve perceived quality.
Microinteractions signal quality and improve user satisfaction scores.
This prompt helps designers and product teams create detailed microinteraction specifications that elevate the perceived quality of their applications. If you're building a user interface and want to move beyond basic functionality into the realm of polished, professional design, this prompt is for you. Microinteractions are those small, often invisible moments when your app responds to user actions—a button changing state when clicked, a loading animation that reassures the user something is happening, or a subtle bounce when reaching the end of a list. By mapping out these interactions explicitly, you ensure consistency across your product and create an experience that feels intentional rather than accidental. This prompt works particularly well for designers who want to communicate their vision clearly to developers or who need a structured way to think through interaction design decisions.
To use this prompt effectively, replace the [application] placeholder with the specific product or feature you're designing for. For example, you might write "Design microinteraction specifications for an e-commerce checkout flow" or "Design microinteraction specifications for a social media feed refresh mechanism." The more specific you are about the context, the more targeted and useful Claude's response will be. You could also specify particular screens or user journeys if you're working on a defined portion of your application rather than the whole system.
When you run this prompt, Claude delivers comprehensive microinteraction specifications that include the trigger states that initiate each interaction, the specific feedback animations that respond to user actions, and the precise timing rules that determine how long animations last and how they feel. You'll get a structured document that developers can actually implement, complete with measurements and behavior descriptions.
For better results, include additional context about your brand personality or design system in your prompt. If your application should feel playful versus serious, or if you have existing design guidelines, mention those details. Claude will tailor the microinteraction suggestions to match your overall design voice, resulting in interactions that reinforce your brand identity rather than feeling generic.