Vue 应用经常面临状态管理问题，如响应性丢失、初始化错误和调试困难。本技能提供了在 Vue 3 应用中正确实现 Pinia stores 的经过验证的模式和解决方案。

Vue.js 项目经常面临数据流不清晰和响应式错误的问题。本技能提供 Vue 3 和 Nuxt 3 开发的全面最佳实践，包括正确的状态管理、组件模式和数据流架构。

Vue 3 应用程序会遇到运行时错误、警告消息、异步失败和 SSR 水合问题，这些问题难以调试。此技能为 100 多个常见的 Vue 3 开发问题提供全面的调试指南和解决方案。

创建具有灵活输入类型的 Vue 组合式函数具有挑战性。本技能提供了一种模式，用于构建接受响应式和非响应式输入的库级组合式函数，使用 MaybeRef 和 MaybeRefOrGetter 类型。

开发者需要一种简单的方法为他们的应用程序添加语音输出，而无需管理复杂的音频基础设施。本技能通过简单的 API 调用直接提供对 OpenAI 的 TTS-1-HD 模型的访问。

手动将音频录音转换为文字既缓慢又容易出错。本技能提供了一个简单的 API，可以使用 OpenAI Whisper 转录音频文件，在几秒钟内返回准确的文字。

单体仓库构建系统配置复杂。本技能提供专家指导，帮助设置 Turborepo 管道、任务依赖、缓存策略以及 JavaScript 和 TypeScript 项目的 CI 集成。

为 React 应用添加流畅的页面过渡效果和共享元素动画需要理解视图过渡 API 及其集成模式。本技能提供来自 Vercel Labs 的逐步指导、CSS 配方和 Next.js 模式。

构建高性能的 React Native 应用需要遵循平台特定的列表、动画和状态管理模式。本技能提供 35+ 条 AI 代理规则，帮助优化移动开发。

React 应用程序经常面临性能问题，如不必要的重新渲染、大型打包体积和串行数据获取瀑布流。本技能提供来自 Vercel 工程团队的 45 条优先级规则，帮助消除这些瓶颈，构建高性能的 Web 应用程序。

使用布尔属性构建 React 组件会导致代码难以维护。本技能提供人工智能就绪的指南，包括复合组件、状态提升和内部组合，以创建可扩展的组件架构。

用户需要关于为 Claude Code 创建有效技能的指导。此技能提供了构建、构建和打包技能的综合指南，以及经过验证的最佳实践。

适用于 Claude、Codex 和 Claude Code 的 AI 技能

Claude、Codex 和 Claude Code 的 AI 技能

Next.js 应用程序经常重复获取数据，导致页面加载缓慢。缓存组件支持部分预渲染和智能缓存策略，可以即时提供缓存内容，同时流式传输动态部分。

用户常常不知道有哪些技能可以帮助他们完成任务。该技能引导他们从开放的 agent 生态系统中发现相关功能，并通过简单的命令进行安装。

Dogfood 系统性地探索 Web 应用程序以发现缺陷、用户体验问题和其他问题，生成包含完整复现证据（包括截图和视频）的结构化报告。

手动将项目部署到 Vercel 需要时间且必须浏览控制面板。此技能通过自动框架检测和预览 URL 生成，自动化整个部署工作流程。

手动自动化Web交互既耗时又容易出错。Agent-browser提供了一个用于浏览器自动化的命令行界面，支持自动填写表单、截图捕获、Web抓取和端到端测试工作流。

构建AI驱动功能需要应对复杂的提供商API、流式实现和类型安全模式。该技能提供 Vercel AI SDK 的全面文档参考，帮助开发者通过统一API使用 OpenAI、Anthropic、Google和其他提供商实现文本生成、工具调用、结构化输出和智能体。