Agent skill
web-browser
Allows to interact with web pages by performing actions such as clicking buttons, filling out forms, and navigating links. It works by remote controlling Google Chrome or Chromium browsers using the Chrome DevTools Protocol (CDP). When Claude needs to browse the web, it can use this skill to do so.
Install this agent skill to your Project
npx add-skill https://github.com/MajesteitBart/TalentMatcher/tree/main/.claude/skills/web-browser
SKILL.md
Web Browser Skill
Minimal CDP tools for collaborative site exploration.
Start Chrome
```bash ./tools/start.js # Fresh profile ./tools/start.js --profile # Copy your profile (cookies, logins) ```
Start Chrome on :9222 with remote debugging.
Navigate
```bash ./tools/nav.js https://example.com ./tools/nav.js https://example.com --new ```
Navigate current tab or open new tab.
Evaluate JavaScript
```bash ./tools/eval.js 'document.title' ./tools/eval.js 'document.querySelectorAll("a").length' ./tools/eval.js 'JSON.stringify(Array.from(document.querySelectorAll("a")).map(a => ({ text: a.textContent.trim(), href: a.href })).filter(link => !link.href.startsWith("https://")))' ```
Execute JavaScript in active tab (async context). Be careful with string escaping, best to use single quotes.
Screenshot
```bash ./tools/screenshot.js ```
Screenshot current viewport, returns temp file path
Pick Elements
```bash ./tools/pick.js "Click the submit button" ```
Interactive element picker. Click to select, Cmd/Ctrl+Click for multi-select, Enter to finish.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
shadcn-ui-expert
Develop high-quality, accessible React components using shadcn-ui, Tailwind CSS, and Radix UI. Use when building forms, layouts, dialogs, tables, or any UI components. Supports Next.js, Vite, Remix, Astro, and more. Integrates with shadcn MCP server for component discovery and installation.
ubiquitous-language
Extract a DDD-style ubiquitous language glossary from the current conversation, flagging ambiguities and proposing canonical terms. Saves to UBIQUITOUS_LANGUAGE.md. Use when user wants to define domain terms, build a glossary, harden terminology, create a ubiquitous language, or mentions "domain model" or "DDD".
every-style-editor
This skill should be used when reviewing or editing copy to ensure adherence to Every's style guide. It provides a systematic line-by-line review process for grammar, punctuation, mechanics, and style guide compliance.
manage-codex
Autonomous Codex batch orchestrator. Use for "/manage-codex", "manage codex", "use codex", "dispatch to codex", or long-running Codex work.
seo-audit
When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," "SEO health check," "my traffic dropped," "lost rankings," "not showing up in Google," "site isn't ranking," "Google update hit me," "page speed," "core web vitals," "crawl errors," or "indexing issues." Use this even if the user just says something vague like "my SEO is bad" or "help with SEO" — start with an audit. For building pages at scale to target keywords, see programmatic-seo. For adding structured data, see schema-markup. For AI search optimization, see ai-seo.
capture-learning
Analyze recent conversation context and capture learnings to project knowledge files (for project-specific insights) or skills/commands/subagents (for cross-project patterns). Use when the user asks to "capture this learning", "update the docs with this", "remember this for next time", "document this issue", "add this to CLAUDE.md", "save this knowledge", or "update project knowledge". Also triggers after resolving build/setup issues, discovering non-obvious patterns, or completing debugging sessions with valuable insights.
Didn't find tool you were looking for?