[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CFH6DR443318AYYYB14PPM":3,"skill-same:01M6CFH6DR443318AYYYB14PPM":82},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":26,"publishedAt":42,"linkOnly":43,"markdownContent":44,"markdownBody":45,"frontMatter":46,"refName":47,"commitSha":48,"skillDirectory":49,"forksCount":50,"repositoryHtmlUrl":51,"repositoryHomepageUrl":52,"ownerHtmlUrl":53,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":54,"install":55,"resources":68},"01M6CFH6DR443318AYYYB14PPM","agent-browser",null,"AI-optimized browser automation CLI with context-efficient snapshots. Use for long autonomous sessions, self-verifying workflows, video recording, and cloud browser testing (Browserbase).","hoanghd218\u002Fdocons","hoanghd218","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F49197448?v=4","01M6CEG06HBF8MQKQX19CR32ME","Hoang218","01M6CFGYFPDRM365Q0JTRNVJJ8",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fagent-browser\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41],"agent browser","browser","testing","cli","browser automation","automation","workflows","sessions","browser testing","cloud","Video","context","autonomous","use","snapshots","2026-11-10 10:12:30",false,"---\nname: agent-browser\ndescription: AI-optimized browser automation CLI with context-efficient snapshots. Use for long autonomous sessions, self-verifying workflows, video recording, and cloud browser testing (Browserbase).\nlicense: Apache-2.0\n---\n\n# agent-browser Skill\n\nBrowser automation CLI designed for AI agents. Uses \"snapshot + refs\" paradigm for 93% less context than Playwright MCP.\n\n## Quick Start\n\n```bash\n# Install globally\nnpm install -g agent-browser\n\n# Download Chromium (one-time)\nagent-browser install\n\n# Linux: include system deps\nagent-browser install --with-deps\n\n# Verify\nagent-browser --version\n```\n\n## Core Workflow\n\nThe 4-step pattern for all browser automation:\n\n```bash\n# 1. Navigate\nagent-browser open https:\u002F\u002Fexample.com\n\n# 2. Snapshot (get interactive elements with refs)\nagent-browser snapshot -i\n# Output: button \"Sign In\" @e1, textbox \"Email\" @e2, ...\n\n# 3. Interact using refs\nagent-browser fill @e2 \"user@example.com\"\nagent-browser click @e1\n\n# 4. Re-snapshot after page changes\nagent-browser snapshot -i\n```\n\n## When to Use (vs chrome-devtools)\n\n| Use agent-browser | Use chrome-devtools |\n|-------------------|---------------------|\n| Long autonomous AI sessions | Quick one-off screenshots |\n| Context-constrained workflows | Custom Puppeteer scripts needed |\n| Video recording for debugging | WebSocket full frame debugging |\n| Cloud browsers (Browserbase) | Existing workflow integration |\n| Multi-tab handling | Need Sharp auto-compression |\n| Self-verifying build loops | Session with auth injection |\n\n**Token efficiency:** ~280 chars\u002Fsnapshot vs 8K+ for Playwright MCP.\n\n## Command Reference\n\n### Navigation\n```bash\nagent-browser open \u003Curl>       # Navigate to URL\nagent-browser back             # Go back\nagent-browser forward          # Go forward\nagent-browser reload           # Reload page\nagent-browser close            # Close browser\n```\n\n### Analysis (Snapshot)\n```bash\nagent-browser snapshot         # Full accessibility tree\nagent-browser snapshot -i      # Interactive elements only (recommended)\nagent-browser snapshot -c      # Compact output\nagent-browser snapshot -d 3    # Limit depth\nagent-browser snapshot -s \"nav\" # Scope to CSS selector\n```\n\n### Interactions (use @refs from snapshot)\n```bash\nagent-browser click @e1        # Click element\nagent-browser dblclick @e1     # Double-click\nagent-browser fill @e2 \"text\"  # Clear and fill input\nagent-browser type @e2 \"text\"  # Type without clearing\nagent-browser press Enter      # Press key\nagent-browser hover @e1        # Hover over element\nagent-browser check @e3        # Check checkbox\nagent-browser uncheck @e3      # Uncheck checkbox\nagent-browser select @e4 \"opt\" # Select dropdown option\nagent-browser scroll @e1       # Scroll element into view\nagent-browser scroll down 500  # Scroll page by pixels\nagent-browser drag @e1 @e2     # Drag from e1 to e2\nagent-browser upload @e5 file.pdf  # Upload file\n```\n\n### Information Retrieval\n```bash\nagent-browser get text @e1     # Get text content\nagent-browser get html @e1     # Get HTML\nagent-browser get value @e2    # Get input value\nagent-browser get attr @e1 href  # Get attribute\nagent-browser get title        # Page title\nagent-browser get url          # Current URL\nagent-browser get count \"li\"   # Count elements\nagent-browser get box @e1      # Bounding box\n```\n\n### State Checks\n```bash\nagent-browser is visible @e1   # Check visibility\nagent-browser is enabled @e1   # Check if enabled\nagent-browser is checked @e3   # Check if checked\n```\n\n### Media\n```bash\nagent-browser screenshot           # Capture viewport\nagent-browser screenshot --full    # Full page\nagent-browser screenshot -o ss.png # Save to file\nagent-browser pdf -o page.pdf      # Export PDF\nagent-browser record start         # Start video recording\nagent-browser record stop          # Stop and save video\nagent-browser record restart       # Restart recording\n```\n\n### Wait Conditions\n```bash\nagent-browser wait @e1                    # Wait for element\nagent-browser wait --text \"Success\"       # Wait for text to appear\nagent-browser wait --url \"\u002Fdashboard\"     # Wait for URL pattern\nagent-browser wait --load                 # Wait for page load\nagent-browser wait --idle                 # Wait for network idle\nagent-browser wait --fn \"() => window.ready\"  # Wait for JS condition\n```\n\n### Browser Configuration\n```bash\nagent-browser viewport 1920 1080   # Set viewport size\nagent-browser device \"iPhone 14\"   # Emulate device\nagent-browser geolocation 40.7 -74.0  # Set geolocation\nagent-browser offline true         # Enable offline mode\nagent-browser headers '{\"X-Custom\":\"val\"}'  # Set headers\nagent-browser credentials user pass  # HTTP auth\nagent-browser color-scheme dark    # Set color scheme\n```\n\n### Storage Management\n```bash\nagent-browser cookies              # List cookies\nagent-browser cookies set name=val # Set cookie\nagent-browser cookies clear        # Clear cookies\nagent-browser storage local        # Get localStorage\nagent-browser storage session      # Get sessionStorage\nagent-browser state save auth.json # Save browser state\nagent-browser state load auth.json # Load browser state\n```\n\n### Network Control\n```bash\nagent-browser network route \"**\u002F*.jpg\" --abort    # Block requests\nagent-browser network route \"**\u002Fapi\u002F*\" --body '{\"data\":[]}'  # Mock response\nagent-browser network unroute \"**\u002F*.jpg\"          # Remove specific route\nagent-browser network requests                    # List intercepted requests\n```\n\n### Semantic Finding\n```bash\nagent-browser find role button           # Find by ARIA role\nagent-browser find text \"Submit\"         # Find by text content\nagent-browser find label \"Email\"         # Find by label\nagent-browser find placeholder \"Search\"  # Find by placeholder\nagent-browser find testid \"login-btn\"    # Find by data-testid\nagent-browser find first \"button\"        # First matching element\nagent-browser find last \"li\"             # Last matching element\nagent-browser find nth 2 \"li\"            # Nth element (0-indexed)\n```\n\n### Advanced\n```bash\nagent-browser tabs                 # List tabs\nagent-browser tab new              # New tab\nagent-browser tab 2                # Switch to tab\nagent-browser tab close            # Close current tab\nagent-browser frame 0              # Switch to frame\nagent-browser dialog accept        # Accept dialog\nagent-browser dialog dismiss       # Dismiss dialog\nagent-browser eval \"document.title\"  # Execute JS\nagent-browser highlight @e1        # Highlight element visually\nagent-browser mouse move 100 200   # Move mouse to coordinates\nagent-browser mouse down           # Mouse button down\nagent-browser mouse up             # Mouse button up\n```\n\n## Global Options\n\n| Option | Description |\n|--------|-------------|\n| `--session \u003Cname>` | Named session for parallel testing |\n| `--json` | JSON output for parsing |\n| `--headed` | Show browser window |\n| `--cdp \u003Cport>` | Connect via Chrome DevTools Protocol |\n| `-p \u003Cprovider>` | Cloud browser provider |\n| `--proxy \u003Curl>` | Proxy server |\n| `--headers \u003Cjson>` | Custom HTTP headers |\n| `--executable-path` | Custom browser binary |\n| `--extension \u003Cpath>` | Load browser extension |\n\n## Environment Variables\n\n| Variable | Description |\n|----------|-------------|\n| `AGENT_BROWSER_SESSION` | Default session name |\n| `AGENT_BROWSER_PROVIDER` | Cloud provider (e.g., browserbase) |\n| `AGENT_BROWSER_EXECUTABLE_PATH` | Browser binary location |\n| `AGENT_BROWSER_EXTENSIONS` | Comma-separated extension paths |\n| `AGENT_BROWSER_STREAM_PORT` | WebSocket streaming port |\n| `AGENT_BROWSER_HOME` | Custom installation directory |\n| `AGENT_BROWSER_PROFILE` | Browser profile directory |\n| `BROWSERBASE_API_KEY` | Browserbase API key |\n| `BROWSERBASE_PROJECT_ID` | Browserbase project ID |\n\n## Common Patterns\n\n### Form Submission\n```bash\nagent-browser open https:\u002F\u002Fexample.com\u002Flogin\nagent-browser snapshot -i\nagent-browser fill @e1 \"user@example.com\"\nagent-browser fill @e2 \"password123\"\nagent-browser click @e3  # Submit button\nagent-browser wait url \"\u002Fdashboard\"\n```\n\n### State Persistence (Auth)\n```bash\n# Save authenticated state\nagent-browser open https:\u002F\u002Fexample.com\u002Flogin\n# ... login steps ...\nagent-browser state save auth.json\n\n# Reuse in future sessions\nagent-browser state load auth.json\nagent-browser open https:\u002F\u002Fexample.com\u002Fdashboard\n```\n\n### Video Recording (Debugging)\n```bash\nagent-browser open https:\u002F\u002Fexample.com\nagent-browser record start\n# ... perform actions ...\nagent-browser record stop  # Saves to recording.webm\n```\n\n### Parallel Sessions\n```bash\n# Terminal 1\nagent-browser --session test1 open https:\u002F\u002Fexample.com\n\n# Terminal 2\nagent-browser --session test2 open https:\u002F\u002Fexample.com\n```\n\n## Cloud Browsers (Browserbase)\n\nFor CI\u002FCD or environments without local browser:\n\n```bash\n# Set credentials\nexport BROWSERBASE_API_KEY=\"your-api-key\"\nexport BROWSERBASE_PROJECT_ID=\"your-project-id\"\n\n# Use cloud browser\nagent-browser -p browserbase open https:\u002F\u002Fexample.com\n```\n\nSee `references\u002Fbrowserbase-cloud-setup.md` for detailed setup.\n\n## Troubleshooting\n\n| Issue | Solution |\n|-------|----------|\n| Command not found | Run `npm install -g agent-browser` |\n| Chromium missing | Run `agent-browser install` |\n| Linux deps missing | Run `agent-browser install --with-deps` |\n| Session stale | Close browser: `agent-browser close` |\n| Element not found | Re-run `snapshot -i` after page changes |\n\n## Resources\n\n- [GitHub Repository](https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-browser)\n- [Official Documentation](https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-browser#readme)\n- [Browserbase Docs](https:\u002F\u002Fdocs.browserbase.com\u002F)\n","# agent-browser Skill\n\nBrowser automation CLI designed for AI agents. Uses \"snapshot + refs\" paradigm for 93% less context than Playwright MCP.\n\n## Quick Start\n\n```bash\n# Install globally\nnpm install -g agent-browser\n\n# Download Chromium (one-time)\nagent-browser install\n\n# Linux: include system deps\nagent-browser install --with-deps\n\n# Verify\nagent-browser --version\n```\n\n## Core Workflow\n\nThe 4-step pattern for all browser automation:\n\n```bash\n# 1. Navigate\nagent-browser open https:\u002F\u002Fexample.com\n\n# 2. Snapshot (get interactive elements with refs)\nagent-browser snapshot -i\n# Output: button \"Sign In\" @e1, textbox \"Email\" @e2, ...\n\n# 3. Interact using refs\nagent-browser fill @e2 \"user@example.com\"\nagent-browser click @e1\n\n# 4. Re-snapshot after page changes\nagent-browser snapshot -i\n```\n\n## When to Use (vs chrome-devtools)\n\n| Use agent-browser | Use chrome-devtools |\n|-------------------|---------------------|\n| Long autonomous AI sessions | Quick one-off screenshots |\n| Context-constrained workflows | Custom Puppeteer scripts needed |\n| Video recording for debugging | WebSocket full frame debugging |\n| Cloud browsers (Browserbase) | Existing workflow integration |\n| Multi-tab handling | Need Sharp auto-compression |\n| Self-verifying build loops | Session with auth injection |\n\n**Token efficiency:** ~280 chars\u002Fsnapshot vs 8K+ for Playwright MCP.\n\n## Command Reference\n\n### Navigation\n```bash\nagent-browser open \u003Curl>       # Navigate to URL\nagent-browser back             # Go back\nagent-browser forward          # Go forward\nagent-browser reload           # Reload page\nagent-browser close            # Close browser\n```\n\n### Analysis (Snapshot)\n```bash\nagent-browser snapshot         # Full accessibility tree\nagent-browser snapshot -i      # Interactive elements only (recommended)\nagent-browser snapshot -c      # Compact output\nagent-browser snapshot -d 3    # Limit depth\nagent-browser snapshot -s \"nav\" # Scope to CSS selector\n```\n\n### Interactions (use @refs from snapshot)\n```bash\nagent-browser click @e1        # Click element\nagent-browser dblclick @e1     # Double-click\nagent-browser fill @e2 \"text\"  # Clear and fill input\nagent-browser type @e2 \"text\"  # Type without clearing\nagent-browser press Enter      # Press key\nagent-browser hover @e1        # Hover over element\nagent-browser check @e3        # Check checkbox\nagent-browser uncheck @e3      # Uncheck checkbox\nagent-browser select @e4 \"opt\" # Select dropdown option\nagent-browser scroll @e1       # Scroll element into view\nagent-browser scroll down 500  # Scroll page by pixels\nagent-browser drag @e1 @e2     # Drag from e1 to e2\nagent-browser upload @e5 file.pdf  # Upload file\n```\n\n### Information Retrieval\n```bash\nagent-browser get text @e1     # Get text content\nagent-browser get html @e1     # Get HTML\nagent-browser get value @e2    # Get input value\nagent-browser get attr @e1 href  # Get attribute\nagent-browser get title        # Page title\nagent-browser get url          # Current URL\nagent-browser get count \"li\"   # Count elements\nagent-browser get box @e1      # Bounding box\n```\n\n### State Checks\n```bash\nagent-browser is visible @e1   # Check visibility\nagent-browser is enabled @e1   # Check if enabled\nagent-browser is checked @e3   # Check if checked\n```\n\n### Media\n```bash\nagent-browser screenshot           # Capture viewport\nagent-browser screenshot --full    # Full page\nagent-browser screenshot -o ss.png # Save to file\nagent-browser pdf -o page.pdf      # Export PDF\nagent-browser record start         # Start video recording\nagent-browser record stop          # Stop and save video\nagent-browser record restart       # Restart recording\n```\n\n### Wait Conditions\n```bash\nagent-browser wait @e1                    # Wait for element\nagent-browser wait --text \"Success\"       # Wait for text to appear\nagent-browser wait --url \"\u002Fdashboard\"     # Wait for URL pattern\nagent-browser wait --load                 # Wait for page load\nagent-browser wait --idle                 # Wait for network idle\nagent-browser wait --fn \"() => window.ready\"  # Wait for JS condition\n```\n\n### Browser Configuration\n```bash\nagent-browser viewport 1920 1080   # Set viewport size\nagent-browser device \"iPhone 14\"   # Emulate device\nagent-browser geolocation 40.7 -74.0  # Set geolocation\nagent-browser offline true         # Enable offline mode\nagent-browser headers '{\"X-Custom\":\"val\"}'  # Set headers\nagent-browser credentials user pass  # HTTP auth\nagent-browser color-scheme dark    # Set color scheme\n```\n\n### Storage Management\n```bash\nagent-browser cookies              # List cookies\nagent-browser cookies set name=val # Set cookie\nagent-browser cookies clear        # Clear cookies\nagent-browser storage local        # Get localStorage\nagent-browser storage session      # Get sessionStorage\nagent-browser state save auth.json # Save browser state\nagent-browser state load auth.json # Load browser state\n```\n\n### Network Control\n```bash\nagent-browser network route \"**\u002F*.jpg\" --abort    # Block requests\nagent-browser network route \"**\u002Fapi\u002F*\" --body '{\"data\":[]}'  # Mock response\nagent-browser network unroute \"**\u002F*.jpg\"          # Remove specific route\nagent-browser network requests                    # List intercepted requests\n```\n\n### Semantic Finding\n```bash\nagent-browser find role button           # Find by ARIA role\nagent-browser find text \"Submit\"         # Find by text content\nagent-browser find label \"Email\"         # Find by label\nagent-browser find placeholder \"Search\"  # Find by placeholder\nagent-browser find testid \"login-btn\"    # Find by data-testid\nagent-browser find first \"button\"        # First matching element\nagent-browser find last \"li\"             # Last matching element\nagent-browser find nth 2 \"li\"            # Nth element (0-indexed)\n```\n\n### Advanced\n```bash\nagent-browser tabs                 # List tabs\nagent-browser tab new              # New tab\nagent-browser tab 2                # Switch to tab\nagent-browser tab close            # Close current tab\nagent-browser frame 0              # Switch to frame\nagent-browser dialog accept        # Accept dialog\nagent-browser dialog dismiss       # Dismiss dialog\nagent-browser eval \"document.title\"  # Execute JS\nagent-browser highlight @e1        # Highlight element visually\nagent-browser mouse move 100 200   # Move mouse to coordinates\nagent-browser mouse down           # Mouse button down\nagent-browser mouse up             # Mouse button up\n```\n\n## Global Options\n\n| Option | Description |\n|--------|-------------|\n| `--session \u003Cname>` | Named session for parallel testing |\n| `--json` | JSON output for parsing |\n| `--headed` | Show browser window |\n| `--cdp \u003Cport>` | Connect via Chrome DevTools Protocol |\n| `-p \u003Cprovider>` | Cloud browser provider |\n| `--proxy \u003Curl>` | Proxy server |\n| `--headers \u003Cjson>` | Custom HTTP headers |\n| `--executable-path` | Custom browser binary |\n| `--extension \u003Cpath>` | Load browser extension |\n\n## Environment Variables\n\n| Variable | Description |\n|----------|-------------|\n| `AGENT_BROWSER_SESSION` | Default session name |\n| `AGENT_BROWSER_PROVIDER` | Cloud provider (e.g., browserbase) |\n| `AGENT_BROWSER_EXECUTABLE_PATH` | Browser binary location |\n| `AGENT_BROWSER_EXTENSIONS` | Comma-separated extension paths |\n| `AGENT_BROWSER_STREAM_PORT` | WebSocket streaming port |\n| `AGENT_BROWSER_HOME` | Custom installation directory |\n| `AGENT_BROWSER_PROFILE` | Browser profile directory |\n| `BROWSERBASE_API_KEY` | Browserbase API key |\n| `BROWSERBASE_PROJECT_ID` | Browserbase project ID |\n\n## Common Patterns\n\n### Form Submission\n```bash\nagent-browser open https:\u002F\u002Fexample.com\u002Flogin\nagent-browser snapshot -i\nagent-browser fill @e1 \"user@example.com\"\nagent-browser fill @e2 \"password123\"\nagent-browser click @e3  # Submit button\nagent-browser wait url \"\u002Fdashboard\"\n```\n\n### State Persistence (Auth)\n```bash\n# Save authenticated state\nagent-browser open https:\u002F\u002Fexample.com\u002Flogin\n# ... login steps ...\nagent-browser state save auth.json\n\n# Reuse in future sessions\nagent-browser state load auth.json\nagent-browser open https:\u002F\u002Fexample.com\u002Fdashboard\n```\n\n### Video Recording (Debugging)\n```bash\nagent-browser open https:\u002F\u002Fexample.com\nagent-browser record start\n# ... perform actions ...\nagent-browser record stop  # Saves to recording.webm\n```\n\n### Parallel Sessions\n```bash\n# Terminal 1\nagent-browser --session test1 open https:\u002F\u002Fexample.com\n\n# Terminal 2\nagent-browser --session test2 open https:\u002F\u002Fexample.com\n```\n\n## Cloud Browsers (Browserbase)\n\nFor CI\u002FCD or environments without local browser:\n\n```bash\n# Set credentials\nexport BROWSERBASE_API_KEY=\"your-api-key\"\nexport BROWSERBASE_PROJECT_ID=\"your-project-id\"\n\n# Use cloud browser\nagent-browser -p browserbase open https:\u002F\u002Fexample.com\n```\n\nSee `references\u002Fbrowserbase-cloud-setup.md` for detailed setup.\n\n## Troubleshooting\n\n| Issue | Solution |\n|-------|----------|\n| Command not found | Run `npm install -g agent-browser` |\n| Chromium missing | Run `agent-browser install` |\n| Linux deps missing | Run `agent-browser install --with-deps` |\n| Session stale | Close browser: `agent-browser close` |\n| Element not found | Re-run `snapshot -i` after page changes |\n\n## Resources\n\n- [GitHub Repository](https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-browser)\n- [Official Documentation](https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-browser#readme)\n- [Browserbase Docs](https:\u002F\u002Fdocs.browserbase.com\u002F)\n",{"name":5,"license":15,"description":7},"main","863082984c7c65197a5d20dc7c6e1fda6045b372","landingpage-app-render\u002F.claude\u002Fskills\u002Fagent-browser",1,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons","https:\u002F\u002Fdocons.vercel.app","https:\u002F\u002Fgithub.com\u002Fhoanghd218","2026-08-25 23:11:43",{"source":8,"skillName":5,"commands":56,"prompt":66,"zipAvailable":67},[57,60,63],{"tool":58,"command":59},"npx","npx skills add hoanghd218\u002Fdocons --skill agent-browser",{"tool":61,"command":62},"bunx","bunx skills add hoanghd218\u002Fdocons --skill agent-browser",{"tool":64,"command":65},"pnpm","pnpm dlx skills add hoanghd218\u002Fdocons --skill agent-browser","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fagent-browser\u002FSKILL.md",true,[69,74,78],{"path":70,"resourceType":71,"resourceTypeDesc":72,"sizeBytes":14,"sourceHtmlUrl":73},"references\u002F.gitkeep","REFERENCE","参考文档","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fagent-browser\u002Freferences\u002F.gitkeep",{"path":75,"resourceType":71,"resourceTypeDesc":72,"sizeBytes":76,"sourceHtmlUrl":77},"references\u002Fagent-browser-vs-chrome-devtools.md",3832,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fagent-browser\u002Freferences\u002Fagent-browser-vs-chrome-devtools.md",{"path":79,"resourceType":71,"resourceTypeDesc":72,"sizeBytes":80,"sourceHtmlUrl":81},"references\u002Fbrowserbase-cloud-setup.md",4000,"https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.claude\u002Fskills\u002Fagent-browser\u002Freferences\u002Fbrowserbase-cloud-setup.md",[83,107,125,151,177,190],{"skillNo":84,"name":85,"nameZh":6,"description":86,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":87,"categories":88,"keywords":92,"publishedAt":42},"01M6CFWQKBPK223JYTA0T4WKGF","web-testing","Web testing with Playwright, Vitest, k6. E2E\u002Funit\u002Fintegration\u002Fload\u002Fsecurity\u002Fvisual\u002Fa11y testing. Use for test automation, flakiness, Core Web Vitals, mobile gestures, cross-browser.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fweb-testing\u002FSKILL.md",[89],{"categoryNo":90,"categoryName":91,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",[93,94,29,95,96,32,97,98,99,100,28,101,102,103,104,105,40,106],"web testing","web","security","gestures","playwright","test","test automation","core","integration","core web vitals","k6","e2e","vitest","mobile",{"skillNo":108,"name":109,"nameZh":6,"description":110,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":111,"licenseFileUrl":6,"sourceHtmlUrl":112,"categories":113,"keywords":114,"publishedAt":42},"01M6CFWKWR6J11YJRE9EX702JY","web-frameworks","Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.","MIT","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",[],[115,94,116,117,118,40,119,120,121,122,123,124],"web frameworks","Optimization","build","router","js","Next.js","turborepo","server","ssr","react",{"skillNo":126,"name":127,"nameZh":6,"description":128,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":111,"licenseFileUrl":6,"sourceHtmlUrl":129,"categories":130,"keywords":139,"publishedAt":42},"01M6CFW31HEVJTMWZNXXH6RJZW","ui-styling","Style UIs with shadcn\u002Fui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fui-styling\u002FSKILL.md",[131,134],{"categoryNo":132,"categoryName":133,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":135,"categoryName":136,"taxonomyType":137,"taxonomyTypeDesc":138},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[140,141,142,40,143,144,145,146,147,148,149,150],"ui styling","styling","ui","radix ui","customization","Tailwind","shadcn","design systems","components","css","design",{"skillNo":152,"name":153,"nameZh":6,"description":154,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":111,"licenseFileUrl":6,"sourceHtmlUrl":155,"categories":156,"keywords":160,"publishedAt":42},"01M6CFVY2N18A5J9YW3X14GDHZ","threejs","Build 3D web apps with Three.js (WebGL\u002FWebGPU). 556 searchable examples, 60 API classes, 20 use cases. Actions: create 3D scene, load model, add animation, implement physics, build VR\u002FXR. Topics: GLTF loader, PBR materials, particle effects, shadows, post-processing, compute shaders, TSL. Integrations: WebGPU, physics engines, spatial audio.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fthreejs\u002FSKILL.md",[157],{"categoryNo":158,"categoryName":159,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",[153,161,162,163,164,165,166,167,94,168,169,170,171,117,172,40,173,174,175,176],"webgl","api","actions","examples","shaders","create","webgpu","implement","Animation","pbr","gltf","Spatial","integrations","model","Audio","3D",{"skillNo":178,"name":179,"nameZh":6,"description":180,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":111,"licenseFileUrl":6,"sourceHtmlUrl":181,"categories":182,"keywords":183,"publishedAt":42},"01M6CFVFW9NS3M49KX9K9GKFF7","sequential-thinking","Apply step-by-step analysis for complex problems with revision capability. Use for multi-step reasoning, hypothesis verification, adaptive planning, problem decomposition, course correction.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fsequential-thinking\u002FSKILL.md",[],[184,185,40,186,187,188,189],"sequential thinking","planning","analysis","hypothesis","verification","reasoning",{"skillNo":191,"name":192,"nameZh":6,"description":193,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":111,"licenseFileUrl":6,"sourceHtmlUrl":194,"categories":195,"keywords":199,"publishedAt":42},"01M6CFVA3RNA0DGFNFDM0NZPW5","research","Research technical solutions, analyze architectures, gather requirements thoroughly. Use for technology evaluation, best practices research, solution design, scalability\u002Fsecurity\u002Fmaintainability analysis.","https:\u002F\u002Fgithub.com\u002Fhoanghd218\u002Fdocons\u002Fblob\u002Fmain\u002Flandingpage-app-render\u002F.opencode\u002Fskills\u002Fresearch\u002FSKILL.md",[196],{"categoryNo":197,"categoryName":198,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000021","资料检索与研究",[192,200,201,186,202,95,203,150,40],"best practices","Evaluation","analyze","technical"]