Tool · CLI · Host API
OG Workspace
Preview
npx shadcn@latest add @atroui/og-workspaceOG workspace
Preview is CSS-only. Point CONTENT.endpoint at your generator API to export PNGs.
Preview ready. No exports yet — point CONTENT.endpoint at your generator API to export PNGs.
Installation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/og-workspaceSource lands in your repo. Installation · Registry · Host APIs
Usage
@atroui/api-generate and set keys in your env (see Host APIs). Preview-only downloads work without AI.import { OgWorkspace } from "@/components/blocks/og-workspace"
<OgWorkspace />Try it before you install
Generate a card on this site, download it, then run the install command above to own the same source in your repo.
Open the OG workspaceGenerate 1200×630 cards in the consumer app
Quick mode composites type on a layout (previewOnly works offline). Prompt mode calls Hugging Face or Gemini with the host's key. 429 is rate limit; 503 means no AI key. Use the launch-workflow guide to pass a ProjectBrief from Scope.
FAQ1
- Does OPENAI_API_KEY work?
- Not today. Handlers read HUGGINGFACE_API_KEY and GEMINI_API_KEY / GOOGLE_AI_KEY. Unsupported keys are ignored. Fork the route if you need another vendor.
Part of OG and thumbnail images in Next.js, Indie launch workflow (scope to social).
OG Workspace