Skills
.Work. You
Rest

Empty States

Community

Guide users through empty states.

Design & Creative#onboarding#user feedback#ui patterns#empty state#ux patterns#no results
Authorthedaviddias
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers implement clear and helpful user interfaces for situations where no content is available, preventing dead ends and guiding users on what to do next.

Core Features & Use Cases

  • Guidance for Zero Content: Provides clear messaging and actions when dashboards, inboxes, or search results are empty.
  • First-Use Onboarding: Helps new users understand how to start using a feature.
  • Use Case: When a user first logs into a new project management tool and their dashboard has no projects, this pattern displays a friendly message and a prominent "Create Project" button.

Quick Start

Implement the empty states pattern to guide users when no content is available.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Empty States
Download link: https://github.com/thedaviddias/ux-patterns-for-developers/archive/main.zip#empty-states

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.