prompt

Empty State Designer

Designs helpful empty states that orient the user and prompt a clear first action.

VettedUpdated June 2026
The prompt
Design the empty state for {{screen}} in {{product}}. Provide a short heading, one line of supporting text that sets expectations, a primary action, an optional secondary action, and a note on the illustration or icon mood. Make it encouraging, not a dead end. Context: first-time use vs no results — {{context}}.
Did it work? Rate this prompt

Variables

screenScreen
productProduct
contextContext

Example output

Screen: the projects list, first-time use. Heading: Start your first project. Supporting text: Projects keep your work organized in one place — create one to get going. Primary action: New Project. Secondary action: Import from a template. Illustration mood: light, friendly, a simple folder or blank canvas, not a sad or broken graphic. The tone says beginning, not error.

Details

Author

AI Khazna

License

—

Security

Vetted

Type

prompt

Frequently asked questions

What is the Empty State Designer prompt?

Designs helpful empty states that orient the user and prompt a clear first action.

Is Empty State Designer free?

Yes, it is free to use.

Related assets

More curated picks in Design & Creative.

prompt
Checks color pairs against WCAG contrast rules and suggests accessible fixes.
Accessibility Contrast Checker
Checks color pairs against WCAG contrast rules and suggests accessible fixes.0+
prompt
Specs a UI component with its variants, states, sizing, and usage rules for a design system.
Design System Component Spec
Specs a UI component with its variants, states, sizing, and usage rules for a design system.0+
prompt
Turns a vague design ask into a structured creative brief a designer can act on.
Creative Brief Generator
Turns a vague design ask into a structured creative brief a designer can act on.0+
prompt
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.
Dark Mode Palette Adapter
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.0+
prompt
Defines a consistent illustration direction including style, palette, composition, and do/don't rules.
Illustration Style Brief
Defines a consistent illustration direction including style, palette, composition, and do/don't rules.0+
prompt
Recommends harmonious font pairings for a brand or project with rationale and usage guidance.
Font Pairing Advisor
Recommends harmonious font pairings for a brand or project with rationale and usage guidance.0+

Audit before you install

Run any source through our checks - AI visibility, security, performance, and stack detection.

AI Agent / MCP Server Tester

ai testing

Automated Web Security Scan

security

AI Content Quality Test

arabic content

Site Stack Detector

migration

PageSpeed Analyzer

performance

AI SEO / AEO / GEO Audit

ai visibility

llms.txt Generator

ai visibility

Schema / JSON-LD Builder

ai visibility

Readability Score

arabic content

AI Cost Calculator

ai testing

Headline Analyzer

arabic content

More in Design & Creative