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

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

Vue 项目经常出现响应式错误和模式不一致的问题。本技能提供 Vue 3 组合式 API、SSR 和 TypeScript 指导，并附带具体的正确和错误示例。

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

Playwright 测试经常出现不稳定、执行缓慢和维护困难的问题。此技能根据 40 多条经过验证的最佳实践（组织为 8 个类别）审查 TypeScript 测试代码，提供具体的改进建议和清晰的示例。

使用 AI 视觉能力从图像中提取描述、对象和文本。本技能通过 verging.ai 提供简单的 GPT-4o 视觉 API 集成。

通过 AI 驱动的画质增强处理原始或低质量视频文件。该技能可自动完成本地文件和流媒体 URL 的下载、裁剪、上传和增强。

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

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

使用 AI 创建图像需要管理 API 密钥、请求参数和响应处理。本技能提供了一个开箱即用的接口，通过 verging.ai 代理 API 生成图像，支持标准和 HD 两种质量模式。

手动在视频中交换人脸速度慢且需要专业软件。本技能使用 verging.ai API 自动化整个工作流程，接受本地文件或 YouTube/Bilibili 链接作为输入，并直接输出结果。

用户需要一种通过 verging.ai 代理调用 GPT-4o 的简单方式。本技能提供了开箱即用的 curl 示例，支持流式和非流式聊天补全。

自动从任何图像中移除背景，创建专业的透明 PNG 图片。非常适合产品照片、人像照片和设计工作，无需手动编辑。

手动移除图片背景既耗时又需要昂贵的软件。本技能使用 verging.ai API 自动化处理流程，可从任何 JPG、PNG 或 WebP 文件输出透明 PNG 结果。

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

Claude可以根据既定的Web设计指南自动检查UI代码，在部署前发现可访问性问题、可用性问题和最佳实践违规。该技能会获取最新的指南并进行静态分析以识别改进点。

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

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

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

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