Empty State Generator

Name: Empty State Generator
Author: @ux_priya

ReactUXPatternUpdated 2026-06-15

When to use: Every screen that can be empty — first-run, zero results, 404, error boundaries.

Install

npx skills add empty-state-generator

Git Clone

git clone https://github.com/skillhub-community/empty-state-generator.git

Repository Docs

Description

Generates context-appropriate empty states: first-run onboarding prompts, zero-search-results with suggested queries, error states with retry buttons, and 404 pages with navigation.

Each state includes a simple SVG illustration, a heading, descriptive body text, and a primary CTA — avoiding the "nothing here" dead-end.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@ux_priya

LicenseMIT

Version1.0.0

Dependencies0