vercel-labs/agent-eval
3 skills1.6k installs675 starsGitHub
Install
npx skills add https://github.com/vercel-labs/agent-evalSkills in this repo
1Frontend Designfrontend-design is a vercel-labs/agent-eval skill (Apache License 2.0) that guides coding agents to produce, review, and refine frontend UI designs with structured evaluation loops. Instead of one-shot component output, the skill drives critique-and-iterate cycles on layout, hierarchy, and visual distinctiveness so interfaces avoid generic AI aesthetics. Developers reach for frontend-design when scaffolding marketing pages, dashboards, or component libraries where taste, spacing, typography, and hierarchy matter as much as correctness. The eval-oriented packaging from agent-eval signals measurable design quality gates agents run before accepting a UI proposal.1kinstalls2Web Design GuidelinesWeb Design Guidelines is a Vercel-backed agent skill that turns the public Web Interface Guidelines into an actionable UI review. Solo builders shipping marketing sites, dashboards, or product chrome install it when they want a structured pass over React, HTML, or component files instead of ad-hoc “does this look okay?” chat. On each invocation the agent fetches the current rules from GitHub, reads the paths or patterns you specify (or asks you to name them), and reports violations in the terse file:line style the guideline document defines. It fits late in the build loop when polishing screens and again in ship when you treat accessibility and UX consistency as launch blockers. It is a checker, not a redesign tool: it finds gaps; you still apply fixes. Intermediate complexity—you need real UI files in the repo and comfort interpreting accessibility-oriented feedback.278installs3Vercel React Best PracticesVercel-react-best-practices packages Vercel Engineering’s React and Next.js performance playbook as an agent skill so solo builders ship faster sites without learning every anti-pattern by trial and error. Invoke it when you or the agent write new components, implement server or client data fetching, review a PR for regressions, or refactor for Core Web Vitals and bundle weight. The skill organizes fifty-seven rules across eight categories, elevating waterfall elimination and bundle optimization as CRITICAL before server-side, fetching, re-render, rendering, JavaScript micro-optimizations, and advanced patterns. That structure lets automated refactors and codegen follow the same order a senior frontend engineer would. It complements generic React knowledge with opinionated Next.js and Vercel deployment realities. It is not a substitute for product design or backend scaling work—use it wherever React/Next performance is on the critical path across build and pre-release hardening.255installs