vercel-labsvercel-labsOfficialยท13 Agent Skills Included

open-agents

Build and run background coding agents on Vercel

Runs chat-driven coding agents that clone repos, edit files, run shell commands, and open pull requests inside isolated Vercel sandboxes. Removes the need to keep your laptop involved by executing durable, resumable agent workflows in the cloud. Includes ready-made skills for code review, browser automation, React performance, UI design, and deployment setup.
npx skills add vercel-labs/open-agents --all -g -y
Available:

Gives AI coding agents the repo's architecture map, required quality-check commands, database migration rules, and code style conventions to follow when making changes.

All Skills in This Repository (13)

Pure Emerald Level Indicators
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

remove-demo-limits

Remove hosted demo guards and trial restrictions from Open Agents forks.

Official
Advanced
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

deploy-open-harness

Guide deployment of Open Harness on Vercel with credential setup.

Official
Intermediate
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

code-review

Analyze code changes and provide actionable feedback on defects, style, and design.

Official
Intermediate
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

baseline-ui

Validate animation durations, typography scale, and accessibility in Tailwind CSS projects.

Official
Intermediate
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

plan-mode

Generate a structured end-to-end plan with PLAN.md before complex system changes.

Official
Advanced
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

frontend-design

Generate production-grade UI code from vague frontend requirements.

Official
Advanced
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

emil-design-eng

Review UI components and animations against design engineering principles.

Official
Advanced
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

web-animation-design

Design web animations with easing, timing, transforms, and keyframes.

Official
Advanced
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

agent-browser

Automates browser interactions for web testing, form filling, screenshots, and data extraction.

Official
Advanced
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

workflow

Creates durable, resumable workflows using Vercel's Workflow DevKit.

Official
Intermediate
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

vercel-react-best-practices

Applies Vercel's React and Next.js performance optimization rules during code generation and review.

Official
Intermediate
๐Ÿ“ฆ In Repo
vercel-labsvercel-labs

chat-sdk

Build multi-platform chat bots with the Chat SDK TypeScript library.

Official
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install Open Agents?โ–ผ

Run `npx skills add vercel-labs/open-agents --all -g -y` in your terminal to install all skills in this suite globally.

What does Open Agents do?โ–ผ

It is an open-source reference app for running background coding agents on Vercel, where an agent works on your repo inside an isolated sandbox and can auto-commit, push, and open pull requests.

How do I deploy my own copy of Open Agents?โ–ผ

Fork the repo, import it into Vercel, add the required environment variables like POSTGRES_URL and BETTER_AUTH_SECRET, then deploy; the included deploy-open-harness skill walks you through each credential step.

Can the agent review code and build UI automatically?โ–ผ

Yes. It ships with skills for code review, React and Next.js performance best practices, frontend design, animation guidance, and browser automation for testing web pages.

Does Open Agents work without GitHub integration?โ–ผ

Yes. You can start with a minimal deploy using only Vercel sign-in, then add the GitHub App credentials later to enable repo access, pushes, and PR creation.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’