🎬 AI 视频工厂 | 填个主题就出片(文案/配音/配图/合成全自动)去体验 →
‹ 返回总目录

codebase-design

| 2026-09-05 收录(在榜11天)

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

🛍️ 更多精选好物 ›

3.3K
📦 榜单安装量
30,322
⭐ GitHub Stars
fork 2713
2026-08-21
🗓️ 最近推送
2025-12-08
🌱 项目创建
💻 JavaScript · 未标注 · 🐛 开放 Issue:171

📝 工具简介

面向真实工程师的代码库架构设计技能包。

📖 怎么用

先装技能包:`npx skills add vercel-labs/agent-skills`。装完不用配置,直接就能用。这个包主要包含 Vercel 优化技能,你直接说“Deploy my app”让它帮你部署,或说“Review this React component for performance issues”让它审查组件性能,也可以说“Help me optimize this Next.js page”优化页面。它会先收集 Vercel 指标,再针对性地检查相关路由和文件,帮你找成本、性能、缓存等问题。

📋 迷你测评

飞书官方CLI工具,支持消息、文档、表格等操作。亮点是命令全,有200+命令和20+AI技能,覆盖面挺广。

📄 README 要点

这是给AI编码助手用的技能集合,按Agent Skills格式打包。里面有两个核心技能:vercel optimize专门审计Vercel项目,先收集指标再针对性地查路由和文件,找出成本、性能、缓存、函数调用、计费方面的问题,适合优化已部署的Vercel项目或排查慢路由;react best practices是Vercel工程团队总结的React和Next.js性能优化指南,40多条规则分8类按影响排序,适合写新组件或实现数据抓取时参考。

查看英文原文
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 公开数据,非人工实测,仅供参考

浙ICP备2023034286号