[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6K0AD31JCMS267XDQYFSHVC":3,"skill-same:01M6K0AD31JCMS267XDQYFSHVC":77},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":22,"publishedAt":40,"linkOnly":41,"markdownContent":42,"markdownBody":43,"frontMatter":44,"refName":51,"commitSha":52,"skillDirectory":53,"forksCount":13,"repositoryHtmlUrl":54,"repositoryHomepageUrl":6,"ownerHtmlUrl":55,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":56,"install":57,"resources":70},"01M6K0AD31JCMS267XDQYFSHVC","agent-browser",null,"Headless browser automation CLI optimized for AI agents with accessibility tree snapshots and ref-based element selection","sigitpoerwo\u002Frepoworkspace_zahra","sigitpoerwo","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F260207224?v=4","01M6K000PB6NA0N6SQ7VFMEAFZ","01M6K000V4N0CEHNPPQA9TNQNX",0,"MIT","https:\u002F\u002Fgithub.com\u002Fsigitpoerwo\u002Frepoworkspace_zahra\u002Fblob\u002Fmain\u002Fskills\u002F03-BELUM-DICOBA\u002Fdari-clawhub\u002Fnew\u002Fagent-browser-clawdbot-0.1.0\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[23,24,25,5,26,27,28,29,30,31,32,33,34,35,36,37,38,39],"agent browser","browser","vercel","for","headless","tree","with","element","selection","snapshots","cli","https","accessibility","automation","ai agents","github","browser automation","2026-11-10 10:12:30",false,"---\nname: agent-browser\ndescription: Headless browser automation CLI optimized for AI agents with accessibility tree snapshots and ref-based element selection\nmetadata: {\"clawdbot\":{\"emoji\":\"?\",\"requires\":{\"commands\":[\"agent-browser\"]},\"homepage\":\"https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-browser\"}}\n---\n\n# Agent Browser Skill\n\nFast browser automation using accessibility tree snapshots with refs for deterministic element selection.\n\n## Why Use This Over Built-in Browser Tool\n\n**Use agent-browser when:**\n- Automating multi-step workflows\n- Need deterministic element selection\n- Performance is critical\n- Working with complex SPAs\n- Need session isolation\n\n**Use built-in browser tool when:**\n- Need screenshots\u002FPDFs for analysis\n- Visual inspection required\n- Browser extension integration needed\n\n## Core Workflow\n\n```bash\n# 1. Navigate and snapshot\nagent-browser open https:\u002F\u002Fexample.com\nagent-browser snapshot -i --json\n\n# 2. Parse refs from JSON, then interact\nagent-browser click @e2\nagent-browser fill @e3 \"text\"\n\n# 3. Re-snapshot after page changes\nagent-browser snapshot -i --json\n```\n\n## Key Commands\n\n### Navigation\n```bash\nagent-browser open \u003Curl>\nagent-browser back | forward | reload | close\n```\n\n### Snapshot (Always use -i --json)\n```bash\nagent-browser snapshot -i --json          # Interactive elements, JSON output\nagent-browser snapshot -i -c -d 5 --json  # + compact, depth limit\nagent-browser snapshot -s \"#main\" -i      # Scope to selector\n```\n\n### Interactions (Ref-based)\n```bash\nagent-browser click @e2\nagent-browser fill @e3 \"text\"\nagent-browser type @e3 \"text\"\nagent-browser hover @e4\nagent-browser check @e5 | uncheck @e5\nagent-browser select @e6 \"value\"\nagent-browser press \"Enter\"\nagent-browser scroll down 500\nagent-browser drag @e7 @e8\n```\n\n### Get Information\n```bash\nagent-browser get text @e1 --json\nagent-browser get html @e2 --json\nagent-browser get value @e3 --json\nagent-browser get attr @e4 \"href\" --json\nagent-browser get title --json\nagent-browser get url --json\nagent-browser get count \".item\" --json\n```\n\n### Check State\n```bash\nagent-browser is visible @e2 --json\nagent-browser is enabled @e3 --json\nagent-browser is checked @e4 --json\n```\n\n### Wait\n```bash\nagent-browser wait @e2                    # Wait for element\nagent-browser wait 1000                   # Wait ms\nagent-browser wait --text \"Welcome\"       # Wait for text\nagent-browser wait --url \"**\u002Fdashboard\"   # Wait for URL\nagent-browser wait --load networkidle     # Wait for network\nagent-browser wait --fn \"window.ready === true\"\n```\n\n### Sessions (Isolated Browsers)\n```bash\nagent-browser --session admin open site.com\nagent-browser --session user open site.com\nagent-browser session list\n# Or via env: AGENT_BROWSER_SESSION=admin agent-browser ...\n```\n\n### State Persistence\n```bash\nagent-browser state save auth.json        # Save cookies\u002Fstorage\nagent-browser state load auth.json        # Load (skip login)\n```\n\n### Screenshots & PDFs\n```bash\nagent-browser screenshot page.png\nagent-browser screenshot --full page.png\nagent-browser pdf page.pdf\n```\n\n### Network Control\n```bash\nagent-browser network route \"**\u002Fads\u002F*\" --abort           # Block\nagent-browser network route \"**\u002Fapi\u002F*\" --body '{\"x\":1}'  # Mock\nagent-browser network requests --filter api              # View\n```\n\n### Cookies & Storage\n```bash\nagent-browser cookies                     # Get all\nagent-browser cookies set name value\nagent-browser storage local key           # Get localStorage\nagent-browser storage local set key val\n```\n\n### Tabs & Frames\n```bash\nagent-browser tab new https:\u002F\u002Fexample.com\nagent-browser tab 2                       # Switch to tab\nagent-browser frame @e5                   # Switch to iframe\nagent-browser frame main                  # Back to main\n```\n\n## Snapshot Output Format\n\n```json\n{\n  \"success\": true,\n  \"data\": {\n    \"snapshot\": \"...\",\n    \"refs\": {\n      \"e1\": {\"role\": \"heading\", \"name\": \"Example Domain\"},\n      \"e2\": {\"role\": \"button\", \"name\": \"Submit\"},\n      \"e3\": {\"role\": \"textbox\", \"name\": \"Email\"}\n    }\n  }\n}\n```\n\n## Best Practices\n\n1. **Always use `-i` flag** - Focus on interactive elements\n2. **Always use `--json`** - Easier to parse\n3. **Wait for stability** - `agent-browser wait --load networkidle`\n4. **Save auth state** - Skip login flows with `state save\u002Fload`\n5. **Use sessions** - Isolate different browser contexts\n6. **Use `--headed` for debugging** - See what's happening\n\n## Example: Search and Extract\n\n```bash\nagent-browser open https:\u002F\u002Fwww.google.com\nagent-browser snapshot -i --json\n# AI identifies search box @e1\nagent-browser fill @e1 \"AI agents\"\nagent-browser press Enter\nagent-browser wait --load networkidle\nagent-browser snapshot -i --json\n# AI identifies result refs\nagent-browser get text @e3 --json\nagent-browser get attr @e4 \"href\" --json\n```\n\n## Example: Multi-Session Testing\n\n```bash\n# Admin session\nagent-browser --session admin open app.com\nagent-browser --session admin state load admin-auth.json\nagent-browser --session admin snapshot -i --json\n\n# User session (simultaneous)\nagent-browser --session user open app.com\nagent-browser --session user state load user-auth.json\nagent-browser --session user snapshot -i --json\n```\n\n## Installation\n\n```bash\nnpm install -g agent-browser\nagent-browser install                     # Download Chromium\nagent-browser install --with-deps         # Linux: + system deps\n```\n\n## Credits\n\nSkill created by Yossi Elkrief ([@MaTriXy](https:\u002F\u002Fgithub.com\u002FMaTriXy))\n\nagent-browser CLI by [Vercel Labs](https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-browser)\n","# Agent Browser Skill\n\nFast browser automation using accessibility tree snapshots with refs for deterministic element selection.\n\n## Why Use This Over Built-in Browser Tool\n\n**Use agent-browser when:**\n- Automating multi-step workflows\n- Need deterministic element selection\n- Performance is critical\n- Working with complex SPAs\n- Need session isolation\n\n**Use built-in browser tool when:**\n- Need screenshots\u002FPDFs for analysis\n- Visual inspection required\n- Browser extension integration needed\n\n## Core Workflow\n\n```bash\n# 1. Navigate and snapshot\nagent-browser open https:\u002F\u002Fexample.com\nagent-browser snapshot -i --json\n\n# 2. Parse refs from JSON, then interact\nagent-browser click @e2\nagent-browser fill @e3 \"text\"\n\n# 3. Re-snapshot after page changes\nagent-browser snapshot -i --json\n```\n\n## Key Commands\n\n### Navigation\n```bash\nagent-browser open \u003Curl>\nagent-browser back | forward | reload | close\n```\n\n### Snapshot (Always use -i --json)\n```bash\nagent-browser snapshot -i --json          # Interactive elements, JSON output\nagent-browser snapshot -i -c -d 5 --json  # + compact, depth limit\nagent-browser snapshot -s \"#main\" -i      # Scope to selector\n```\n\n### Interactions (Ref-based)\n```bash\nagent-browser click @e2\nagent-browser fill @e3 \"text\"\nagent-browser type @e3 \"text\"\nagent-browser hover @e4\nagent-browser check @e5 | uncheck @e5\nagent-browser select @e6 \"value\"\nagent-browser press \"Enter\"\nagent-browser scroll down 500\nagent-browser drag @e7 @e8\n```\n\n### Get Information\n```bash\nagent-browser get text @e1 --json\nagent-browser get html @e2 --json\nagent-browser get value @e3 --json\nagent-browser get attr @e4 \"href\" --json\nagent-browser get title --json\nagent-browser get url --json\nagent-browser get count \".item\" --json\n```\n\n### Check State\n```bash\nagent-browser is visible @e2 --json\nagent-browser is enabled @e3 --json\nagent-browser is checked @e4 --json\n```\n\n### Wait\n```bash\nagent-browser wait @e2                    # Wait for element\nagent-browser wait 1000                   # Wait ms\nagent-browser wait --text \"Welcome\"       # Wait for text\nagent-browser wait --url \"**\u002Fdashboard\"   # Wait for URL\nagent-browser wait --load networkidle     # Wait for network\nagent-browser wait --fn \"window.ready === true\"\n```\n\n### Sessions (Isolated Browsers)\n```bash\nagent-browser --session admin open site.com\nagent-browser --session user open site.com\nagent-browser session list\n# Or via env: AGENT_BROWSER_SESSION=admin agent-browser ...\n```\n\n### State Persistence\n```bash\nagent-browser state save auth.json        # Save cookies\u002Fstorage\nagent-browser state load auth.json        # Load (skip login)\n```\n\n### Screenshots & PDFs\n```bash\nagent-browser screenshot page.png\nagent-browser screenshot --full page.png\nagent-browser pdf page.pdf\n```\n\n### Network Control\n```bash\nagent-browser network route \"**\u002Fads\u002F*\" --abort           # Block\nagent-browser network route \"**\u002Fapi\u002F*\" --body '{\"x\":1}'  # Mock\nagent-browser network requests --filter api              # View\n```\n\n### Cookies & Storage\n```bash\nagent-browser cookies                     # Get all\nagent-browser cookies set name value\nagent-browser storage local key           # Get localStorage\nagent-browser storage local set key val\n```\n\n### Tabs & Frames\n```bash\nagent-browser tab new https:\u002F\u002Fexample.com\nagent-browser tab 2                       # Switch to tab\nagent-browser frame @e5                   # Switch to iframe\nagent-browser frame main                  # Back to main\n```\n\n## Snapshot Output Format\n\n```json\n{\n  \"success\": true,\n  \"data\": {\n    \"snapshot\": \"...\",\n    \"refs\": {\n      \"e1\": {\"role\": \"heading\", \"name\": \"Example Domain\"},\n      \"e2\": {\"role\": \"button\", \"name\": \"Submit\"},\n      \"e3\": {\"role\": \"textbox\", \"name\": \"Email\"}\n    }\n  }\n}\n```\n\n## Best Practices\n\n1. **Always use `-i` flag** - Focus on interactive elements\n2. **Always use `--json`** - Easier to parse\n3. **Wait for stability** - `agent-browser wait --load networkidle`\n4. **Save auth state** - Skip login flows with `state save\u002Fload`\n5. **Use sessions** - Isolate different browser contexts\n6. **Use `--headed` for debugging** - See what's happening\n\n## Example: Search and Extract\n\n```bash\nagent-browser open https:\u002F\u002Fwww.google.com\nagent-browser snapshot -i --json\n# AI identifies search box @e1\nagent-browser fill @e1 \"AI agents\"\nagent-browser press Enter\nagent-browser wait --load networkidle\nagent-browser snapshot -i --json\n# AI identifies result refs\nagent-browser get text @e3 --json\nagent-browser get attr @e4 \"href\" --json\n```\n\n## Example: Multi-Session Testing\n\n```bash\n# Admin session\nagent-browser --session admin open app.com\nagent-browser --session admin state load admin-auth.json\nagent-browser --session admin snapshot -i --json\n\n# User session (simultaneous)\nagent-browser --session user open app.com\nagent-browser --session user state load user-auth.json\nagent-browser --session user snapshot -i --json\n```\n\n## Installation\n\n```bash\nnpm install -g agent-browser\nagent-browser install                     # Download Chromium\nagent-browser install --with-deps         # Linux: + system deps\n```\n\n## Credits\n\nSkill created by Yossi Elkrief ([@MaTriXy](https:\u002F\u002Fgithub.com\u002FMaTriXy))\n\nagent-browser CLI by [Vercel Labs](https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-browser)\n",{"name":5,"metadata":45,"description":7},{"clawdbot":46},{"emoji":47,"homepage":48,"requires":49},"?","https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-browser",{"commands":50},[5],"main","000d804ba753926ec0eca35be68bdb42da72c672","skills\u002F03-BELUM-DICOBA\u002Fdari-clawhub\u002Fnew\u002Fagent-browser-clawdbot-0.1.0","https:\u002F\u002Fgithub.com\u002Fsigitpoerwo\u002Frepoworkspace_zahra","https:\u002F\u002Fgithub.com\u002Fsigitpoerwo","2026-04-05 09:27:05",{"source":8,"skillName":5,"commands":58,"prompt":68,"zipAvailable":69},[59,62,65],{"tool":60,"command":61},"npx","npx skills add sigitpoerwo\u002Frepoworkspace_zahra --skill agent-browser",{"tool":63,"command":64},"bunx","bunx skills add sigitpoerwo\u002Frepoworkspace_zahra --skill agent-browser",{"tool":66,"command":67},"pnpm","pnpm dlx skills add sigitpoerwo\u002Frepoworkspace_zahra --skill agent-browser","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fsigitpoerwo\u002Frepoworkspace_zahra\u002Fblob\u002Fmain\u002Fskills\u002F03-BELUM-DICOBA\u002Fdari-clawhub\u002Fnew\u002Fagent-browser-clawdbot-0.1.0\u002FSKILL.md",true,[71],{"path":72,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":75,"sourceHtmlUrl":76},"_meta.json","REFERENCE","参考文档",141,"https:\u002F\u002Fgithub.com\u002Fsigitpoerwo\u002Frepoworkspace_zahra\u002Fblob\u002Fmain\u002Fskills\u002F03-BELUM-DICOBA\u002Fdari-clawhub\u002Fnew\u002Fagent-browser-clawdbot-0.1.0\u002F_meta.json",[78,117,141,156,167,173],{"skillNo":79,"name":80,"nameZh":6,"description":81,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":82,"categories":83,"keywords":96,"publishedAt":40},"01M6K0FJ41XMDT72PK0E3ZJF9P","zahra-workspace-manager","Comprehensive workspace management skill for Zahra Maurita's development environment. Use when managing projects across 8 divisions (Web, App, AI Agent, Bot, Content, Marketing, Research, Business), organizing files, tracking progress, managing memory, or coordinating multi-domain work. Triggers on mentions of workspace organization, project management, division-specific tasks, memory updates, or cross-domain coordination.","https:\u002F\u002Fgithub.com\u002Fsigitpoerwo\u002Frepoworkspace_zahra\u002Fblob\u002Fmain\u002Fskills\u002Fzahra-workspace-manager\u002FSKILL.md",[84,87,90,91],{"categoryNo":85,"categoryName":86,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":88,"categoryName":89,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000021","资料检索与研究",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":92,"categoryName":93,"taxonomyType":94,"taxonomyTypeDesc":95},"01JBSEEDCAT000000000000035","市场营销","PROFESSION","适用职业",[97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116],"workspace","workspace manager","manager","zahra workspace manager","work","updates","progress","app","project","across","multi-domain","files","command","coordination","projects","search","tasks","ai agent","memory","bot",{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":124,"publishedAt":40},"01M6K0FBZYXG5M8VBW5R6TPKEP","tinyfish","AI-powered web automation using TinyFish Web Agent. Use when you need to scrape data from websites, automate form filling, extract structured information, or perform any web-based task using natural language instructions. Works with any website including those with JavaScript, dynamic content, and bot protection.","https:\u002F\u002Fgithub.com\u002Fsigitpoerwo\u002Frepoworkspace_zahra\u002Fblob\u002Fmain\u002Fskills\u002F05-CUSTOM-SKILLS\u002Ftinyfish\u002FSKILL.md",[123],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[119,29,125,126,127,128,129,130,131,132,133,134,135,116,136,137,138,139,36,140],"natural language","web automation","form","information","scrape","task","language","protection","use","instructions","automate","you","website","web","javascript","data",{"skillNo":142,"name":143,"nameZh":6,"description":144,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":145,"categories":146,"keywords":148,"publishedAt":40},"01M6K0F57WDT62QNXTTC6YS34D","tinyfish-openclaw","TinyFish Web Agent integration for OpenClaw. Use this skill to scrape websites, automate web tasks, extract structured data, and perform browser automation using natural language. Works seamlessly with OpenClaw's MCP protocol.","https:\u002F\u002Fgithub.com\u002Fsigitpoerwo\u002Frepoworkspace_zahra\u002Fblob\u002Fmain\u002Fskills\u002F05-CUSTOM-SKILLS\u002Ftinyfish-openclaw\u002FSKILL.md",[147],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[119,149,150,36,151,39,152,138,135,26,29,125,133,129,140,153,154,24,155,113],"openclaw","tinyfish openclaw","structured data","MCP","integration","mcp protocol","protocol",{"skillNo":157,"name":158,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":159,"categories":160,"keywords":166,"publishedAt":40},"01M6K0E9ZWFTG44SK6G2ARS39Z","autoresearchclaw","https:\u002F\u002Fgithub.com\u002Fsigitpoerwo\u002Frepoworkspace_zahra\u002Fblob\u002Fmain\u002Fskills\u002F05-CUSTOM-SKILLS\u002Fautoresearchclaw\u002FSKILL.md",[161,164,165],{"categoryNo":162,"categoryName":163,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000008","测试与质量",{"categoryNo":88,"categoryName":89,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[158],{"skillNo":168,"name":169,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":170,"categories":171,"keywords":172,"publishedAt":40},"01M6K0E6ZAEJFYDXM4GANCKZY0","researchclaw","https:\u002F\u002Fgithub.com\u002Fsigitpoerwo\u002Frepoworkspace_zahra\u002Fblob\u002Fmain\u002Fskills\u002F05-CUSTOM-SKILLS\u002Fautoresearchclaw\u002F.claude\u002Fskills\u002Fresearchclaw\u002FSKILL.md",[],[169],{"skillNo":174,"name":175,"nameZh":6,"description":176,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":177,"categories":178,"keywords":180,"publishedAt":40},"01M6K0E1B6RZ8T2S7RMWQ6BVWW","academic-research-assistant","Research assistant for management & digital business academics - literature review, paper analysis, citation management, research methodology","https:\u002F\u002Fgithub.com\u002Fsigitpoerwo\u002Frepoworkspace_zahra\u002Fblob\u002Fmain\u002Fskills\u002F05-CUSTOM-SKILLS\u002Facademic-research-assistant\u002FSKILL.md",[179],{"categoryNo":88,"categoryName":89,"taxonomyType":20,"taxonomyTypeDesc":21},[181,182,183,184,185,186,26,187,188,189,190,191,192,193,194,195,196,197],"research assistant","academic research assistant","Academic","assistant","research","paper analysis","literature","paper","Citation","research methodology","business","management","literature review","analysis","citation management","methodology","review"]