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.
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.
Use this when
- 01A flight-search tool that streams a skeleton into a results card.
- 02A refund tool with sticky Approve / Deny before the mutation runs.
- 03A useObject form that fills field-by-field without layout shift.
- 04An agent turn with five tools that collapses into a receipt timeline.
What you get
- Maps tools to components
- One registry from tool name to renderer.
- Covers every tool state
- Skeleton, pending, result, and inline error — without shoving the layout.
- Puts artifacts beside chat
- Summary in the transcript, full workspace in a side panel.
- Types from the agent
- Infers UI message and tool props, then checks them against installed AI SDK docs.
Unlock the files
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
- InstructWrite Prompt ContractsAgents that pick the wrong tool or narrate a plan instead of acting
- Chat UIBetter Chat UIBuilding or reviewing the conversation surface
- PrototypeTest UI VariantsSurfaces where one polished mock would hide the real choice
- 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