vercel-labs

vercel-labs

Active
11
Skills
3
Categories
ClaudeCodexCode(CC)

Published Skills 11

🎨

web-design-guidelines

Review UI code for design compliance

Safe 69

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.

Claude Codex Code(CC)
Install
📦

vercel-react-native-skills

Apply React Native Best Practices

Low Risk 70

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.

Claude Codex Code(CC)
Install
📦

vercel-react-best-practices

Optimize React and Next.js Performance

Safe 63

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.

Claude Codex Code(CC)
Install
📦

vercel-composition-patterns

Apply React composition patterns

Safe 71

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.

Claude Codex Code(CC)
Install
📦

skill-creator

Create Claude Code Skills

Safe 80

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.

Claude Codex Code(CC)
Install
📦

react-best-practices

React Best Practices

Medium Risk 54

An AI skill for Claude, Codex, and Claude Code

Claude Codex Code(CC)
Install
📦

next-upgrade

Next Upgrade

Medium Risk 51

An AI skill for Claude, Codex, and Claude Code

Claude Codex Code(CC)
Install
📦

next-cache-components

Optimize Next.js Performance with Cache Components

Safe 71

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.

Claude Codex Code(CC)
Install

next-best-practices

Build Production-Ready Next.js Applications

Safe 71

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.

Claude Codex Code(CC)
Install
📦

find-skills

Discover and Install Agent Skills

Safe 73

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.

Claude Codex Code(CC)
Install
🌐

agent-browser

Automate Browser Interactions for Web Testing

Low Risk 70

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.

Claude Codex Code(CC)
Install