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
Claude Code
$ npx -y skills add vibeeval/vibecosystem --skill browser-automation --agent claude-code
Codex
$ npx skills add vibeeval/vibecosystem --skill browser-automation -a codex -y
Cursor
$ npx skills add vibeeval/vibecosystem --skill browser-automation -a cursor -y
Gemini CLI
$ npx skills add vibeeval/vibecosystem --skill browser-automation -a gemini-cli -y
GitHub Copilot
$ npx skills add vibeeval/vibecosystem --skill browser-automation -a github-copilot -y
OpenCode
$ npx skills add vibeeval/vibecosystem --skill browser-automation -a opencode -y
Windsurf
$ npx skills add vibeeval/vibecosystem --skill browser-automation -a windsurf -y
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 |
A focused runtime for Claude Code. A bounded worker for Codex. Catalog (in repo): Default core: vibecosystem packages agents, skills and hooks for software work.
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…
Framework for measuring and tracking agent response quality over time. Detects regressions before they reach production. Use when…
Agent ve skill dosyalarinin yapisal dogrulamasi. Frontmatter kontrol, naming convention, zorunlu bolum kontrolu, tutarlilik…
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
Ask which skill or flow fits your situation. A router over the skills in this repo.