Audit 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