AI-Assisted UX Copy & Interactions

AI doesn't just write code. It can speed up interface copywriting, empty states, accessibility hints, and micro-interaction scripts too.

Generating Consistent Copy Tone

You're a product copywriter. Generate for the login page: headline / subtitle / button copy / error messages.
Brand voice: warm, clear, action-oriented.
Constraints: max 30 characters; error messages must include a resolution.

Have AI output multiple options and label the differences between them.

Designing Empty States & Onboarding

• Ask AI to output empty state copy + illustration descriptions + CTA links.
• Add "trigger conditions" and "success metrics" so you can validate later.

Accessibility Auditing

Review @components/Form.tsx for accessibility: labels / aria / keyboard nav / error messages.
Output an issue list and a fix patch.

Have AI generate an a11y checklist and patch to reduce missed issues.

Micro-interactions & Motion Scripts

• Have AI design "loading, success, failure" animations or state machine descriptions, then generate the code.
• Ask for platform-specific handling differences (desktop vs mobile).

Exercise

Pick a page component and have AI: 1) generate copy in a unified tone 2) provide empty state + CTA 3) output a11y fix suggestions. Compare the AI's suggestions with existing copy and merge the best parts.