vibecode-pro-max-kit is a set of instructions, agents, skills, hooks, and settings that gives AI coding agents a plan-first software development workflow. It is designed for developers, product owners, and other builders using agents such as Claude Code, Codex, Cursor, Windsurf, or Copilot across different technology stacks. The catalogue entries are the kit's own workflow components.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add skills/withkynam/vibecode-pro-max-kit/vc-agent-browsernpx skills add withkynam/vibecode-pro-max-kit --skill vc-agent-browsergit clone --depth 1 https://github.com/withkynam/vibecode-pro-max-kitWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/withkynam/vibecode-pro-max-kit/vc-agent-browser)<a href="https://agentmods.dev/skills/withkynam/vibecode-pro-max-kit/vc-agent-browser"><img src="https://agentmods.dev/badge/skills/withkynam/vibecode-pro-max-kit/vc-agent-browser.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5 | $0.00037 | $0.02346 |
| Opus 5 | $0.00018 | $0.01173 |
| Sonnet 5 | $0.00007 | $0.00469 |
| Haiku 4.5 | $0.00004 | $0.00235 |
Grade A, and why
vc-agent-browser scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
Copies of this mod
2 near-identical copies found in the catalogue:
- ck:agent-browser — 91% identical, 13 lines differ
- vc:agent-browser — 88% identical, 8 lines differ
How it starts
The opening of the file, as written. The whole thing — 306 lines — stays where its author put it; the contents beside it link to each section on GitHub.
agent-browser Skill
Browser automation CLI designed for AI agents. Uses "snapshot + refs" paradigm for 93% less context than Playwright MCP.
Quick Start
# Install globally
npm install -g agent-browser
# Download Chromium (one-time)
agent-browser install
# Linux: include system deps
agent-browser install --with-deps
# Verify
agent-browser --version
Core Workflow
The 4-step pattern for all browser automation:
# 1. Navigate
agent-browser open https://example.com
# 2. Snapshot (get interactive elements with refs)
agent-browser snapshot -i
# Output: button "Sign In" @e1, textbox "Email" @e2, ...
# 3. Interact using refs
agent-browser fill @e2 "[email protected]"
agent-browser click @e1
# 4. Re-snapshot after page changes
agent-browser snapshot -i
Project-Specific Setup
For project-specific connection patterns, logged-in session reuse through chrome-debug, and when to use agent-browser vs chrome-devtools vs direct non-browser verification, see the project's browser-automation testing notes in the consuming repo, if present. This skill file stays a generic tool reference only and should not redefine the project's broader testing policy.
When to Use (vs chrome-devtools)
| Use agent-browser | Use chrome-devtools |
|---|---|
| Long autonomous AI sessions | Quick one-off screenshots |
| Context-constrained workflows | Custom Puppeteer scripts needed |
| Video recording for debugging | WebSocket full frame debugging |
| Cloud browsers (Browserbase) | Existing workflow integration |
| Multi-tab handling | Need Sharp auto-compression |
| Self-verifying build loops | Session with auth injection |
Token efficiency: ~280 chars/snapshot vs 8K+ for Playwright MCP.
Command Reference
Navigation
agent-browser open <url> # Navigate to URL
agent-browser back # Go back
agent-browser forward # Go forward
agent-browser reload # Reload page
agent-browser close # Close browser
What ships with it
60 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- references/.gitkeep 0 B
- references/agent-browser-vs-chrome-devtools.md 3.7 KB
- references/browserbase-cloud-setup.md 3.9 KB
- references/cdp-domains.md 17 KB
- references/performance-guide.md 21 KB
- references/puppeteer-reference.md 19 KB
- screenshots/chat-mock-v1.png 351 KB
- screenshots/chat-mock-v2.png 355 KB
- screenshots/chat-mock-v3-wide.png 370 KB
- screenshots/chat-mock-v4.png 166 KB
- screenshots/chat-mock-workspace.png 429 B
- screenshots/ui-audit-20260408-v2/01-dashboard-instances-list-single-running.png 64 KB
- screenshots/ui-audit-20260408-v2/02-instance-overview-details-connections-actions.png 118 KB
- screenshots/ui-audit-20260408-v2/03-instance-settings-top-details-power-secrets-form.png 149 KB
- screenshots/ui-audit-20260408-v2/04-instance-settings-scrolled-secrets-dangerzone.png 130 KB
- screenshots/ui-audit-20260408-v2/05-agent-chat-full-layout-sidebar-expanded-3panel.png 339 KB
- screenshots/ui-audit-20260408-v2/06-agent-chat-sidebar-collapsed-with-e2e-job.png 261 KB
- screenshots/ui-audit-20260408-v2/07-agent-chat-sidebar-icons-conversation-start.png 254 KB
- screenshots/ui-audit-20260408-v2/08-sidebar-pinned-full-agent-list-chat-active.png 309 KB
- screenshots/ui-audit-20260408-v2/09-history-panel-linkedin-feed-results.png 330 KB
- screenshots/ui-audit-20260408-v2/10-chat-model-identity-minimax-m25-nitro.png 292 KB
- screenshots/ui-audit-20260408-v2/11-workspace-tab-file-explorer-no-selection.png 363 KB
- screenshots/ui-audit-20260408-v2/12-workspace-identity-md-file-open-in-editor.png 509 KB
- screenshots/ui-audit-20260408-v2/13-integrations-tab-connector-grid-overview.png 570 KB
- screenshots/ui-audit-20260408-v2/14-integration-linkedin-detail-connected-account.png 317 KB
- screenshots/ui-audit-20260408-v2/15-integrations-composio-detail-no-accounts.png 295 KB
- screenshots/ui-audit-20260408-v2/16-chat-workflows-tab-linkedin-engagement-package.png 316 KB
- screenshots/ui-audit-20260408-v2/17-chat-schedule-tab-heartbeat-and-cronjobs.png 355 KB
- screenshots/ui-audit-20260408-v2/18-chat-settings-tab-identity-proxy-tools.png 381 KB
- screenshots/ui-audit-20260408-v2/19-chat-browser-tab-user-typing-message.png 337 KB
- screenshots/ui-audit-20260408-v2/20-new-chat-empty-state-with-browser-panel.png 85 KB
- screenshots/ui-audit-20260408-v2/21-instances-page-create-instance-modal.png 69 KB
- screenshots/ui-audit-20260408-v2/22-chat-create-agent-modal-over-integrations-grid.png 418 KB
- screenshots/ui-audit-20260408-v2/23-integration-gmail-detail-no-accounts.png 363 KB
- screenshots/ui-audit-20260408-v2/24-integrations-search-linkedin-filtered-grid.png 448 KB
- screenshots/ui-audit-20260408-v2/25-chat-cron-e2e-test-job-composio-panel.png 295 KB
- screenshots/ui-audit-20260408-v2/26-workspace-openclaw-json-editor-file-tree.png 551 KB
- screenshots/ui-audit-20260408-v2/27-workspace-skills-folder-skill2md-empty-editor.png 383 KB
- screenshots/ui-audit-20260408-v2/28-workspace-agents-identity-folders-expanded.png 362 KB
- screenshots/ui-audit-20260408-v2/29-workspace-memory-sqlite-files-tree-expanded.png 360 KB
- screenshots/ui-audit-20260408/01-dashboard.png 62 KB
- screenshots/ui-audit-20260408/02-agent-chat-default.png 304 KB
- screenshots/ui-audit-20260408/03-agent-chat-browser-tab.png 304 KB
- screenshots/ui-audit-20260408/04-agent-chat-workspace-tab.png 306 KB
- screenshots/ui-audit-20260408/05-agent-chat-integrations-tab.png 313 KB
- screenshots/ui-audit-20260408/06-agent-chat-workflows-tab.png 327 KB
- screenshots/ui-audit-20260408/07-agent-chat-schedule-tab.png 314 KB
- screenshots/ui-audit-20260408/08-agent-chat-settings-tab.png 362 KB
- screenshots/ui-audit-20260408/09-agent-overview.png 83 KB
- screenshots/ui-audit-20260408/10-agent-settings.png 174 KB
- screenshots/ui-audit-20260408/11-agent-workspace.png 142 KB
- screenshots/ui-audit-20260408/12-instance-overview.png 90 KB
- screenshots/ui-audit-20260408/13-instance-browser.png 120 KB
- screenshots/ui-audit-20260408/14-instance-files.png 116 KB
- screenshots/ui-audit-20260408/15-instance-secrets.png 161 KB
- screenshots/ui-audit-20260408/16-instance-settings.png 228 KB
- screenshots/ui-audit-20260408/17-modal-create-instance.png 107 KB
- screenshots/ui-audit-20260408/18-modal-create-agent.png 329 KB
- screenshots/ui-audit-20260408/19-chat-session-sidebar.png 432 KB
- scripts/__tests__/error-handling.test.js 3.6 KB runs code
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 306 lines · 37 tokens per session scan A 1fc82b98945f
vc-agent-browser is a skill published in the GitHub repository withkynam/vibecode-pro-max-kit (1,115 stars, last pushed 2mo ago), licensed MIT. It adds 37 tokens to every session and 2,346 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
web-inspect
Browser-based investigation using playwright-cli — open pages, inspect elements, check console errors, capture screenshots. Headed mode by default.
argent-device-interact
Interact with an iOS simulator, Android emulator, or Chromium (CDP) app using argent MCP tools. Use when tapping UI elements, performing gestures, scrolling/swiping, typing text, pressing hardware buttons, launching apps, opening URLs, taking screenshots, waiting for an element to appear or disappear, or checking…
dev-pain-finder
Scrape real developer pain points for any keyword, technology, or problem space from Reddit, Hacker News, dev.to, and GitHub Discussions simultaneously — then group complaints by theme, score them by frequency and upvote weight, and return a ranked opportunity map showing where developer frustration is high and…
interview-prep
Generate a structured interview preparation guide for any company by scraping real candidate experiences from Glassdoor, Blind, and Reddit in real time using parallel TinyFish agents. Use this skill whenever a user mentions preparing for an interview at a specific company, wants to know what a company's interview…
dia-source-analysis
Analyze / reverse-engineer the locally installed Dia Browser mac app (The Browser Company; bundle id company.thebrowser.dia; shares ArcCore with Arc). Inspect its app bundle, extract its Bun/TypeScript agent-server source from shipped source maps, fingerprint the runtime, read native-Swift symbols, and map its…
11-browser-qa
Run post-review browser QA and produce short named videos for a locked happy path and sourced browser edge cases. Use when the user wants concise reviewer evidence for a web journey. Not for API, CLI, automated tests, diff review, or application fixes.