Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add MajesteitBart/TalentMatcher --skill "web-browser"
Install specific skill from multi-skill repository
# Description
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.
# SKILL.md
name: web-browser
description: "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."
license: Stolen from Mario
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.
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.