[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6HSNJB58ZPG0CDBFSSAH9TQ":3,"skill-same:01M6HSNJB58ZPG0CDBFSSAH9TQ":107},{"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":51,"repositoryHtmlUrl":52,"repositoryHomepageUrl":6,"ownerHtmlUrl":53,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":54,"install":55,"resources":68},"01M6HSNJB58ZPG0CDBFSSAH9TQ","browser",null,"This skill should be used for browser automation tasks using Chrome DevTools Protocol (CDP). Triggers when users need to launch Chrome with remote debugging, navigate pages, execute JavaScript in browser context, capture screenshots, or interactively select DOM elements. No MCP server required.","welflau\u002Fai-dev-system","welflau","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F7010385?v=4","01M6HPTDGF18RFY07M229P8CTM","01M6HPTDMRMZCJPYBFEA9XVVYT",3,"MIT","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[5,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"chrome devtools","when","for","with","remote","users","triggers","pages","elements","cdp","select","MCP","devtools","tasks","debugging","javascript","chrome","automation","mcp server","browser automation","2026-11-10 10:12:30",false,"---\nname: browser\ndescription: This skill should be used for browser automation tasks using Chrome DevTools Protocol (CDP). Triggers when users need to launch Chrome with remote debugging, navigate pages, execute JavaScript in browser context, capture screenshots, or interactively select DOM elements. No MCP server required.\n---\n\n# Browser Automation\n\nMinimal Chrome DevTools Protocol (CDP) helpers for browser automation without MCP server setup.\n\n## Setup\n\nInstall dependencies before first use:\n\n```bash\nnpm install --prefix ~\u002F.codebuddy\u002Fskills\u002Fbrowser\u002Fbrowser ws\n```\n\n## Scripts\n\nAll scripts connect to Chrome on `localhost:9222`.\n\n### start.js - Launch Chrome\n\n```bash\nscripts\u002Fstart.js              # Fresh profile\nscripts\u002Fstart.js --profile    # Use persistent profile (keeps cookies\u002Fauth)\n```\n\n### nav.js - Navigate\n\n```bash\nscripts\u002Fnav.js https:\u002F\u002Fexample.com        # Navigate current tab\nscripts\u002Fnav.js https:\u002F\u002Fexample.com --new  # Open in new tab\n```\n\n### eval.js - Execute JavaScript\n\n```bash\nscripts\u002Feval.js 'document.title'\nscripts\u002Feval.js '(() => { const x = 1; return x + 1; })()'\n```\n\nUse single expressions or IIFE for multiple statements.\n\n### screenshot.js - Capture Screenshot\n\n```bash\nscripts\u002Fscreenshot.js\n```\n\nReturns `{ path, filename }` of saved PNG in temp directory.\n\n### pick.js - Visual Element Picker\n\n```bash\nscripts\u002Fpick.js \"Click the submit button\"\n```\n\nReturns element metadata: tag, id, classes, text, href, selector, rect.\n\n## Workflow\n\n1. Launch Chrome: `scripts\u002Fstart.js --profile` for authenticated sessions\n2. Navigate: `scripts\u002Fnav.js \u003Curl>`\n3. Inspect: `scripts\u002Feval.js 'document.querySelector(...)'`\n4. Capture: `scripts\u002Fscreenshot.js` or `scripts\u002Fpick.js`\n5. Return gathered data\n\n## Key Points\n\n- All operations run locally - credentials never leave the machine\n- Use `--profile` flag to preserve cookies and auth tokens\n- Scripts return structured JSON for agent consumption\n","# Browser Automation\n\nMinimal Chrome DevTools Protocol (CDP) helpers for browser automation without MCP server setup.\n\n## Setup\n\nInstall dependencies before first use:\n\n```bash\nnpm install --prefix ~\u002F.codebuddy\u002Fskills\u002Fbrowser\u002Fbrowser ws\n```\n\n## Scripts\n\nAll scripts connect to Chrome on `localhost:9222`.\n\n### start.js - Launch Chrome\n\n```bash\nscripts\u002Fstart.js              # Fresh profile\nscripts\u002Fstart.js --profile    # Use persistent profile (keeps cookies\u002Fauth)\n```\n\n### nav.js - Navigate\n\n```bash\nscripts\u002Fnav.js https:\u002F\u002Fexample.com        # Navigate current tab\nscripts\u002Fnav.js https:\u002F\u002Fexample.com --new  # Open in new tab\n```\n\n### eval.js - Execute JavaScript\n\n```bash\nscripts\u002Feval.js 'document.title'\nscripts\u002Feval.js '(() => { const x = 1; return x + 1; })()'\n```\n\nUse single expressions or IIFE for multiple statements.\n\n### screenshot.js - Capture Screenshot\n\n```bash\nscripts\u002Fscreenshot.js\n```\n\nReturns `{ path, filename }` of saved PNG in temp directory.\n\n### pick.js - Visual Element Picker\n\n```bash\nscripts\u002Fpick.js \"Click the submit button\"\n```\n\nReturns element metadata: tag, id, classes, text, href, selector, rect.\n\n## Workflow\n\n1. Launch Chrome: `scripts\u002Fstart.js --profile` for authenticated sessions\n2. Navigate: `scripts\u002Fnav.js \u003Curl>`\n3. Inspect: `scripts\u002Feval.js 'document.querySelector(...)'`\n4. Capture: `scripts\u002Fscreenshot.js` or `scripts\u002Fpick.js`\n5. Return gathered data\n\n## Key Points\n\n- All operations run locally - credentials never leave the machine\n- Use `--profile` flag to preserve cookies and auth tokens\n- Scripts return structured JSON for agent consumption\n",{"name":5,"description":7},"main","18d0e63d1313ca87098f614aa7c1e2dcf6de79c7","backend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser",1,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system","https:\u002F\u002Fgithub.com\u002Fwelflau","2026-11-12 14:55:20",{"source":8,"skillName":5,"commands":56,"prompt":66,"zipAvailable":67},[57,60,63],{"tool":58,"command":59},"npx","npx skills add welflau\u002Fai-dev-system --skill browser",{"tool":61,"command":62},"bunx","bunx skills add welflau\u002Fai-dev-system --skill browser",{"tool":64,"command":65},"pnpm","pnpm dlx skills add welflau\u002Fai-dev-system --skill browser","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser\u002FSKILL.md",true,[69,75,81,85,91,95,99,103],{"path":70,"resourceType":71,"resourceTypeDesc":72,"sizeBytes":73,"sourceHtmlUrl":74},"browser.zip","ASSET","资产文件",5541,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser\u002Fbrowser.zip",{"path":76,"resourceType":77,"resourceTypeDesc":78,"sizeBytes":79,"sourceHtmlUrl":80},"package-lock.json","REFERENCE","参考文档",756,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser\u002Fpackage-lock.json",{"path":82,"resourceType":77,"resourceTypeDesc":78,"sizeBytes":83,"sourceHtmlUrl":84},"package.json",48,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser\u002Fpackage.json",{"path":86,"resourceType":87,"resourceTypeDesc":88,"sizeBytes":89,"sourceHtmlUrl":90},"scripts\u002Feval.cjs","SCRIPT","脚本",1575,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser\u002Fscripts\u002Feval.cjs",{"path":92,"resourceType":87,"resourceTypeDesc":88,"sizeBytes":93,"sourceHtmlUrl":94},"scripts\u002Fnav.cjs",1977,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser\u002Fscripts\u002Fnav.cjs",{"path":96,"resourceType":87,"resourceTypeDesc":88,"sizeBytes":97,"sourceHtmlUrl":98},"scripts\u002Fpick.cjs",2671,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser\u002Fscripts\u002Fpick.cjs",{"path":100,"resourceType":87,"resourceTypeDesc":88,"sizeBytes":101,"sourceHtmlUrl":102},"scripts\u002Fscreenshot.cjs",1484,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser\u002Fscripts\u002Fscreenshot.cjs",{"path":104,"resourceType":87,"resourceTypeDesc":88,"sizeBytes":105,"sourceHtmlUrl":106},"scripts\u002Fstart.cjs",1130,"https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Foh-my-codebuddy\u002Fskills\u002Fbrowser\u002Fscripts\u002Fstart.cjs",[108,140,169,193,219,235],{"skillNo":109,"name":110,"nameZh":6,"description":111,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":113,"sourceHtmlUrl":114,"categories":115,"keywords":119,"publishedAt":43},"01M6HSTDP4M3JFXEBK91VFB4PA","web-artifacts-builder","Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn\u002Fui). Use for complex artifacts requiring state management, routing, or shadcn\u002Fui components - not for simple single-file HTML\u002FJSX artifacts.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Fweb-artifacts-builder\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Fweb-artifacts-builder\u002FSKILL.md",[116],{"categoryNo":117,"categoryName":118,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,25,139],"web artifacts builder","web","artifacts","artifacts builder","builder","frontend","css","components","react","routing","state management","state","file","Tailwind","use","single-file","simple","ui components","multi","single",{"skillNo":141,"name":142,"nameZh":6,"description":143,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":144,"sourceHtmlUrl":145,"categories":146,"keywords":156,"publishedAt":43},"01M6HSDXH0JSP8R3QTNY9XZ8HN","frontend-design","Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML\u002FCSS layouts, or when styling\u002Fbeautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Ffrontend-design\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Ffrontend-design\u002FSKILL.md",[147,148,151],{"categoryNo":117,"categoryName":118,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":149,"categoryName":150,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":152,"categoryName":153,"taxonomyType":154,"taxonomyTypeDesc":155},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[125,157,158,126,121,127,128,159,160,161,122,162,163,164,134,165,30,166,167,26,168,24],"design","frontend design","react components","create","code","examples","applications","landing","ui design","aesthetics","web ui","generic",{"skillNo":170,"name":171,"nameZh":6,"description":172,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":173,"sourceHtmlUrl":174,"categories":175,"keywords":177,"publishedAt":43},"01M6HSA77QYVP7A72HREGTDN2C","algorithmic-art","Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Falgorithmic-art\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fplugins\u002Falgorithmic-art\u002FSKILL.md",[176],{"categoryNo":149,"categoryName":150,"taxonomyType":20,"taxonomyTypeDesc":21},[178,179,180,160,161,181,182,183,184,134,185,186,187,28,26,188,189,190,191,192,24],"algorithmic art","Art","algorithmic","flow","js","work","interactive","generative art","exploration","systems","Existing","request","generative","copyright","fields",{"skillNo":194,"name":195,"nameZh":6,"description":196,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":197,"sourceHtmlUrl":198,"categories":199,"keywords":201,"publishedAt":43},"01M6HS9HE0X390Y6RQKTY1YNGJ","theme-factory","Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors\u002Ffonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Ftheme-factory\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Ftheme-factory\u002FSKILL.md",[200],{"categoryNo":149,"categoryName":150,"taxonomyType":20,"taxonomyTypeDesc":21},[202,203,204,205,206,207,122,208,209,210,164,211,212,30,213,26,214,215,216,25,217,218],"theme factory","factory","theme","docs","toolkit","generate","SET","fly","slides","styling","artifact","themes","you","fonts","can","apply","new",{"skillNo":220,"name":221,"nameZh":6,"description":222,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":223,"categories":224,"keywords":226,"publishedAt":43},"01M6HS74GASM6FJ77F83EY679E","browsing","Use when you need direct browser control - teaches Chrome DevTools Protocol for controlling existing browser sessions, multi-tab management, form automation, and content extraction via use_browser MCP tool","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fsuperpowers-chrome\u002Fskills\u002Fbrowsing\u002FSKILL.md",[225],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},[221,34,40,39,227,228,5,35,23,229,230,134,231,232,233,234,138,214,25,188],"sessions","protocol","tool","direct","browser control","control","via","form",{"skillNo":236,"name":237,"nameZh":6,"description":238,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":112,"licenseFileUrl":239,"sourceHtmlUrl":240,"categories":241,"keywords":248,"publishedAt":43},"01M6HS6BZT2CKDNQ6YF20DXN4T","slack-gif-creator","Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like \"make me a GIF of X doing Y for Slack.\"","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fslack-gif-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fwelflau\u002Fai-dev-system\u002Fblob\u002Fmain\u002Fbackend\u002Fskills\u002Fmarketplace\u002Fcodebuddy-plugins-official\u002Fexternal_plugins\u002Fslack-gif-creator\u002FSKILL.md",[242,245],{"categoryNo":243,"categoryName":244,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000005","邮件与沟通",{"categoryNo":246,"categoryName":247,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",[249,250,251,252,253,254,255,256,257,134,258,28,259,260,261,25,189,24],"slack gif creator","slack","gif","creator","validation","Tools","constraints","Animation","knowledge","me","make","Utilities","concepts"]