‹ 返回总目录
开发工具 最近更新07-24

vercel-react-best-practices

| 2026-08-01 收录(在榜19天)

☆ 收藏
🛒 📚 AI提效实战指南 · 图解Skill🛒 📱 大流量手机卡 · 低月租📣 加入推广 · 佣金80-300/张 ›

🛍️ 更多精选好物 ›

📊 公开数据一览

📦 榜单安装量3.1K
⭐ GitHub Stars29,683(fork 2659)
🗓️ 最近推送2026-07-24
🌱 项目创建2025-12-08
💻 语言 / LicenseJavaScript · 未标注
🐛 开放Issue164

📝 工具简介

Vercel官方Agent技能合集,涵盖React开发最佳实践。

📖 怎么用

先装 skill 包,跑 `npx skills add vercel-labs/agent-skills`,装完不用配置。想优化 Vercel 项目,直接跟 agent 说“Deploy my app”让它先部署拿 Preview URL,或者直接问“Review this React component for performance issues”让它审查组件,也可以说“Help me optimize this Next.js page”针对页面优化。它会先拉 Vercel 指标,再定位到具体路由和文件去查问题,不用你手动指路。

📋 迷你测评

Vercel官方Agent技能合集,聚焦React开发最佳实践。亮点是官方出品,规范性和可信度有保障。适合React项目想对齐主流写法时参考。

📄 README 要点

这个仓库是一套给AI编程代理用的技能合集,遵循Agent Skills格式。里面有两个主打技能:一个是vercel optimize,专门审计Vercel项目的成本、性能、可靠性、缓存、函数使用和计费情况,它会先收集Vercel的指标数据,然后只针对指标指向的路由和文件做深入调查,适合用来优化已部署的Vercel项目、降低费用、排查慢路由或缓存问题,最后产出一份按优先级排序的成本和性能报告。另一个是react best practices,来自Vercel工程团队的React和Next.js性能优化指南,包含8大类40多条规则,按影响程度排好优先级,写新组件或页面时直接照着做就行。

查看英文原文
Agent Skills A collection of skills for AI coding agents. Skills are packaged instructions and scripts that extend agent capabilities. Skills follow the Agent Skills format. Available Skills vercel optimize Audits a Vercel project for cost, performance, reliability, caching, function usage, and billing opportunities. It collects Vercel metrics first, then investigates only the routes and files those metrics point to. Use when: Optimizing a deployed Vercel project Reducing Vercel costs or function usage Investigating slow or expensive routes Finding caching, ISR, middleware, image, or build minute issues Producing a ranked cost and performance report react best practices React and Next.js performance optimization guidelines from Vercel Engineering. Contains 40+ rules across 8 categories, prioritized by impact. Use when: Writing new React components or Next.js pages Implementing data fetching (client or server side) Reviewing code for performance issues Optimizing bundle size or load times Categories covered: Eliminating waterfalls (Critical) Bundle size optimization (Critical) Server side performance (High) Client side data fetching (Medium High) Re render optimization (Medium) Rendering performance (Medium) JavaScript micro optimizations (Low Medium) web design guidelines Review UI code for compliance with web interface best practices. Audits your code for 100+ rules covering accessibility, performance, and UX. Use when: "Review my UI" "Check accessibility" "Audit design" "Review UX" "Check my site against best practices" Categories covered: Accessibility (aria labels, semantic HTML, keyboard handlers) Focus States (visible focus, focus visible patterns) Forms (autocomplete, validation, error handling) Animation (prefers reduced motion, compositor friendly transforms) Typography (curly quotes, ellipsis, tabular nums) Images (dimensions, lazy loading, alt text) Performance (virtualization, layout thrashing, preconnect) Navigation & State (URL reflects state, deep lin

💬 评论(0)

交流使用体验、避坑建议;违规内容将被删除

💬 意见反馈 / 联系客服

数据来源:skills.sh 榜单 + GitHub 公开数据,非人工实测,仅供参考