accessibility-patterns
WCAG 2.2 AA compliance, ARIA patterns, keyboard navigation, screen reader optimization
AI browser automation - navigate, interact, extract, verify via browser-use MCP
$ npx -y skills add vibeeval/vibecosystem --skill browser-automation --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/browser-automationContext preview
The summary Claude sees to decide when to auto-load this skill.
AI browser automation - navigate, interact, extract, verify via browser-use MCP
name: browser-automation description: AI browser automation - navigate, interact, extract, verify via browser-use MCP allowed-tools: [Bash, Read, Write, WebFetch] keywords: [browser, automation, scrape, navigate, click, form, screenshot, deploy-verify, e2e] mcp_servers: [browser-use]
AI-powered browser automation via `browser-use` MCP server. Navigate web pages, fill forms, extract content, take screenshots, and verify deployments.
Add to `~/.mcp.json`:
{
"mcpServers": {
"browser-use": {
"command": "uvx",
"args": ["browser-use", "--mcp"]
}
}
}Restart Claude Code after adding.
/browser-automation navigate https://docs.example.com /browser-automation extract https://docs.example.com --format markdown
/browser-automation fill https://app.example.com/login email: test@example.com password: [from env TEST_PASSWORD] submit: button[type=submit]
/browser-automation verify https://myapp.com - Check: homepage loads (< 3s) - Check: /api/health returns 200 - Check: login page renders - Screenshot: homepage, login, dashboard
/browser-automation screenshot https://myapp.com --full-page /browser-automation screenshot https://myapp.com --element "#hero-section"
| Trigger | How It Helps | |---------|-------------| | `shipper` deploys | Auto-verify live URL, take screenshots | | `e2e-runner` needs browser | Natural language browser tests | | `oracle` needs deep docs | Navigate multi-page documentation | | `designer` needs references | Capture UI patterns from live sites | | `qa-engineer` tests forms | Fill and submit forms, verify results | | `growth` analyzes competitors | Extract features, pricing, UX patterns |
| Tool | Description | |------|-------------| | `browser_navigate` | Go to a URL | | `browser_click` | Click element by selector or text | | `browser_type` | Type into input field | | `browser_screenshot` | Capture page/element screenshot | | `browser_extract` | Extract page content as text/markdown | | `browser_wait` | Wait for element or condition | | `browser_evaluate` | Execute JavaScript in page context | | `browser_scroll` | Scroll page or element |
Your AI software team. Built on Claude Code. vibecosystem turns Claude Code into a full AI software team — 138 specialized agents that plan, build, review, test, and learn from every mistake. No configuration needed — just install and code.
Repo: vibeeval/vibecosystem
WCAG 2.2 AA compliance, ARIA patterns, keyboard navigation, screen reader optimization
axe-core integration, WCAG 2.2 AA checklist, keyboard navigation testing, screen reader testing, and ARIA pattern validation.
Steam-style achievement system with XP, levels, streaks, and skill trees. Gamifies the development workflow. 25 achievements across 5 categories.
Framework for measuring and tracking agent response quality over time. Detects regressions before they reach production. Use when evaluating agent changes,…
Agent ve skill dosyalarinin yapisal dogrulamasi. Frontmatter kontrol, naming convention, zorunlu bolum kontrolu, tutarlilik denetimi. Yeni agent/skill…