UI & Web Building

Empty State and Error Experience Designer

Design empty, error, loading, permission, offline, and recovery states with clear guidance, useful actions, accessibility, and product consistency.

Last updated Jul 12, 2026
FreeClaudeChatGPT
TL;DR

Empty State and Error Experience Designer is a free AI skill for ui & web building. Design empty, error, loading, permission, offline, and recovery states with clear guidance, useful actions, accessibility, and product consistency. It works with Claude, ChatGPT and is ready to use out of the box.

Download Skill.md Package

About this skill

Design empty, error, loading, permission, offline, and recovery states with clear guidance, useful actions, accessibility, and product consistency. It applies a structured professional workflow, makes assumptions visible, and produces implementation-ready guidance with ownership, controls, edge cases, and validation.

What it does

The skill analyzes goals, users, workflows, evidence, dependencies, constraints, and risks; converts them into a practical operating model; and produces explicit rules, responsibilities, exceptions, controls, tests, and rollout guidance.

What is included

  • State context
  • State inventory
  • Cause and user impact
  • Message hierarchy
  • Primary and secondary actions
  • Recovery paths
  • Visual and component guidance
  • Accessibility

How to use it

1. Download the empty-state-and-error-experience-designer-SKILL.md file
2. Upload it to your AI, operational, or project workspace
3. Provide the current process, users, goals, evidence, and constraints
4. Add ownership, approval, risk, and implementation requirements
5. Use the output for design, review, testing, and rollout

Examples

Example input
Design states for a collaboration platform with no posts, failed search, expired invites, denied permissions, network errors, and deleted content.
Example output
A complete professional deliverable with context, decisions, ownership, workflows, edge cases, risks, controls, validation criteria, and an implementation roadmap.

FAQ

What is this skill for?
It creates a professional empty state and error experience designer deliverable.
Will it invent facts or results?
No. Missing evidence, assumptions, and unknowns are labeled clearly.
Can it improve an existing process?
Yes. It can audit the current process before redesigning it.
Does it include edge cases?
Yes. Exceptions, failures, escalation, and fallback behavior are included.
Can it assign ownership?
Yes. Roles, decision rights, and handoffs are made explicit.
How is this different from generic advice?
It produces a structured, testable, implementation-ready system.

Related Skills

UI & Web BuildingFree

Product Alert and Notification UX Designer

Design product notifications with urgency, relevance, timing, channels, frequency, user control, accessibility, escalation, and recovery actions.

ClaudeChatGPT
#notification UX#product alerts#interaction design
UI & Web BuildingFree

Dashboard Widget and Personalization UX Architect

Design customizable dashboards with widget hierarchy, defaults, layout, permissions, empty states, responsive behavior, accessibility, and saved preferences.

ClaudeChatGPT
#dashboard UX#widget design#personalization
UI & Web BuildingFree

Data Table and Bulk Action UX Architect

Design complex data tables and bulk actions with columns, selection, filtering, editing, permissions, feedback, performance, accessibility, and recovery.

ClaudeChatGPT
#data table UX#bulk actions#admin interface

Related Prompts

Free

Empty State & Error State Copywriter

Writes clear, helpful microcopy for empty states, error messages, and loading states across an app, turning dead-end moments into guided next steps.

ClaudeChatGPT
#microcopy#ux-writing#empty-states
Free

UI State Coverage Planner

Generate a complete state matrix for an AI-built interface so loading, empty, error, stale, permission, and partial outcomes are designed before coding.

ClaudeChatGPT
#ui-states#error-handling#loading-states