vercel-labs
51 skills with substantive source documentation and an official publisher or observed installation demand. Read each skill’s original documentation through its card.
vercel-labsfind-skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
- installs
- 3.8M
- GitHub stars
- 33.8K
- Updated
- Oct 9
vercel-labsagent-browser
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use fo
- installs
- 1.1M
- GitHub stars
- 43.8K
- Updated
- Oct 11
vercel-labsvercel-react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
- installs
- 789.7K
- GitHub stars
- 32.2K
- Updated
- Aug 28
vercel-labsweb-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
- installs
- 723.4K
- GitHub stars
- 32.2K
- Updated
- Aug 28
vercel-labsvercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
- installs
- 386.4K
- GitHub stars
- 32.2K
- Updated
- Aug 28
vercel-labsvercel-react-native-skills
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.
- installs
- 237.6K
- GitHub stars
- 32.2K
- Updated
- Aug 28
vercel-labsdeploy-to-vercel
Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".
- installs
- 152.2K
- GitHub stars
- 32.2K
- Updated
- Aug 28
vercel-labsvercel-react-view-transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API ( component, addTransitionType, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, startV
- installs
- 149.6K
- GitHub stars
- 32.2K
- Updated
- Aug 28
vercel-labsvercel-cli-with-tokens
Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel", "set up vercel", "add environment variables to vercel".
- installs
- 121.3K
- GitHub stars
- 32.2K
- Updated
- Aug 28
vercel-labsvercel-optimize
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel/framework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web
- installs
- 95.4K
- GitHub stars
- 32.2K
- Updated
- Aug 28
vercel-labswriting-guidelines
Review docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing style", "audit prose", "review docs voice and tone", or "check this page against the writing handbook".
- installs
- 90.6K
- GitHub stars
- 32.2K
- Updated
- Aug 28
vercel-labscodegen
Code generation utilities for json-render. Use when generating code from UI specs, building custom code exporters, traversing specs, or serializing props for @json-render/codegen.
- installs
- 13
- GitHub stars
- 18.3K
- Updated
- Sep 25
vercel-labsdevtools
Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched actions, follow stream patches live, browse a catalog, or pick DOM elements to find their spec keys. Triggers include "add devtools", "debug json-render", "inspect the spec", "why is this element not rendering", "see the state at runtime", or requests to tap streams / capture action logs for @json-render/devtools.
- installs
- 13
- GitHub stars
- 18.3K
- Updated
- Sep 25
vercel-labsdirectives
Pre-built custom directives for json-render — formatting, math, string manipulation, and i18n. Use when working with @json-render/directives, defining custom directives with defineDirective, or adding $format, $math, $concat, $count, $truncate, $pluralize, $join, or $t to specs.
- installs
- 13
- GitHub stars
- 18.3K
- Updated
- Sep 25
vercel-labsnext
Next.js renderer for json-render that turns JSON specs into full Next.js applications with routes, layouts, SSR, and metadata. Use when working with @json-render/next, building Next.js apps from JSON specs, or creating AI-generated multi-page applications.
- installs
- 13
- GitHub stars
- 18.3K
- Updated
- Sep 25
vercel-labskonsistent-config
Create or modify a konsistent.json configuration file that enforces structural conventions in a TypeScript codebase. Use when the user wants to enforce consistent code structure, validate exports/imports across files, ensure directories contain required files, enforce naming patterns, add/remove/update convention rules, configure case map overrides for acronyms or special casing (kebabToPascalMap, kebabToCamelMap), or troubleshoot why konsistent is reporting violations. Triggers on: "konsistent"
- installs
- 13
- GitHub stars
- 185
- Updated
- Oct 1
vercel-labscore
Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.
- installs
- 10
- GitHub stars
- 18.6K
- Updated
- Oct 10
vercel-labsreact
React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.
- installs
- 10
- GitHub stars
- 18.6K
- Updated
- Oct 10
vercel-labsink
Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from JSON, creating terminal component catalogs, or rendering AI-generated specs in the terminal.
- installs
- 3
- GitHub stars
- 16.1K
- Updated
- Sep 8
vercel-labsmcp
MCP Apps integration for json-render. Use when building MCP servers that render interactive UIs in Claude, ChatGPT, Cursor, or VS Code, or when integrating json-render with the Model Context Protocol.
- installs
- 3
- GitHub stars
- 16.1K
- Updated
- Sep 8
vercel-labsreact-email
React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when working with @json-render/react-email, building transactional or marketing emails from JSON, creating email catalogs, rendering AI-generated email specs, or when the user mentions react-email, HTML email, or transactional email.
- installs
- 3
- GitHub stars
- 16.1K
- Updated
- Sep 8
vercel-labsreact-native
React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component catalogs, or rendering AI-generated specs on mobile.
- installs
- 3
- GitHub stars
- 16.1K
- Updated
- Sep 8
vercel-labsredux
Redux adapter for json-render's StateStore interface. Use when integrating json-render with Redux or Redux Toolkit for state management via @json-render/redux.
- installs
- 3
- GitHub stars
- 16.1K
- Updated
- Sep 8
vercel-labsskill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
- installs
- 3
- GitHub stars
- 16.1K
- Updated
- Sep 8