vercel-labs

Types and documentation may not explain unexpected dependency behavior. This skill guides AI agents to fetch matching source versions and inspect implementations through a reusable cache.

Static React interfaces are difficult to generate and maintain from structured data. This skill explains how to render JSON specs, define catalogs, manage state, and connect events in React.

Connecting JSON specifications to Next.js routes, layouts, and server rendering requires several integration steps. This skill guides AI assistants through the documented json-render setup.

JSON-driven interfaces need consistent formatting, calculations, and translated labels. This skill guides directive setup, nested expressions, and custom resolvers for json-render.

Generative interfaces can make rendering errors, state changes, and streamed updates difficult to trace. This skill guides devtools integration and inspection workflows for json-render apps.

AI-generated interfaces need consistent schemas, state bindings, and validation. This skill guides assistants through json-render core APIs for catalogs, prompts, streaming, and specification repair.

Turning UI specifications into maintainable application code can require repetitive traversal and prop serialization. This skill provides reusable utilities for generating structured code and custom exporters from json-render specifications.

Inconsistent prose makes documentation harder to read and maintain. This skill checks selected files against current guidelines and reports precise locations for revision.

UI 审查常常会遗漏一致的可访问性、布局和交互细节。此技能会根据 Vercel 指南检查所选文件，并报告简明的发现。

WebGPU development requires precise APIs, shader workflows, and performance choices. This skill supplies focused vgpu guides, references, and examples for implementation and optimization.

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

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

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

Vercel costs and slow routes are difficult to prioritize without production evidence. This skill combines account metrics, scoped code checks, and verified documentation into ranked recommendations.

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

交互式 Vercel 登录可能会阻塞自动化代理工作流。此技能为 Claude、Codex 和 Claude Code 提供一条结构化的基于令牌的路径，用于部署、链接、环境变量、域名和故障排查。

Slack 工作通常需要跨频道、私信、搜索结果和线程进行手动检查。此技能会指导 Claude、Codex 或 Claude Code 完成基于浏览器的 Slack 导航和限定范围的证据捕获。

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

React 和 Next.js 团队经常在数据获取、渲染和包加载中重复缓慢的模式。此技能为 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 应用并自动化这些工作流。