skillZs
★ LIVE SKILL TAGS ★
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
※ REAL INSTALL DATA ※
← back to all skills
blockmatic/basilic-skills223 installs

ai-sdk-ui-v7

Build React chat UIs with Vercel AI SDK v7 — useChat, DefaultChatTransport, status, sendMessage. Use when implementing AI SDK v7 chat UIs or troubleshooting useChat stream parse / no response / stale values. Never write useChat from memory.

How do I install this agent skill?

npx skills add https://github.com/blockmatic/basilic-skills --skill ai-sdk-ui-v7
view source ↗

Is this agent skill safe to install?

  • Gen Agent Trust Hubpass

    The skill follows established patterns for implementing chat interfaces with the Vercel AI SDK v7. The analysis identified a standard risk of indirect prompt injection common to LLM-integrated applications where user input is processed without strict boundary markers or sanitization.

  • Socketpass

    No alerts

  • Snykpass

    Risk: LOW · No issues

What does this agent skill do?

Skill: ai-sdk-ui

Scope

  • Applies to: @ai-sdk/react useChat and DefaultChatTransport from ai
  • Does NOT cover: Backend generation (see ai-sdk-core)

Assumptions

  • SDK major is ai ^7; @ai-sdk/react is a separate package major. Folder follows ai
  • Never write useChat from memory. Grep node_modules/@ai-sdk/react/docs/ and node_modules/ai/docs/, else https://ai-sdk.dev/docs/ai-sdk-ui/chatbot
  • Chat HTTP may be Fastify; pass transport when the URL is not /api/chat

Principles

  • useChat from @ai-sdk/react; DefaultChatTransport from ai
  • Local input state; sendMessage({ text }); status not isLoading; render message.parts
  • Server: see ai-sdk-core. Handlers use createUIMessageStreamResponse + toUIMessageStream({ stream: result.stream }). Leave deprecated toUIMessageStreamResponse() only when the task is unrelated to streaming or the SDK

Constraints

MUST

  • DefaultChatTransport({ api }) when the endpoint is not /api/chat
  • Disable send while status !== 'ready'

AVOID

  • import { useChat } from 'ai/react'
  • toDataStreamResponse / pipeDataStreamToResponse
  • Pre-v5 handleInputChange / handleSubmit / useAssistant

Interactions

Templates

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/blockmatic/basilic-skills/ai-sdk-ui-v7">View ai-sdk-ui-v7 on skillZs</a>