What is the difference vs OG workspace?

OG is 1200×630 for link previews. Thumbnails target 1280×720-class social crops. Both share ProjectBrief helpers.

Tool

CLI registryHost API

Thumbnail Workspace

Thumbnail generator workspace UI. Catalog demos do not call paid image APIs.

Preview → install → use

Preview

npx shadcn@latest add @atroui/thumbnail-workspace

Pro Mode · Imagen 3

Full-scene AI with cinematic people & props

Format

Layout

Preview · 1280 × 720

Live layout above. Generate drops AI imagery behind your text (~3-6s).

Source lands in your repo. Setup: Installation · Registry catalog · Host APIs.

Usage

Install @atroui/api-thumbnail. Set HUGGINGFACE_API_KEY in your env (plus XAI_API_KEY for Pro mode). AtroUI never ships keys. Preview-only works without AI.

Ship social thumbs from the same brief as OG

Same BYOK contract as OG. Preview is always on. Pro mode is the only path that requires xAI in addition to an image provider.

FAQ

What is the difference vs OG workspace?: OG is 1200×630 for link previews. Thumbnails target 1280×720-class social crops. Both share ProjectBrief helpers.

Part of OG and thumbnail images in Next.js.