# AI interface states

A compact exploration of interface states for AI features: confidence, feedback, review moments, and fallback behavior.

## Use this with an AI agent

Use this as context to design or review an AI feature so the product handles uncertainty, correction, and handoff clearly.

Paste this file into Claude, ChatGPT, Cursor, Codex, Gemini, or another AI agent before a design critique, implementation pass, content review, or product-planning session.

## What is included

- AI state checklist
- Fallback behavior prompts
- Trust and auditability notes

## Tools

- Figma
- AI UX
- Product flows
- State modeling

## Skills

- AI product design
- Trust patterns
- Fallback states
- Human-in-the-loop UX

## What this is

A visual note about the states that AI features need beyond the happy path. The interesting UI is not just the generated answer. It is the waiting, reviewing, correcting, retrying, and escalating around it.

## What it demonstrates

AI interfaces need to show uncertainty clearly. They should help users understand what happened, what the model used, what it is less sure about, and what the user can do next.

## Design notes

The thumbnail uses a mobile card because many AI moments feel like compact interventions inside an existing workflow. The state should feel visible without taking over the whole product.

## How it connects to product work

This maps directly to production requirements: loading states, confidence signals, edit controls, audit logs, error handling, and fallbacks when automation should hand control back to a person.

## What to look for

### Recruiter signal

Shows current AI product thinking beyond chat UI: confidence, review, correction, audit logs, and user control.

### Useful output

A practical checklist for improving an AI workflow before implementation: loading, evidence, retry, escalation, and error states.

### Next iteration

Turn the state model into a reusable component demo with mocked model responses and failure scenarios.

## Related links

- AI Feature UX Checklist: /resources/ai-feature-ux-checklist
- Agent-Ready API Spec Template: /resources/agent-ready-api-spec-template

---

Source: JP Casabianca Play study
URL: /play/ai-interface-states