[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M77PJV09SGE296CHY9FJQC08":3,"skill-same:01M77PJV09SGE296CHY9FJQC08":44},{"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":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":24,"commitSha":25,"skillDirectory":26,"forksCount":14,"repositoryHtmlUrl":27,"repositoryHomepageUrl":6,"ownerHtmlUrl":28,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":29,"install":30,"resources":43},"01M77PJV09SGE296CHY9FJQC08","browser-testing-with-devtools",null,"Verify frontend behavior with real browser runtime data instead of static guessing. Use for UI bugs, console errors, DOM issues, network failures, performance checks, or visual verification in web apps.","NoMoneyDaddy\u002Fdemo-app","NoMoneyDaddy","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F946647?v=4","01M77PJJ23FPSZHY6EBK1ZDHFS","奶爸","01M77PJJ2T4WRV1JT38TVP5WZK",0,"MIT","https:\u002F\u002Fgithub.com\u002FNoMoneyDaddy\u002Fdemo-app\u002Fblob\u002Fclaude\u002Fone-button-done-project-8xz5ky\u002F.agents\u002Fskills\u002Fbrowser-testing-with-devtools\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: browser-testing-with-devtools\ndescription: Verify frontend behavior with real browser runtime data instead of static guessing. Use for UI bugs, console errors, DOM issues, network failures, performance checks, or visual verification in web apps.\n---\n\n# browser-testing-with-devtools\n\n不要猜畫面。看 runtime。\n\n## 目標\n\n- 用真實瀏覽器資料確認問題\n- 把重現步驟固定下來\n- 修前修後都驗證\n\n## 工具順序\n\n1. `agent-browser`\n2. `playwright-cli`\n3. 平台內建 DevTools \u002F browser MCP\n\n## 檢查項目\n\n- console error\n- failed network requests\n- DOM 結構\n- hydration \u002F rendering 問題\n- layout overflow\n- interaction state\n\n## 規則\n\n- 沒看 runtime，不下結論\n- 先保留錯誤訊息與重現步驟\n- 若是純邏輯 bug，再搭配 `debugging-and-error-recovery`\n","# browser-testing-with-devtools\n\n不要猜畫面。看 runtime。\n\n## 目標\n\n- 用真實瀏覽器資料確認問題\n- 把重現步驟固定下來\n- 修前修後都驗證\n\n## 工具順序\n\n1. `agent-browser`\n2. `playwright-cli`\n3. 平台內建 DevTools \u002F browser MCP\n\n## 檢查項目\n\n- console error\n- failed network requests\n- DOM 結構\n- hydration \u002F rendering 問題\n- layout overflow\n- interaction state\n\n## 規則\n\n- 沒看 runtime，不下結論\n- 先保留錯誤訊息與重現步驟\n- 若是純邏輯 bug，再搭配 `debugging-and-error-recovery`\n",{"name":5,"description":7},"claude\u002Fone-button-done-project-8xz5ky","15c2ed9e7009ccab2d9eb58840d76e13750d00ae",".agents\u002Fskills\u002Fbrowser-testing-with-devtools","https:\u002F\u002Fgithub.com\u002FNoMoneyDaddy\u002Fdemo-app","https:\u002F\u002Fgithub.com\u002FNoMoneyDaddy","2026-06-26 23:04:48",{"source":8,"skillName":5,"commands":31,"prompt":41,"zipAvailable":42},[32,35,38],{"tool":33,"command":34},"npx","npx skills add NoMoneyDaddy\u002Fdemo-app --skill browser-testing-with-devtools",{"tool":36,"command":37},"bunx","bunx skills add NoMoneyDaddy\u002Fdemo-app --skill browser-testing-with-devtools",{"tool":39,"command":40},"pnpm","pnpm dlx skills add NoMoneyDaddy\u002Fdemo-app --skill browser-testing-with-devtools","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FNoMoneyDaddy\u002Fdemo-app\u002Fblob\u002Fclaude\u002Fone-button-done-project-8xz5ky\u002F.agents\u002Fskills\u002Fbrowser-testing-with-devtools\u002FSKILL.md",true,[],[45,52,59,66,73,80],{"skillNo":46,"name":47,"nameZh":6,"description":48,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":49,"categories":50,"keywords":51,"publishedAt":19},"01M77PV8GM0F9FQ0HAHD8VC565","website-best-practices","Build websites with strong semantic HTML, accessibility, performance, content structure.","https:\u002F\u002Fgithub.com\u002FNoMoneyDaddy\u002Fdemo-app\u002Fblob\u002Fclaude\u002Fone-button-done-project-8xz5ky\u002Fskills\u002Fwebsite-best-practices\u002FSKILL.md",[],[],{"skillNo":53,"name":54,"nameZh":6,"description":55,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":56,"categories":57,"keywords":58,"publishedAt":19},"01M77PV6E2YD3NB3MJF1S0H65J","using-agent-skills","Meta skill entrypoint. Select the right workflow skill for the current project phase, initialize required docs, and keep execution aligned with the project lifecycle.","https:\u002F\u002Fgithub.com\u002FNoMoneyDaddy\u002Fdemo-app\u002Fblob\u002Fclaude\u002Fone-button-done-project-8xz5ky\u002Fskills\u002Fusing-agent-skills\u002FSKILL.md",[],[],{"skillNo":60,"name":61,"nameZh":6,"description":62,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":63,"categories":64,"keywords":65,"publishedAt":19},"01M77PV3B374HPTS05GSJVPP6A","ui-ux-designer","Create interface designs, design systems, and UX improvements with accessibility-first guidance.","https:\u002F\u002Fgithub.com\u002FNoMoneyDaddy\u002Fdemo-app\u002Fblob\u002Fclaude\u002Fone-button-done-project-8xz5ky\u002Fskills\u002Fui-ux-designer\u002FSKILL.md",[],[],{"skillNo":67,"name":68,"nameZh":6,"description":69,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":70,"categories":71,"keywords":72,"publishedAt":19},"01M77PV19MQ1WSV8GB7ZPZ63TA","typescript-best-practices","Apply TypeScript best practices for strict mode, safe narrowing, tsconfig safety, robust error handling.","https:\u002F\u002Fgithub.com\u002FNoMoneyDaddy\u002Fdemo-app\u002Fblob\u002Fclaude\u002Fone-button-done-project-8xz5ky\u002Fskills\u002Ftypescript-best-practices\u002FSKILL.md",[],[],{"skillNo":74,"name":75,"nameZh":6,"description":76,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":77,"categories":78,"keywords":79,"publishedAt":19},"01M77PTYWHB8CK99KAW2SGQBH0","tool-discovery-and-installation","Detect missing skills, MCP servers, CLIs, and sandbox tools; choose safe install paths; install or guide tool setup with explicit authorization and verification.","https:\u002F\u002Fgithub.com\u002FNoMoneyDaddy\u002Fdemo-app\u002Fblob\u002Fclaude\u002Fone-button-done-project-8xz5ky\u002Fskills\u002Ftool-discovery-and-installation\u002FSKILL.md",[],[],{"skillNo":81,"name":82,"nameZh":6,"description":83,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":84,"categories":85,"keywords":86,"publishedAt":19},"01M77PTWHE1EA7YSFGZ4EW9ANA","text-to-lottie","Generate or refine production-ready Lottie animations for web and app UI work.","https:\u002F\u002Fgithub.com\u002FNoMoneyDaddy\u002Fdemo-app\u002Fblob\u002Fclaude\u002Fone-button-done-project-8xz5ky\u002Fskills\u002Ftext-to-lottie\u002FSKILL.md",[],[]]