Premium skill
Make the AI SDK chat surface feel right
Opinionated principles for useChat interfaces: parts, statuses, streaming, scroll, composer, and persistence. Build or review — same checklist.
Install
Install with skills CLIPremium skills install through a short-lived private link.
$ npx skills add … --skill better-chat-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-chat-ui stays visible so you can see the pack before unlocking.
Use this when
- 01A support chat that stops cleanly mid-stream and keeps partial answers.
- 02A product assistant with citation chips, collapsible reasoning, and resumable threads.
- 03A mobile chat composer that never triggers iOS input zoom.
- 04An existing useChat UI that feels janky — audit it with Before/After tables.
What you get
- Renders parts and status
- Uses message.parts and useChat status. No extra loading booleans.
- Scrolls with an escape hatch
- Pins to bottom, memoizes markdown, and recovers mid-stream errors.
- Keeps the composer usable
- Enter sends, Shift+Enter newlines, typing stays unlocked while the model answers.
- Checks the installed SDK
- Verifies hooks, parts, and statuses against the docs for this repo.
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
- Generative UIBetter Generative UITurning model output into interactive product UI
- 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