nexu-io avatar

Agent Browser

This is a browser automation CLI wrapper that lets Claude drive Chrome through the DevTools Protocol. You point it at local preview URLs, click buttons, fill forms, take screenshots, and extract page state without writing Puppeteer scripts. It's built for QA loops and dogfooding Open Design prototypes, with explicit guardrails against submitting forms or bypassing auth without confirmation. The CDP startup sequence is particular about attachment order to avoid Chrome crash loops, and it keeps all upstream docs out of context by redirecting them to temp files. Useful when you need Claude to actually see and interact with rendered UI instead of guessing from HTML.

skills.sh installs
3K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill agent-browser --agent claude-code

Installs into .claude/skills of the current project.

Files

Agent Browser

Use agent-browser for local OpenDesign preview validation: inspect rendered state, click/type when requested, and capture one screenshot when visual evidence matters. Keep the browser local-first unless the user explicitly asks for external browsing.

When the run prompt contains selected workspace context, prefer the selected browser tab URL/title as the target. Treat user phrases like "this page", "the current browser", "right-side tab", "extract the logo", "get the palette", "take an element screenshot", or "check OG/a11y" as requests about that selected tab unless the user names another target.

Requirements

Verify the CLI before doing any browser work:

command -v agent-browser

If missing, stop and tell the user to install it:

npm i -g agent-browser
agent-browser install

Do not replace the CLI with ad hoc browser scripts.

Context Hygiene

Never print full upstream guides into chat or tool output. Save them to temp files and extract only task-relevant lines:

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Testing & QA, Code Review & Quality, AI & Agent Building, Debugging, Automation & Workflows, Design & UI/UX, CLI & Terminal
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1onmax avatarnuxt-modulesonmax/nuxt-skillsUse when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components,2.9Kskills.sh installs
2phuryn avatarbrainstorm-experiments-existingphuryn/pm-skillsDesign experiments to test assumptions for an existing product — prototypes, A/B tests, spikes, and other low-effort validation methods. Use when validating ass2.9Kskills.sh installs
3phuryn avatardummy-datasetphuryn/pm-skillsGenerate realistic dummy datasets for testing with customizable columns, constraints, and output formats (CSV, JSON, SQL, Python script). Use when creating test2.8Kskills.sh installs
4juliusbrussee avatargrill-mejuliusbrussee/skillsCalibrated grilling session for stress-testing a plan, design, idea, or decision. First assesses the user's topic knowledge, confidence, and desired pressure le2.8Kskills.sh installs
5juxt avatarpropagatejuxt/alliumGenerate tests from Allium specifications. Use when the user wants to propagate tests, generate test files from a spec, write tests for a specification, create 2.7Kskills.sh installs
6eronred avatarscreenshot-optimizationeronred/aso-skillsWhen the user wants to design, optimize, or evaluate App Store screenshots and preview videos. Also use when the user mentions "screenshots", "app preview", "pr2.7Kskills.sh installs