[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71RT3PRTSNWMQHJTN532WN8":3,"skill-same:01M71RT3PRTSNWMQHJTN532WN8":68},{"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":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":48,"commitSha":49,"skillDirectory":50,"forksCount":13,"repositoryHtmlUrl":51,"repositoryHomepageUrl":6,"ownerHtmlUrl":52,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":53,"install":54,"resources":67},"01M71RT3PRTSNWMQHJTN532WN8","chrome-devtools",null,"Expert-level browser automation, debugging, and performance analysis using Chrome DevTools MCP. Use for interacting with web pages, capturing screenshots, analyzing network traffic, and profiling performance.","javiertarazon\u002Fide-agente-free-jt7-","javiertarazon","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F153141207?v=4","01M71R52TB3S9HXKH6WSNT8A7V","01M71R52VG5KS2DKDDH4GDQ30A",0,"MIT","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fchrome-devtools\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"devtools","chrome","chrome devtools","analyzing","performance analysis","profiling","web","with","browser","analysis","automation","debugging","use","traffic","MCP","pages","browser automation","performance","expert","for","2026-11-10 13:02:02",false,"---\nname: chrome-devtools\ndescription: 'Expert-level browser automation, debugging, and performance analysis using Chrome DevTools MCP. Use for interacting with web pages, capturing screenshots, analyzing network traffic, and profiling performance.'\nlicense: MIT\n---\n\n# Chrome DevTools Agent\n\n## Overview\n\nA specialized skill for controlling and inspecting a live Chrome browser. This skill leverages the `chrome-devtools` MCP server to perform a wide range of browser-related tasks, from simple navigation to complex performance profiling.\n\n## When to Use\n\nUse this skill when:\n\n- **Browser Automation**: Navigating pages, clicking elements, filling forms, and handling dialogs.\n- **Visual Inspection**: Taking screenshots or text snapshots of web pages.\n- **Debugging**: Inspecting console messages, evaluating JavaScript in the page context, and analyzing network requests.\n- **Performance Analysis**: Recording and analyzing performance traces to identify bottlenecks and Core Web Vital issues.\n- **Emulation**: Resizing the viewport or emulating network\u002FCPU conditions.\n\n## Tool Categories\n\n### 1. Navigation & Page Management\n\n- `new_page`: Open a new tab\u002Fpage.\n- `navigate_page`: Go to a specific URL, reload, or navigate history.\n- `select_page`: Switch context between open pages.\n- `list_pages`: See all open pages and their IDs.\n- `close_page`: Close a specific page.\n- `wait_for`: Wait for specific text to appear on the page.\n\n### 2. Input & Interaction\n\n- `click`: Click on an element (use `uid` from snapshot).\n- `fill` \u002F `fill_form`: Type text into inputs or fill multiple fields at once.\n- `hover`: Move the mouse over an element.\n- `press_key`: Send keyboard shortcuts or special keys (e.g., \"Enter\", \"Control+C\").\n- `drag`: Drag and drop elements.\n- `handle_dialog`: Accept or dismiss browser alerts\u002Fprompts.\n- `upload_file`: Upload a file through a file input.\n\n### 3. Debugging & Inspection\n\n- `take_snapshot`: Get a text-based accessibility tree (best for identifying elements).\n- `take_screenshot`: Capture a visual representation of the page or a specific element.\n- `list_console_messages` \u002F `get_console_message`: Inspect the page's console output.\n- `evaluate_script`: Run custom JavaScript in the page context.\n- `list_network_requests` \u002F `get_network_request`: Analyze network traffic and request details.\n\n### 4. Emulation & Performance\n\n- `resize_page`: Change the viewport dimensions.\n- `emulate`: Throttling CPU\u002FNetwork or emulating geolocation.\n- `performance_start_trace`: Start recording a performance profile.\n- `performance_stop_trace`: Stop recording and save the trace.\n- `performance_analyze_insight`: Get detailed analysis from recorded performance data.\n\n## Workflow Patterns\n\n### Pattern A: Identifying Elements (Snapshot-First)\n\nAlways prefer `take_snapshot` over `take_screenshot` for finding elements. The snapshot provides `uid` values which are required by interaction tools.\n\n```markdown\n1. `take_snapshot` to get the current page structure.\n2. Find the `uid` of the target element.\n3. Use `click(uid=...)` or `fill(uid=..., value=...)`.\n```\n\n### Pattern B: Troubleshooting Errors\n\nWhen a page is failing, check both console logs and network requests.\n\n```markdown\n1. `list_console_messages` to check for JavaScript errors.\n2. `list_network_requests` to identify failed (4xx\u002F5xx) resources.\n3. `evaluate_script` to check the value of specific DOM elements or global variables.\n```\n\n### Pattern C: Performance Profiling\n\nIdentify why a page is slow.\n\n```markdown\n1. `performance_start_trace(reload=true, autoStop=true)`\n2. Wait for the page to load\u002Ftrace to finish.\n3. `performance_analyze_insight` to find LCP issues or layout shifts.\n```\n\n## Best Practices\n\n- **Context Awareness**: Always run `list_pages` and `select_page` if you are unsure which tab is currently active.\n- **Snapshots**: Take a new snapshot after any major navigation or DOM change, as `uid` values may change.\n- **Timeouts**: Use reasonable timeouts for `wait_for` to avoid hanging on slow-loading elements.\n- **Screenshots**: Use `take_screenshot` sparingly for visual verification, but rely on `take_snapshot` for logic.\n","# Chrome DevTools Agent\n\n## Overview\n\nA specialized skill for controlling and inspecting a live Chrome browser. This skill leverages the `chrome-devtools` MCP server to perform a wide range of browser-related tasks, from simple navigation to complex performance profiling.\n\n## When to Use\n\nUse this skill when:\n\n- **Browser Automation**: Navigating pages, clicking elements, filling forms, and handling dialogs.\n- **Visual Inspection**: Taking screenshots or text snapshots of web pages.\n- **Debugging**: Inspecting console messages, evaluating JavaScript in the page context, and analyzing network requests.\n- **Performance Analysis**: Recording and analyzing performance traces to identify bottlenecks and Core Web Vital issues.\n- **Emulation**: Resizing the viewport or emulating network\u002FCPU conditions.\n\n## Tool Categories\n\n### 1. Navigation & Page Management\n\n- `new_page`: Open a new tab\u002Fpage.\n- `navigate_page`: Go to a specific URL, reload, or navigate history.\n- `select_page`: Switch context between open pages.\n- `list_pages`: See all open pages and their IDs.\n- `close_page`: Close a specific page.\n- `wait_for`: Wait for specific text to appear on the page.\n\n### 2. Input & Interaction\n\n- `click`: Click on an element (use `uid` from snapshot).\n- `fill` \u002F `fill_form`: Type text into inputs or fill multiple fields at once.\n- `hover`: Move the mouse over an element.\n- `press_key`: Send keyboard shortcuts or special keys (e.g., \"Enter\", \"Control+C\").\n- `drag`: Drag and drop elements.\n- `handle_dialog`: Accept or dismiss browser alerts\u002Fprompts.\n- `upload_file`: Upload a file through a file input.\n\n### 3. Debugging & Inspection\n\n- `take_snapshot`: Get a text-based accessibility tree (best for identifying elements).\n- `take_screenshot`: Capture a visual representation of the page or a specific element.\n- `list_console_messages` \u002F `get_console_message`: Inspect the page's console output.\n- `evaluate_script`: Run custom JavaScript in the page context.\n- `list_network_requests` \u002F `get_network_request`: Analyze network traffic and request details.\n\n### 4. Emulation & Performance\n\n- `resize_page`: Change the viewport dimensions.\n- `emulate`: Throttling CPU\u002FNetwork or emulating geolocation.\n- `performance_start_trace`: Start recording a performance profile.\n- `performance_stop_trace`: Stop recording and save the trace.\n- `performance_analyze_insight`: Get detailed analysis from recorded performance data.\n\n## Workflow Patterns\n\n### Pattern A: Identifying Elements (Snapshot-First)\n\nAlways prefer `take_snapshot` over `take_screenshot` for finding elements. The snapshot provides `uid` values which are required by interaction tools.\n\n```markdown\n1. `take_snapshot` to get the current page structure.\n2. Find the `uid` of the target element.\n3. Use `click(uid=...)` or `fill(uid=..., value=...)`.\n```\n\n### Pattern B: Troubleshooting Errors\n\nWhen a page is failing, check both console logs and network requests.\n\n```markdown\n1. `list_console_messages` to check for JavaScript errors.\n2. `list_network_requests` to identify failed (4xx\u002F5xx) resources.\n3. `evaluate_script` to check the value of specific DOM elements or global variables.\n```\n\n### Pattern C: Performance Profiling\n\nIdentify why a page is slow.\n\n```markdown\n1. `performance_start_trace(reload=true, autoStop=true)`\n2. Wait for the page to load\u002Ftrace to finish.\n3. `performance_analyze_insight` to find LCP issues or layout shifts.\n```\n\n## Best Practices\n\n- **Context Awareness**: Always run `list_pages` and `select_page` if you are unsure which tab is currently active.\n- **Snapshots**: Take a new snapshot after any major navigation or DOM change, as `uid` values may change.\n- **Timeouts**: Use reasonable timeouts for `wait_for` to avoid hanging on slow-loading elements.\n- **Screenshots**: Use `take_screenshot` sparingly for visual verification, but rely on `take_snapshot` for logic.\n",{"name":5,"license":14,"description":7},"release\u002Fv4.2.11-panel-pro","a92ea02bcf7e2b3dbaf46d49696c29a3cb490d4f",".github\u002Fskills\u002Fchrome-devtools","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-","https:\u002F\u002Fgithub.com\u002Fjaviertarazon","2026-07-12 07:10:45",{"source":8,"skillName":5,"commands":55,"prompt":65,"zipAvailable":66},[56,59,62],{"tool":57,"command":58},"npx","npx skills add javiertarazon\u002Fide-agente-free-jt7- --skill chrome-devtools",{"tool":60,"command":61},"bunx","bunx skills add javiertarazon\u002Fide-agente-free-jt7- --skill chrome-devtools",{"tool":63,"command":64},"pnpm","pnpm dlx skills add javiertarazon\u002Fide-agente-free-jt7- --skill chrome-devtools","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fchrome-devtools\u002FSKILL.md",true,[],[69,97,119,139,154,176],{"skillNo":70,"name":71,"nameZh":6,"description":72,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":73,"categories":74,"keywords":78,"publishedAt":43},"01M71TQ7Q6Z10VWF3C2H5X1KW9","zustand-store-ts","Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state\u002Faction separation. Use when building React state management, creating global stores, or implementing reacti...","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzustand-store-ts\u002FSKILL.md",[75],{"categoryNo":76,"categoryName":77,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[79,80,81,82,83,84,35,85,86,87,88,30,89,90,91,92,93,94,95,96],"zustand","store","zustand store ts","community","middleware","implementing","react state management","when","unknown","react","state","create","state management","typescript","action","management","separation","global",{"skillNo":98,"name":99,"nameZh":6,"description":100,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":101,"categories":102,"keywords":104,"publishedAt":43},"01M71TQ5EAR40G6W0MV5ZDVEZT","zoom-automation","Automate Zoom meeting creation, management, recordings, webinars, and participant tracking via Rube MCP (Composio). Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzoom-automation\u002FSKILL.md",[103],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[105,106,33,82,107,42,108,109,37,87,110,111,112,113,114,115,116,117,94,118],"zoom automation","zoom","creation","search","schemas","first","via","meeting","search tools","tracking","webinars","composio","recordings","Tools",{"skillNo":120,"name":121,"nameZh":6,"description":122,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":123,"categories":124,"keywords":126,"publishedAt":43},"01M71TQ29B1EYBCEAP1ZBGXQ1A","zoho-crm-automation","Automate Zoho CRM tasks via Rube MCP (Composio): create\u002Fupdate records, search contacts, manage leads, and convert leads. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzoho-crm-automation\u002FSKILL.md",[125],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[127,128,33,129,130,131,82,132,133,42,134,108,109,135,37,87,136,137,138,90],"crm automation","zoho crm automation","crm","zoho crm","zoho","leads","manage leads","manage","records","convert","tasks","contacts",{"skillNo":140,"name":141,"nameZh":6,"description":142,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":143,"categories":144,"keywords":146,"publishedAt":43},"01M71TPZPMN60DH0XV58KVHY23","zendesk-automation","Automate Zendesk tasks via Rube MCP (Composio): tickets, users, organizations, replies. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzendesk-automation\u002FSKILL.md",[145],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[147,33,148,82,42,108,109,37,149,87,137,150,151,110,111,152,113,116,118,153],"zendesk automation","zendesk","organizations","replies","users","tickets","automate",{"skillNo":155,"name":156,"nameZh":6,"description":157,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":158,"categories":159,"keywords":160,"publishedAt":43},"01M71TPXDWKHKG4N6TVEPXWD0N","zapier-make-patterns","No-code automation democratizes workflow building. Zapier and Make (formerly Integromat) let non-developers automate business processes without writing code. But no-code doesn't mean no-complexity ...","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzapier-make-patterns\u002FSKILL.md",[],[161,162,163,164,165,166,167,168,169,33,170,87,171,172,173,174,175,153],"zapier make patterns","zapier","patterns","make","No-Code","complexity","writing","spawner","business","workflow","code","integromat","apache","processes","but",{"skillNo":177,"name":178,"nameZh":6,"description":179,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":180,"categories":181,"keywords":185,"publishedAt":43},"01M71TPT5T10WXNKW9G7ZXZ27W","youtube-summarizer","Extract transcripts from YouTube videos and generate comprehensive, detailed summaries using intelligent analysis frameworks","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fyoutube-summarizer\u002FSKILL.md",[182],{"categoryNo":183,"categoryName":184,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",[186,187,188,189,82,190,191,192,193,194,195,32,171,196,197,198,199,200,201,202],"summarizer","youtube","youtube summarizer","Video","content-analysis","frameworks","copilot","2025","github-copilot","extract transcripts","codex","cli","summaries","github","generate","summarization","2026"]