A registry for every tool
One module maps tool name to renderer. New tools and prebuilt components plug in at the same seam.
Premium skill
Stop rendering tool results as JSON
Map AI SDK tool calls, structured objects, and data parts onto typed components. Skeletons, approvals, artifacts — the model operates your product.
- Plan
- Premium
- Access
- Gated
- Install
- Tokenized
- Authored files
- 5
Install
Install with skills CLIPremium skills install through a short-lived private link.
$ npx skills add … --skill better-generative-uiOpen Premium install
Sign in with Premium to generate a fresh install link.
Filesystem
Browse the authored file tree — tools, references, and evals included. Source unlocks with Premium.
SKILL.mdmarkdownUnlock skill source
Browse every authored SKILL.md with premium.
File tree for better-generative-ui stays visible so you can see the pack before unlocking.
What you get
All four tool states, never blank
Skeleton, pending-with-input, result, and inline error — sized so output never shoves the layout.
Artifacts beside the chat
Summary cards in the transcript, full workspaces in a side panel. Multi-step runs read as a timeline.
Types from the server definition
Infer UI message and tool props from the agent — then verify every API against the installed AI SDK docs.
Turn model output into product UI
Pairs with Better Chat UI for the conversation surface, and with Premium AI Components when you want prebuilt tool-result targets.
A flight-search tool that streams a skeleton into a results card.
A refund tool with sticky Approve / Deny before the mutation runs.
A useObject form that fills field-by-field without layout shift.
An agent turn with five tools that collapses into a receipt timeline.
Make generative UI a craft, not a dump
Available with Premium. The private install link expires; the downloaded skill does not. Generate a fresh link when you want to update it.
Other Premium skills
Lifecycle skills and UI craft skills
- PlanPlan AI SDK AgentBefore you write agent code
- BuildAISDK AgentsImplementing agents, chat apps, and streaming UIs
- EvaluateBuild AI SDK Agent EvalsProtecting critical agent journeys before you optimize
- ObserveObserve AI SDK AgentDebugging and attributing agent behavior in production
- OptimizeOptimize AI SDK AgentImproving quality, speed, cost, or reliability with proof
- InstructWrite Agent PromptsAgents that ignore instructions or run on folklore prompts
- Chat UIBetter Chat UIBuilding or reviewing the conversation surface
- IngestIngest Messy DocumentsPDF, scan, and table-heavy corpora feeding RAG or extraction
- GroundGround AI SDK AgentMaking an agent answer from your data with proof
- MemoryAgent MemoryAgents that should remember users across sessions
- ExposeBuild MCP ServerMaking your product agent-accessible
- ExtractExtract Structured DataInvoices, resumes, contracts, forms, and free text to typed data
- ShipShip AI SDK on CloudflareGetting an AI SDK agent into production on Cloudflare
- ShipShip AI SDK on AWSGetting an AI SDK agent into production on AWS
- MobileAI SDK on MobileShipping AI SDK chat in an Expo or React Native app
- MigrateMigrate to AI SDKLeaving LangChain, the Assistants API, or hand-rolled LLM code