vercel-labs

Claude can automatically review UI code against established web design guidelines, catching accessibility issues, usability problems, and best practice violations before deployment. This skill fetches the latest guidelines and performs static analysis to identify improvements.

Adding smooth page transitions and shared element animations to React apps requires understanding the View Transitions API and its integration patterns. This skill provides step-by-step guidance, CSS recipes, and Next.js patterns from Vercel Labs.

Building performant React Native apps requires following platform-specific patterns for lists, animations, and state management. This skill provides 35+ AI agent rules for optimized mobile development.

React applications often suffer from performance issues like unnecessary re-renders, large bundle sizes, and sequential data fetching waterfalls. This skill provides 45 prioritized rules from Vercel Engineering to eliminate these bottlenecks and build high-performance web applications.

Building React components with boolean props leads to unmaintainable code. This skill provides AI-ready guidelines for using compound components, lifting state, and composing internals to create scalable component architectures.

Manually checking Slack messages and searching conversations takes time. This skill automates Slack interaction through browser automation without requiring API authentication or bot tokens.

Deploying web applications to Vercel requires authentication and project configuration. This skill enables your AI assistant to manage Vercel deployments using access tokens, without interactive login prompts.

Users need guidance on creating effective skills for Claude Code. This skill provides a comprehensive guide for building, structuring, and packaging skills with proven best practices.

An AI skill for Claude, Codex, and Claude Code

An AI skill for Claude, Codex, and Claude Code

Next.js applications often fetch data repeatedly, causing slow page loads. Cache Components enable Partial Prerendering and intelligent caching strategies to serve cached content instantly while streaming dynamic parts.

Stop guessing about Next.js patterns and write code that scales. This skill provides authoritative guidance from Vercel on file conventions, React Server Components, data fetching, error handling, and deployment best practices.

Users often do not know which skills exist to help with their tasks. This skill guides them to discover relevant capabilities from the open agent ecosystem and install them with simple commands.

Control Electron apps like VS Code, Slack, Discord, and Figma through Chrome DevTools Protocol. Connect to running desktop applications, automate UI interactions, and test native Electron apps.

Dogfood systematically explores web applications to find bugs, UX issues, and other problems, producing structured reports with full reproduction evidence including screenshots and videos.

Manually deploying projects to Vercel takes time and requires navigating the dashboard. This skill automates the entire deployment workflow with automatic framework detection and preview URL generation.

Automating web interactions manually is time-consuming and error-prone. Agent-browser provides a command-line interface for browser automation that enables automated form filling, screenshot capture, web scraping, and end-to-end testing workflows.