Loading...
Loading...
共找到 121 个 Skills
本Skill提供基于shadcn/ui的生产就绪型AI聊天UI组件，用于构建对话式AI界面。适用于开发带流式响应、工具/函数调用展示、推理可视化或来源引用的ChatGPT风格聊天界面。提供30+个针对Vercel AI SDK v5优化的组件，包括Message、Conversation、Response、CodeBlock、Reasoning、Tool、Actions、Sources等。 可避免Next.js App Router、Tailwind v4、shadcn/ui集成、AI SDK v5迁移、组件组合模式、语音输入浏览器兼容性、响应式设计问题及流式优化等方面的常见设置错误。 关键词：ai-elements, vercel-ai-sdk, shadcn, chatbot, conversational-ai, streaming-ui, chat-interface, ai-chat, message-components, conversation-ui, tool-calling, reasoning-display, source-citations, markdown-streaming, function-calling, ai-responses, prompt-input, code-highlighting, web-preview, branch-navigation, thinking-display, perplexity-style, claude-artifacts
Vercel AI SDK 5 使用模式。触发场景：构建AI聊天功能时——从v4版本的重大变更说明
将包含硬编码LLM提示词的应用分五个阶段迁移至完整的LaunchDarkly AI Configs实现：提取提示词、用AI SDK封装、添加工具、添加追踪功能、添加评估/判定器。适用于用户希望将模型/提示词配置外部化、从直接调用服务商接口（OpenAI、Anthropic、Bedrock、Gemini）切换到托管式AI Config，或是进行从硬编码到LaunchDarkly的完整分阶段迁移场景。
AI SDK 6 Beta 概览，包含Agent、工具审批、Groq（Llama）以及Vercel AI Gateway。介绍从v5版本升级的主要破坏性变更和新模式。
安装带有AI Elements组件的Vercel AI SDK。使用useChat钩子构建流式聊天界面。
为AI SDK添加新AI提供商包的指南。适用于创建新的@ai-sdk/<provider>包以将AI服务集成到SDK中的场景。
AI SDK v6 全面指南：涵盖Agent开发、工具定义、多步骤Agent工作流及结果提取模式
将assistant-ui和AI SDK更新至最新版本。检测当前版本、识别破坏性变更并执行迁移操作。
使用官方Google GenAI SDK（google-genai）为Gemini API和Vertex AI编写Python代码的专业指导。适用于文本生成、多模态输入、推理、工具调用以及媒体生成场景。
适用于json-render的YAML有线格式，支持流式解析、提示词生成和AI SDK转换。在使用@json-render/yaml、基于YAML的规范流、yaml-spec/yaml-edit代码块或YAML提示词生成时可使用。
使用Vercel AI SDK v6构建React聊天界面。涵盖useChat/useCompletion/useObject钩子、消息部件结构、工具审批工作流以及18种UI错误解决方案。可解决React Strict Mode、并发请求、陈旧闭包和工具审批边缘情况等已知问题。 适用场景：实现AI聊天UI、从v5迁移到v6、排查"useChat failed to parse stream"、"stale body values"、"React maximum update depth"、"Cannot read properties of undefined (reading 'state')"或工具审批工作流错误。
包含Shadcn UI、Neon Postgres、Drizzle ORM和AI SDK的Next.js应用完整搭建指南