vercel-labs

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.

Teams need consistent UI reviews before visual issues reach users. This skill checks interfaces against current Web Interface Guidelines and reports concise file-line findings.

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

React view transitions are easy to misplace, causing silent or noisy animations. This skill guides route, Suspense, list, and shared element animation choices.

React Native apps can suffer from slow lists, janky animations, and platform mistakes. This skill gives Codex, Claude, and Claude Code concise rules for performant Expo and React Native work.

React and Next.js applications often lose performance through waterfalls, large bundles, and avoidable re-renders. This skill gives Claude, Codex, and Claude Code concrete review rules for faster frontend work.

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.

Large React components often become brittle when boolean props control many modes. This skill guides Claude, Codex, and Claude Code toward compound components and provider-based state.

Interactive Vercel login can block AI-assisted deployment workflows. This skill guides token-based CLI setup, preview deployments, project linking, and environment management.

Slack work often requires manual checks across channels, DMs, search results, and threads. This skill guides Claude, Codex, or Claude Code through browser-based Slack navigation and scoped evidence capture.

Building reusable AI skills can be inconsistent without clear structure. This skill guides Claude, Codex, and Claude Code through design, scaffolding, validation, and packaging.

React apps often slow down because data, bundles, rendering, and state updates interact in complex ways. This skill applies Vercel performance guidance to help agents write, review, and refactor React and Next.js code.

Next.js upgrades can involve breaking changes, codemods, and dependency coordination. This skill guides Claude, Codex, or Claude Code through official migration steps and validation checks.

Next.js caching can be hard to apply safely across static, cached, and dynamic content. This skill gives Claude, Codex, and Claude Code practical guidance for Cache Components.

Next.js code can fail when patterns drift across framework versions. This skill guides Claude and Codex with focused rules for App Router, RSC, data, assets, and deployment.

Users often do not know which agent skill can help with a task. This skill guides discovery, comparison, and installation choices using the Skills CLI and skills.sh.

Electron apps are hard to inspect and test from an AI assistant. This skill connects agent-browser to CDP ports for snapshots, clicks, screenshots, and form actions.

Web app issues are hard to fix when reports lack proof. This skill explores the app in a browser and creates reproducible evidence for each finding.