Web Interface Guidelines
作者: Vercel
审查UI代码是否符合Web Interface Guidelines。当被要求“审查我的UI”、“检查无障碍性”、“审计设计”、“审查用户体验”或“对照最佳实践检查我的网站”时使用。
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelinesWeb Interface Guidelines
Review files for compliance with Web Interface Guidelines.
How It Works
- Fetch the latest guidelines from the source URL below
- Read the specified files (or prompt user for files/pattern)
- Check against all rules in the fetched guidelines
- Output findings in the terse
file:lineformat
Guidelines Source
Fetch fresh guidelines before each review:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.
Usage
When a user provides a file or pattern argument:
- Fetch guidelines from the source URL above
- Read the specified files
- Apply all rules from the fetched guidelines
- Output findings using the format specified in the guidelines
If no files specified, ask the user which files to review.
来自 Vercel 的更多技能
React Best Practices
Vercel
来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时使用此技能,以确保采用最佳性能模式。适用于涉及 React 组件、Next.js 页面、数据获取、打包优化或性能改进的任务。
developmentfeatured
Vercel Deploy
Vercel
将应用和网站部署到Vercel。当用户提出部署请求时使用此技能,例如“部署我的应用”、“将此部署到生产环境”、“创建预览部署”、“部署并给我链接”或“推送上线”。无需身份验证——返回预览URL和可认领的部署链接。
development
Agent Browser
Vercel
自动化浏览器交互,用于网页测试、表单填写、截图和数据提取。
browser-automationofficial