🛍️ 更多精选好物 ›
31,387
⭐ GitHub Stars
fork 2758💻 JavaScript · 未标注 · 🐛 开放 Issue:172
📝 工具简介
Vercel官方Agent技能合集,提供组合模式最佳实践。
📄 README 要点
这是一个面向 AI 编程代理的 Agent Skills 技能集合,技能按 Agent Skills 格式打包成指令和脚本,用来扩展代理能力。里面能看到 vercel optimize 和 react best practices 两个技能。vercel optimize 会审计 Vercel 项目的成本、性能、可靠性、缓存、函数用量和账单机会,先收集 Vercel 指标,再只调查指标指向的路由和文件;适合优化已部署的 Vercel 项目、降低 Vercel 成本或函数用量、排查慢或贵路由、找缓存、ISR、中间件、图片、构建分钟问题,并生成排序过的成本性能报告。react best practices 是 Vercel Engineering 的 React 和 Next.js 性能优化指南,含 8 类 40+ 条按影响排序的规则;适合写新 React 组件或 Next.js 页面、实现数据获取等。原文没给具体安装命令。
查看英文原文
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)
交流使用体验、避坑建议;违规内容将被删除