Prompt Library | Zyeon UI

Preview in your theme

status="ready" · 10 prompts · the full loop: search across titles/bodies/tags, filter by category (counts track the search), variables listed in the order they first appear in the body, Insert goes aria-disabled and names the required fields you left blank, and the preview text is character-for-character what lands in the Composer below. Code review pass opens by default: it uses {{language}} three times, and you fill it once.

Prompt library10 prompts

Code review pass

Engineeringreviewquality

Composer (insert target)

Nothing inserted yet — pick a prompt on the left, fill its variables, then hit Insert.

status="ready" · read-only variant: no onInsert, no Insert button (browse only). Mail-merge template opens by default — its body escapes with {{{{first_name}}, so the preview prints the literal {{first_name}} instead of turning it into a variable

Templates4 prompts

Mail-merge template

Supportemaillifecycle

status="loading" · skeletonRows={4} — the skeleton reuses the real two-column geometry; the animation stops under prefers-reduced-motion

status="empty" · nothing in the library at all — entirely different copy from "no search results"; the create button only appears when onCreate is passed

No saved prompts yet

Save a prompt you keep retyping. Wrap the parts that change in double braces — like {{audience}} — and this panel will ask for them before inserting.

onCreate has not fired yet.

status="error" · Try again only renders when onRetry is passed; clicking it really runs error → loading → ready

Couldn't load your prompts

The prompt library didn't respond.

Current status: error

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro