Class 8 · 8.5

Skills marketplaces & installing Agent Browser

Where skills live, how to read a real SKILL.md, and a hands-on install of Agent Browser — watch Claude Code launch and drive a browser on your own machine, purely from a folder of files.

🎯 Goal: find & install skills⏱ Read: 9 min🧭 Type: hands-on

Skills are just files, so their "marketplaces" are simpler than MCP's. Let's tour where to find them, then install a genuinely useful one — Agent Browser, which lets Claude Code drive a real browser on your machine.

01Where skills live

Place	What you'll find
Anthropic's `skills` repo (GitHub)	The spec, a template to build your own, and first-party skills — PDF, PPTX (PowerPoint), even a "skill-creator" skill.
skills.sh (by Vercel)	A polished marketplace from the Next.js team — front-end design, PDF, brainstorming, "find-skills," Agent Browser and more.

Read a real SKILL.md to make it click

Open the PPTX skill on GitHub: the top is metadata ("presentation creation, editing and analysis — when Claude needs to work with presentations"), telling Claude exactly when to trigger it. Below is a long instructions body it only reads when needed, plus a scripts/ folder — an HTML-to-PPTX converter, a Python "rearrange" script. Those are tools at a higher level of granularity. Browsing a couple of these first-hand is the fastest way to understand skills.

02Install Agent Browser

What Agent Browser does

It equips Claude Code to launch and drive a browser on your computer — navigate, click, screenshot — often headless (invisible). Instead of only searching via the cloud, the agent can actually operate a browser. It's built on Playwright (Microsoft's browser-automation tool) and Chromium.

Vercel ships an npx skills utility that installs any skill from a GitHub link. First install the underlying tool + Chromium, then add the skill:

terminal

# 1 · install the agent-browser tool and Chromium (via Playwright)
npx -y agent-browser install
npx -y agent-browser install-chromium

# 2 · add the skill straight from Vercel's marketplace
npx -y skills add github.com/<path-to>/agent-browser

The installer asks a few questions — and the answers reveal how portable skills have become:

Which agents? select

It offers Claude Code, AMP, Antigravity, OpenCode, Cline, Codex, and more. Space-bar to pick Claude Code, Enter.

Project or global?

Create the files in this repo's .claude or your home directory. Choose project.

Install method

If unsure about symlinks, pick copy to all agents. Proceed.

"High-tech" as it felt on the command line, all it did was create .claude/skills/agent-browser/ containing a single SKILL.md — the exact YAML header (name, description, optional allowed-tools) plus instructions you saw before. Launch Claude, run /context, and there's Agent Browser using a tiny ~68 tokens.

03Watch it drive a browser

Because Claude can already search the web with its built-in tools, you often have to nudge it to use this skill — match the words from the skill's description.

Please interact with the browser to look for restaurant experiences in NYC next week, perhaps on Resy or OpenTable.

It triggers agent-browser, and — surprise — the browser window actually appears (a setting controls headless vs. visible). Hands off the keyboard, you watch Claude search Resy, then OpenTable, take screenshots, read them back, and summarise the options. It's a vivid demonstration that Claude Code is truly in the driving seat, using a skill you equipped with nothing more than a folder of files.

The real magic: it's just files

Check that folder into GitHub and every teammate who pulls it gets the skill instantly — they'd only need to run the one npx command to install the underlying browser tool. That effortless sharing is exactly why skills are catching on.

✓ Key takeaways

Find skills in Anthropic's skills repo (spec, template, first-party) and on skills.sh (Vercel).
Reading a real SKILL.md (e.g. PPTX) — metadata, instructions, scripts/ — makes the model concrete.
Install with Vercel's utility: npx skills add <github-link>; choose agent, scope and method.
Agent Browser lets Claude Code drive a real (often headless) browser via Playwright + Chromium.
Installing a skill just drops a folder into .claude/skills/ — check it into Git to share with the team.