Class 8 · 8.5

Skills marketplaces & Agent Browser install karna

Skills kahan milti hain, ek real SKILL.md file kaise read karte hain, aur Agent Browser ka practical setup — dekhein kaise Claude Code aap ki machine par real browser drive karta hai, sirf ek folder of files ki madad se.

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

Skills sirf simple files hoti hain, is liye inke "marketplaces" MCP se zyada aasan hain. Aayein dekhte hain yeh kahan milti hain, aur phir ek bohot useful skill install karte hain — Agent Browser, jo Claude Code ko aap ki machine par real browser run karne ki permssion deta hai.

01Skills kahan milti hain

Jagah	Aap ko kya milega
Anthropic ki `skills` repo (GitHub)	Spec, apna skill banane ka template, aur official skills — PDF, PPTX (PowerPoint), yahan tak ke "skill-creator" skill.
skills.sh (by Vercel)	Next.js team ka ek behtareen marketplace — front-end design, PDF, brainstorming, "find-skills," Agent Browser wagerah.

Real SKILL.md read karein taake concept clear ho

GitHub par PPTX skill open karein: sab se upar metadata hai ("presentation creation, editing and analysis — jab Claude ko presentations par kaam karna ho"), jo Claude ko batata hai ke ise kab trigger karna hai. Neeche instructions body hai jo woh sirf zaroorat par read karta hai, plus ek scripts/ folder — HTML-to-PPTX converter, Python "rearrange" script. In skills ko browse karna is concept ko samajhne ka sab se fast tareeqa hai.

02Agent Browser install karna

Agent Browser kya karta hai

Yeh Claude Code ko aap ke computer par browser launch aur drive karne ki capability deta hai — navigate, click, screenshot — aksar headless (background mein). Sirf cloud search karne ke bajaye, agent actual browser operate kar sakta hai. Yeh Playwright (Microsoft ka browser-automation tool) aur Chromium par built hai.

Vercel ka npx skills utility kisi bhi GitHub link se skill install kar deta hai. Pehle underlying tool + Chromium install karein, phir skill add karein:

terminal

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

# 2 · Vercel marketplace se skill add karein
npx -y skills add github.com/<path-to>/agent-browser

Installer kuch questions poochnay ga — aur inke answers se pata chalta hai ke skills kitni portable hain:

Kaunse agents? select

Yeh Claude Code, AMP, Antigravity, OpenCode, Cline, Codex wagerah ka option deta hai. Space-bar se Claude Code select karein, Enter dabayein.

Project ya global?

Files is repo ke .claude mein banayein ya home directory mein. project choose karein.

Install method

Agar symlinks ka confirm na ho, toh copy to all agents pick karein. Proceed karein.

Terminal par yeh jitna high-tech lag raha tha, isne sirf .claude/skills/agent-browser/ folder banaya jisme ek single SKILL.md shamil hai — wahi YAML header aur instructions jo aap ne pehle dekhi thi. Claude launch karein, /context run karein, aur Agent Browser sirf ~68 tokens use karta hua nazar aayega.

03Browser drive karte hue dekhein

Kyunke Claude apne built-in tools se web search kar sakta hai, aap ko ise is skill ko use karne ke liye thoda guide karna padega — skill ke description se words match karein.

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

Yeh agent-browser ko trigger karta hai, aur browser window actual mein appear hoti hai. Keyboard se haath hata kar dekhein kaise Claude Resy aur OpenTable search karta hai, screenshots leta hai, unhe read karta hai, aur options summarize karta hai. Yeh is baat ka clear proof hai ke Claude Code driving seat par hai.

Real magic: yeh sirf files hain

Is folder ko GitHub mein check-in karein aur har teammate jo pull karega usey yeh skill instantly mil jayegi — unhe sirf underlying browser tool install karne ke liye wahi ek npx command run karni padegi. Is effortless sharing ki wajah se skills bohot popular ho rahi hain.

✓ Aham baatein

Skills Anthropic ki skills repo aur skills.sh (Vercel) par dhoondein.
Real SKILL.md (jaise PPTX) read karne se model concrete ho jata hai.
Vercel utility se install karein: npx skills add <github-link>.
Agent Browser Claude Code ko Playwright + Chromium ke zariye real browser drive karne deta hai.
Skill install karne se sirf .claude/skills/ mein ek folder aata hai — team ke sath share karne ke liye Git mein commit karein.