vercel-react-native-skills: A Practical Guide to React Native and Expo for AI Programming
react-native-skills (vercel-react-native-skills) is an MIT-licensed open-source skill in vercel-labs/agent-skills that targets React Native and Expo. It organizes practices for list performance, Reanimated animations, native navigation, UI patterns, state management, and monorepos into rule files under the rules directory, with a summary in AGENTS.md. After installing it via npx skills add vercel-labs/agent-skills, agents can automatically reference it for mobile-related tasks, complementing the same repository's react-best-practices as the mobile counterpart to its Web guidance.
Read Moredsh-vercel-mcp: Official Vercel MCP Connection for DeepSeek Harness
`dsh-vercel-mcp` is a plugin that provides an official Vercel MCP connection for DeepSeek Harness (DSH). It resolves the issue of the built-in client lacking support for OAuth 2.0 authentication by implementing dynamic client registration, PKCE verification, and automatic token refresh. Authorized through a web settings panel or an Agent command, the plugin exposes API features—such as deployments, project management, domains, and environment variables—as `mcp__vercel__*` tools within the agent session, enabling direct interaction with the Vercel platform.
Read MoreAudit the documentation against Vercel writing guidelines using writing-guidelines
This is an introduction to Vercel Labs' Agent Skill "writing-guidelines": it reviews the tone, structure, readability and typesetting of documents and prose in accordance with the Vercel Writing Guidelines. The following details are covered: its attribution and version, the mechanism of pulling the remote `command.md` before each review, the coverage of over 80 rules, the `file:line` output format, as well as the installation and triggering methods using `npx skills add` in tools such as Cursor, Claude Code and Codex, plus notes including network dependencies and Vercel site-specific conventions.
Read MorePerform a Standard Audit on AI-Generated UI Using Web-Design-Guidelines
### Official Translation: Introduce Vercel Labs' Agent Skill "web-design-guidelines": This tool audits UI accessibility, UX and performance compliance in accordance with Web Interface Guidelines. Explain its attribution and version, the mechanism of pulling remote specifications before each audit, the coverage of over 100 rules, the file:line output format, as well as the installation and triggering methods using `npx skills add` in tools such as Cursor / Claude Code / Codex. Also list applicable scenarios and precautions such as internet dependency.
Read MoreUse composition-patterns to let AI write maintainable React composite code
# Translation Result: This article introduces Vercel's Agent Skill **composition-patterns (vercel-composition-patterns, v1.0.0)**: it uses composite components, lifted state and explicit variants to avoid the proliferation of boolean props, covering four types of rules: architecture, state, implementation patterns and React 19 API. The article explains how to install it into tools such as Cursor / Claude Code / Codex via `npx skills`, and provides official example-level refactoring and Context interface usage cases.
Read MoreAdd a React Performance Goalkeeper for AI Programming with react-best-practices
### Official Vercel Agent Skill `react-best-practices` (formal name: `vercel-react-best-practices`) Introduction This skill organizes React/Next.js performance optimization experience into a rule set sorted by impact severity. The current `SKILL.md` contains 70 rules covering 8 categories, with priority given to eliminating request waterfalls and bundle bloat. Details include source attribution, the 8 rule categories, installation command (`npx skills add … --skill vercel-react-best-practices`), triggering usage in tools like Cursor, Claude Code and Codex, as well as applicable scenarios and notes on names and versions.
Read More### 版本1（面向技术用户，贴合原文语境）： `vercel-deploy`: Let AI Agents Deploy Projects to Vercel with One Click ### 版本2（更地道的技术文档译法）： `vercel-deploy`: Enable AI Agents to One-Click Deploy Projects to Vercel
Vercel-deploy is a Vercel deployment Skill in the OpenAI Skills curated directory, which guides AI Agents to one-click deploy applications to Vercel. It uses preview deployment by default; prioritizes Vercel CLI, and automatically downgrades to the deploy.sh script when not logged in, and can return previewUrl and claimUrl without prior account configuration. It supports automatic detection of frameworks such as Next.js, Nuxt, Astro, etc., and is applicable to tools such as Cursor, Codex CLI, and Claude Code.
Read More