vercel-labs open-agents
COMMUNITYLABSCO SUMMARY
Most of the thirteen are general building-with-Vercel skills usable on their own: ai-sdk and chat-sdk (for the AI SDK and Chat SDK), workflow (the Workflow SDK for durable, resumable runs), vercel-react-best-practices, baseline-ui, web-animation-design, frontend-design, and emil-design-eng (front-end quality and design conventions), agent-browser (browser automation), and code-review and plan-mode (general development process). The remaining two, deploy-open-harness and remove-demo-limits, are specific to standing up or forking Open Agents itself rather than anything a reader would use in an unrelated project.
This is for two different readers. Someone building with Vercel's AI SDK, Workflow SDK, Chat SDK, or its front-end conventions can lift any one of those eleven skills as a standalone file without running the app at all. Someone who wants the actual product -- a chat UI that runs a durable coding-agent workflow against an isolated Vercel Sandbox, with GitHub App integration for auto-commit and pull requests -- gets the other two skills as onboarding instead: one walks through the credentials and deploy steps, the other strips the hosted demo's trial limits from a fork.
READ THE FULL ANALYSIS
Two of the thirteen skills still call this project "Open Harness." deploy-open-harness and remove-demo-limits both use that name in their own descriptions, while the README calls the product Open Agents throughout and never mentions Open Harness once -- a rename that didn't reach every file.
The thirteen skills split close to evenly by what they need to run. Six need nothing beyond the skill file itself, six need a local tool already installed, and one needs an account or API key -- check the label on each skill's own page rather than assuming the whole set behaves the same way.
WHAT'S INSIDE
13 showing · 13 totalNothing else to set up — install it and go.
agent-browser
Hands a real web browser over to the command line — open a page, read what is on it, click things, type into forms — so a script or an agent can use a site the way a person would.
ai-sdk
Answers about Vercel's AI SDK come from the copy of it actually installed in the project — its own bundled docs and source — instead of from what a model half-remembers about a version that has since changed.
baseline-ui
Sets the ground rules an interface has to obey — what may move and for how long, how text is set, which colours and effects are off-limits — and flags the lines that break them.
chat-sdk
Write a chat bot once and the same bot answers in Slack, Teams, Discord, Telegram and WhatsApp — its replies, buttons and pop-up forms get translated into whatever each app expects.
code-review
Reads a set of code changes and says what is genuinely wrong with them — real bugs, and weaknesses someone could attack — with no flattery and no style nitpicking it cannot back up.
deploy-open-harness
Open Harness is a coding-agent app you can host yourself; this walks you through getting your own copy running on Vercel — which accounts and keys you actually need, where each one comes from, and whether the first sign-in really worked.
emil-design-eng
A design engineer's eye for the small things — how fast a menu opens, whether a button gives way when pressed, when something should not move at all — written down as rules your interface code is judged against.
frontend-design
Builds a web page or app that looks like someone designed it on purpose — one committed style carried through the type, the colour and the motion — rather than the interchangeable look AI usually produces.
plan-mode
Stops and thinks a change through before writing any of it — reading the surrounding code, asking whatever is still unclear, and putting the approach in writing for you to approve.
remove-demo-limits
Open Harness's hosted demo caps how many sessions and messages you get; this takes those caps, and the hosted-only blocks around them, out of your own copy so it behaves like any self-hosted install.
vercel-react-best-practices
Vercel's own list of the 58 things that make a React or Next.js site slow, each one with a wrong-way and a right-way example of the same code.
web-animation-design
Settles how a thing should move on screen — the curve it follows, how long it lasts, how it behaves for someone who finds motion uncomfortable — using the rules from Emil Kowalski's animation course.
workflow
A long, multi-step job that keeps its place: if the machine restarts, a step fails, or it has to sit waiting days for something to happen, it carries on from where it stopped instead of starting over.
HOW TO GET IT
npx skills add vercel-labs/open-agentsnpx skills add vercel-labs/open-agents --skill <name> --full-depthPick the skill name from the Skills tab — each entry there installs independently.