{"id":36957474,"url":"https://github.com/SawyerHood/dev-browser","last_synced_at":"2026-01-20T15:00:51.392Z","repository":{"id":327821781,"uuid":"1108682714","full_name":"SawyerHood/dev-browser","owner":"SawyerHood","description":"A Claude Skill to give your agent the ability to use a web browser","archived":false,"fork":false,"pushed_at":"2025-12-23T17:42:28.000Z","size":544,"stargazers_count":1497,"open_issues_count":6,"forks_count":96,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-12-26T23:57:29.246Z","etag":null,"topics":["claude-code","playwright","skills"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SawyerHood.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-02T19:20:20.000Z","updated_at":"2025-12-26T22:23:50.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/SawyerHood/dev-browser","commit_stats":null,"previous_names":["sawyerhood/dev-browser"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/SawyerHood/dev-browser","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SawyerHood%2Fdev-browser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SawyerHood%2Fdev-browser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SawyerHood%2Fdev-browser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SawyerHood%2Fdev-browser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SawyerHood","download_url":"https://codeload.github.com/SawyerHood/dev-browser/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SawyerHood%2Fdev-browser/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28605916,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T14:45:23.139Z","status":"ssl_error","status_checked_at":"2026-01-20T14:44:16.929Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["claude-code","playwright","skills"],"created_at":"2026-01-13T15:00:29.121Z","updated_at":"2026-01-20T15:00:51.377Z","avatar_url":"https://github.com/SawyerHood.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"assets/header.png\" alt=\"Dev Browser - Browser automation for Claude Code\" width=\"100%\"\u003e\n\u003c/p\u003e\n\nA browser automation plugin for [Claude Code](https://docs.anthropic.com/en/docs/claude-code) that lets Claude control your browser to test and verify your work as you develop.\n\n**Key features:**\n\n- **Persistent pages** - Navigate once, interact across multiple scripts\n- **Flexible execution** - Full scripts when possible, step-by-step when exploring\n- **LLM-friendly DOM snapshots** - Structured page inspection optimized for AI\n\n## Prerequisites\n\n- [Claude Code](https://docs.anthropic.com/en/docs/claude-code) CLI installed\n- [Node.js](https://nodejs.org) (v18 or later) with npm\n\n## Installation\n\n### Claude Code\n\n```\n/plugin marketplace add sawyerhood/dev-browser\n/plugin install dev-browser@sawyerhood/dev-browser\n```\n\nRestart Claude Code after installation.\n\n### Amp / Codex\n\nCopy the skill to your skills directory:\n\n```bash\n# For Amp: ~/.claude/skills | For Codex: ~/.codex/skills\nSKILLS_DIR=~/.claude/skills  # or ~/.codex/skills\n\nmkdir -p $SKILLS_DIR\ngit clone https://github.com/sawyerhood/dev-browser /tmp/dev-browser-skill\ncp -r /tmp/dev-browser-skill/skills/dev-browser $SKILLS_DIR/dev-browser\nrm -rf /tmp/dev-browser-skill\n```\n\n**Amp only:** Start the server manually before use:\n\n```bash\ncd ~/.claude/skills/dev-browser \u0026\u0026 npm install \u0026\u0026 npm run start-server\n```\n\n### Chrome Extension (Optional)\n\nThe Chrome extension allows Dev Browser to control your existing Chrome browser instead of launching a separate Chromium instance. This gives you access to your logged-in sessions, bookmarks, and extensions.\n\n**Installation:**\n\n1. Download `extension.zip` from the [latest release](https://github.com/sawyerhood/dev-browser/releases/latest)\n2. Unzip the file to a permanent location (e.g., `~/.dev-browser-extension`)\n3. Open Chrome and go to `chrome://extensions`\n4. Enable \"Developer mode\" (toggle in top right)\n5. Click \"Load unpacked\" and select the unzipped extension folder\n\n**Using the extension:**\n\n1. Click the Dev Browser extension icon in Chrome's toolbar\n2. Toggle it to \"Active\" - this enables browser control\n3. Ask Claude to connect to your browser (e.g., \"connect to my Chrome\" or \"use the extension\")\n\nWhen active, Claude can control your existing Chrome tabs with all your logged-in sessions, cookies, and extensions intact.\n\n## Permissions\n\nTo skip permission prompts, add to `~/.claude/settings.json`:\n\n```json\n{\n  \"permissions\": {\n    \"allow\": [\"Skill(dev-browser:dev-browser)\", \"Bash(npx tsx:*)\"]\n  }\n}\n```\n\nOr run with `claude --dangerously-skip-permissions` (skips all prompts).\n\n## Usage\n\nJust ask Claude to interact with your browser:\n\n\u003e \"Open localhost:3000 and verify the signup flow works\"\n\n\u003e \"Go to the settings page and figure out why the save button isn't working\"\n\n## Benchmarks\n\n| Method                  | Time    | Cost  | Turns | Success |\n| ----------------------- | ------- | ----- | ----- | ------- |\n| **Dev Browser**         | 3m 53s  | $0.88 | 29    | 100%    |\n| Playwright MCP          | 4m 31s  | $1.45 | 51    | 100%    |\n| Playwright Skill        | 8m 07s  | $1.45 | 38    | 67%     |\n| Claude Chrome Extension | 12m 54s | $2.81 | 80    | 100%    |\n\n_See [dev-browser-eval](https://github.com/SawyerHood/dev-browser-eval) for methodology._\n\n### How It's Different\n\n| Approach                                                         | How It Works                                      | Tradeoff                                               |\n| ---------------------------------------------------------------- | ------------------------------------------------- | ------------------------------------------------------ |\n| [Playwright MCP](https://github.com/microsoft/playwright-mcp)    | Observe-think-act loop with individual tool calls | Simple but slow; each action is a separate round-trip  |\n| [Playwright Skill](https://github.com/lackeyjb/playwright-skill) | Full scripts that run end-to-end                  | Fast but fragile; scripts start fresh every time       |\n| **Dev Browser**                                                  | Stateful server + agentic script execution        | Best of both: persistent state with flexible execution |\n\n## License\n\nMIT\n\n## Author\n\n[Sawyer Hood](https://github.com/sawyerhood)\n","funding_links":[],"categories":["Lista de Habilidades","TypeScript","Phase 3: Build and Integrate","🧠 Agent Skills","Skills \u0026 Plugins","Development \u0026 Engineering"],"sub_categories":["Habilidades de la Comunidad","Reference Implementations","Core Development Skills"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSawyerHood%2Fdev-browser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSawyerHood%2Fdev-browser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSawyerHood%2Fdev-browser/lists"}