empty-state

Originally fromaladicf/better-web-ui
Installation
SKILL.md

Design or improve empty states so blank areas become useful product moments that teach, orient, and move users toward the next step.

This skill is specifically for zero-data and no-content surfaces. Use onboard for broader activation strategy, aha moments, first-run education, tours, and adoption planning.

MANDATORY PREPARATION

Read frontend-design and follow its Context Gathering Protocol. Reuse available context and ask only about consequential gaps. Additionally gather: the value users should reach from this surface.


Assess the Empty State

Understand what kind of absence you are dealing with:

Installs
60
GitHub Stars
5
First Seen
May 20, 2026