Complex pull requests are difficult to understand from diffs alone. This skill creates a validated visual walkthrough of architecture, data flow, dependencies, and user actions.

Vue 应用经常出问题，因为 store 设置、解构以及 URL 状态规则很容易被忽略。此技能为 Claude、Codex 和 Claude Code 提供聚焦的 Pinia 指导，帮助构建可靠的 store 和可预测的响应式行为。

Vue Options API 项目可能会失去类型安全性和正确的 this 绑定。此技能提供更安全 Vue 组件的直接模式。

Vue 和 Nuxt 项目经常受到状态不清晰、组件脆弱以及数据流不一致的影响。此技能会引导 AI 助手采用实用的 Vue 3 和 Nuxt 3 模式。

Vue 3 故障通常来自响应式、生命周期、模板或 SSR 边界情况。此技能会将症状引导到聚焦的调试指南，并提供实用修复方案。

Vue 项目常常会随着时间积累响应式、组件和性能方面的问题。此技能为更安全的模式和更清晰的代码提供有针对性的 Vue 3 指导。

当调用方混合传入普通值、ref 和 getter 时，Vue 组合式函数常常会失效。此技能会指导 Claude、Codex 和 Claude Code 设计具备可预测 Vue 响应性的可复用组合式函数。

团队需要一份清晰的参考，用于通过 verging.ai 调用 GPT-4o 聊天端点。此技能说明身份验证、请求参数、流式行为、响应、额度以及常见错误。

Next.js routes can delay their static shell while dynamic data resolves. This skill builds verified instant-navigation tests and guides Cache Components refactors that preserve behavior.

Cache Components migrations can expose blocking routes and hidden rendering issues. This skill guides staged adoption, route fixes, browser checks, and final build verification.

React 视图过渡很容易放错位置，从而导致无提示或嘈杂的动画。此技能可指导路由、Suspense、列表和共享元素动画的选择。

React Native 应用可能会遇到列表缓慢、动画卡顿和平台使用错误等问题。此技能为 Codex、Claude 和 Claude Code 提供简明规则，用于高性能的 Expo 和 React Native 开发工作。

React 和 Next.js 应用常常会因为瀑布式请求、大型包体以及可避免的重复渲染而变慢。此技能为代理提供具体规则，以便更安全地进行以性能为重点的改动。

带有许多布尔 props 的 React 组件会变得难以维护和审查。此技能为智能体提供清晰的模式，用于复合组件、显式变体以及基于 provider 的状态管理。

团队需要一致的方法来打包可复用的智能体知识和工作流。此技能会指导 Claude、Codex 和 Claude Code 完成技能规划、编写、验证和打包。

Next.js 升级可能涉及破坏性变更、codemods 和依赖协调。此技能会引导 Claude、Codex 或 Claude Code 按照官方迁移步骤和验证检查完成升级。

在 Next.js 迁移期间，安全采用 Cache Components 可能并不容易。此技能为 PPR、cache directives、lifetimes、tags 和 invalidation 提供聚焦指导。

Next.js 项目经常因为边界不清晰、数据获取缓慢和部署错误而失败。此技能为 Claude、Codex 和 Claude Code 提供面向现代 App Router 工作的聚焦规则。

Electron 应用测试通常需要手动点击、截图和重复设置。此技能展示了 Claude、Codex 和 Claude Code 如何将 agent-browser 连接到 Electron 应用并自动化这些工作流。

手动浏览器测试和网页捕获可能既慢又难以重复。此技能为 Claude、Codex 和 Claude Code 提供了一个结构化的 CLI 工作流，用于导航、交互、捕获以及身份验证复用。