[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6MY85KN26K4N462CS2GSJ9V":3,"skill-same:01M6MY85KN26K4N462CS2GSJ9V":112},{"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":47,"linkOnly":48,"markdownContent":49,"markdownBody":50,"frontMatter":51,"refName":60,"commitSha":61,"skillDirectory":62,"forksCount":63,"repositoryHtmlUrl":64,"repositoryHomepageUrl":65,"ownerHtmlUrl":66,"ownerBlogUrl":6,"ownerDescription":67,"updatedAt":68,"install":69,"resources":81},"01M6MY85KN26K4N462CS2GSJ9V","webapp-testing",null,"Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.","qingjiuzys\u002Fanycode","qingjiuzys","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F142193034?v=4","01M6MXYJGE1SJ5ZVPWKQYPX4TD","qingjiu","01M6MXYJM8F2KJ3RRQZJNXHZJW",2,"MIT","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fapps\u002Fanycode-desktop\u002Fresources\u002Fskills-starter\u002Fwebapp-testing\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"webapp testing","webapp","testing","engineering","for","true","with","local","behavior","instructions","workspace","applications","logs","ui","browser","toolkit","debugging","web","playwright","frontend","2026-11-10 10:12:30",false,"---\nname: webapp-testing\ndescription: Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.\ndescription_zh: 用 Playwright 测试本地 Web 应用：截图、选择器与可复现检查。\nname_zh: Web 应用测试\ncategory: engineering\nversion: 1.0.0\nmode: instructions\npriority: 80\npermissions:\n  read_dirs: [workspace]\n  write_dirs: [workspace]\n  network: true\n---\n# Web Application Testing\n\nTo test local web applications, write native Python Playwright scripts.\n\n**Helper Scripts Available**:\n- `scripts\u002Fwith_server.py` - Manages server lifecycle (supports multiple servers)\n\n**Always run scripts with `--help` first** to see usage. DO NOT read the source until you try running the script first and find that a customized solution is abslutely necessary. These scripts can be very large and thus pollute your context window. They exist to be called directly as black-box scripts rather than ingested into your context window.\n\n## Decision Tree: Choosing Your Approach\n\n```\nUser task → Is it static HTML?\n    ├─ Yes → Read HTML file directly to identify selectors\n    │         ├─ Success → Write Playwright script using selectors\n    │         └─ Fails\u002FIncomplete → Treat as dynamic (below)\n    │\n    └─ No (dynamic webapp) → Is the server already running?\n        ├─ No → Run: python scripts\u002Fwith_server.py --help\n        │        Then use the helper + write simplified Playwright script\n        │\n        └─ Yes → Reconnaissance-then-action:\n            1. Navigate and wait for networkidle\n            2. Take screenshot or inspect DOM\n            3. Identify selectors from rendered state\n            4. Execute actions with discovered selectors\n```\n\n## Example: Using with_server.py\n\nTo start a server, run `--help` first, then use the helper:\n\n**Single server:**\n```bash\npython scripts\u002Fwith_server.py --server \"npm run dev\" --port 5173 -- python your_automation.py\n```\n\n**Multiple servers (e.g., backend + frontend):**\n```bash\npython scripts\u002Fwith_server.py \\\n  --server \"cd backend && python server.py\" --port 3000 \\\n  --server \"cd frontend && npm run dev\" --port 5173 \\\n  -- python your_automation.py\n```\n\nTo create an automation script, include only Playwright logic (servers are managed automatically):\n```python\nfrom playwright.sync_api import sync_playwright\n\nwith sync_playwright() as p:\n    browser = p.chromium.launch(headless=True) # Always launch chromium in headless mode\n    page = browser.new_page()\n    page.goto('http:\u002F\u002Flocalhost:5173') # Server already running and ready\n    page.wait_for_load_state('networkidle') # CRITICAL: Wait for JS to execute\n    # ... your automation logic\n    browser.close()\n```\n\n## Reconnaissance-Then-Action Pattern\n\n1. **Inspect rendered DOM**:\n   ```python\n   page.screenshot(path='\u002Ftmp\u002Finspect.png', full_page=True)\n   content = page.content()\n   page.locator('button').all()\n   ```\n\n2. **Identify selectors** from inspection results\n\n3. **Execute actions** using discovered selectors\n\n## Common Pitfall\n\n❌ **Don't** inspect the DOM before waiting for `networkidle` on dynamic apps\n✅ **Do** wait for `page.wait_for_load_state('networkidle')` before inspection\n\n## Best Practices\n\n- **Use bundled scripts as black boxes** - To accomplish a task, consider whether one of the scripts available in `scripts\u002F` can help. These scripts handle common, complex workflows reliably without cluttering the context window. Use `--help` to see usage, then invoke directly. \n- Use `sync_playwright()` for synchronous scripts\n- Always close the browser when done\n- Use descriptive selectors: `text=`, `role=`, CSS selectors, or IDs\n- Add appropriate waits: `page.wait_for_selector()` or `page.wait_for_timeout()`\n\n## Reference Files\n\n- **examples\u002F** - Examples showing common patterns:\n  - `element_discovery.py` - Discovering buttons, links, and inputs on a page\n  - `static_html_automation.py` - Using file:\u002F\u002F URLs for local HTML\n  - `console_logging.py` - Capturing console logs during automation","# Web Application Testing\n\nTo test local web applications, write native Python Playwright scripts.\n\n**Helper Scripts Available**:\n- `scripts\u002Fwith_server.py` - Manages server lifecycle (supports multiple servers)\n\n**Always run scripts with `--help` first** to see usage. DO NOT read the source until you try running the script first and find that a customized solution is abslutely necessary. These scripts can be very large and thus pollute your context window. They exist to be called directly as black-box scripts rather than ingested into your context window.\n\n## Decision Tree: Choosing Your Approach\n\n```\nUser task → Is it static HTML?\n    ├─ Yes → Read HTML file directly to identify selectors\n    │         ├─ Success → Write Playwright script using selectors\n    │         └─ Fails\u002FIncomplete → Treat as dynamic (below)\n    │\n    └─ No (dynamic webapp) → Is the server already running?\n        ├─ No → Run: python scripts\u002Fwith_server.py --help\n        │        Then use the helper + write simplified Playwright script\n        │\n        └─ Yes → Reconnaissance-then-action:\n            1. Navigate and wait for networkidle\n            2. Take screenshot or inspect DOM\n            3. Identify selectors from rendered state\n            4. Execute actions with discovered selectors\n```\n\n## Example: Using with_server.py\n\nTo start a server, run `--help` first, then use the helper:\n\n**Single server:**\n```bash\npython scripts\u002Fwith_server.py --server \"npm run dev\" --port 5173 -- python your_automation.py\n```\n\n**Multiple servers (e.g., backend + frontend):**\n```bash\npython scripts\u002Fwith_server.py \\\n  --server \"cd backend && python server.py\" --port 3000 \\\n  --server \"cd frontend && npm run dev\" --port 5173 \\\n  -- python your_automation.py\n```\n\nTo create an automation script, include only Playwright logic (servers are managed automatically):\n```python\nfrom playwright.sync_api import sync_playwright\n\nwith sync_playwright() as p:\n    browser = p.chromium.launch(headless=True) # Always launch chromium in headless mode\n    page = browser.new_page()\n    page.goto('http:\u002F\u002Flocalhost:5173') # Server already running and ready\n    page.wait_for_load_state('networkidle') # CRITICAL: Wait for JS to execute\n    # ... your automation logic\n    browser.close()\n```\n\n## Reconnaissance-Then-Action Pattern\n\n1. **Inspect rendered DOM**:\n   ```python\n   page.screenshot(path='\u002Ftmp\u002Finspect.png', full_page=True)\n   content = page.content()\n   page.locator('button').all()\n   ```\n\n2. **Identify selectors** from inspection results\n\n3. **Execute actions** using discovered selectors\n\n## Common Pitfall\n\n❌ **Don't** inspect the DOM before waiting for `networkidle` on dynamic apps\n✅ **Do** wait for `page.wait_for_load_state('networkidle')` before inspection\n\n## Best Practices\n\n- **Use bundled scripts as black boxes** - To accomplish a task, consider whether one of the scripts available in `scripts\u002F` can help. These scripts handle common, complex workflows reliably without cluttering the context window. Use `--help` to see usage, then invoke directly. \n- Use `sync_playwright()` for synchronous scripts\n- Always close the browser when done\n- Use descriptive selectors: `text=`, `role=`, CSS selectors, or IDs\n- Add appropriate waits: `page.wait_for_selector()` or `page.wait_for_timeout()`\n\n## Reference Files\n\n- **examples\u002F** - Examples showing common patterns:\n  - `element_discovery.py` - Discovering buttons, links, and inputs on a page\n  - `static_html_automation.py` - Using file:\u002F\u002F URLs for local HTML\n  - `console_logging.py` - Capturing console logs during automation",{"mode":36,"name":5,"name_zh":52,"version":53,"category":30,"priority":54,"description":7,"permissions":55,"description_zh":59},"Web 应用测试","1.0.0",80,{"network":56,"read_dirs":57,"write_dirs":58},true,[37],[37],"用 Playwright 测试本地 Web 应用：截图、选择器与可复现检查。","main","a31592a8f7a5864cc8bdb58534b0262134d84454","apps\u002Fanycode-desktop\u002Fresources\u002Fskills-starter\u002Fwebapp-testing",1,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode","anycode.work","https:\u002F\u002Fgithub.com\u002Fqingjiuzys","learning ai.... ","2026-09-12 18:08:54",{"source":8,"skillName":5,"commands":70,"prompt":80,"zipAvailable":56},[71,74,77],{"tool":72,"command":73},"npx","npx skills add qingjiuzys\u002Fanycode --skill webapp-testing",{"tool":75,"command":76},"bunx","bunx skills add qingjiuzys\u002Fanycode --skill webapp-testing",{"tool":78,"command":79},"pnpm","pnpm dlx skills add qingjiuzys\u002Fanycode --skill webapp-testing","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fapps\u002Fanycode-desktop\u002Fresources\u002Fskills-starter\u002Fwebapp-testing\u002FSKILL.md",[82,88,92,96,102,106],{"path":83,"resourceType":84,"resourceTypeDesc":85,"sizeBytes":86,"sourceHtmlUrl":87},"examples\u002Fconsole_logging.py","SCRIPT","脚本",1027,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fapps\u002Fanycode-desktop\u002Fresources\u002Fskills-starter\u002Fwebapp-testing\u002Fexamples\u002Fconsole_logging.py",{"path":89,"resourceType":84,"resourceTypeDesc":85,"sizeBytes":90,"sourceHtmlUrl":91},"examples\u002Felement_discovery.py",1463,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fapps\u002Fanycode-desktop\u002Fresources\u002Fskills-starter\u002Fwebapp-testing\u002Fexamples\u002Felement_discovery.py",{"path":93,"resourceType":84,"resourceTypeDesc":85,"sizeBytes":94,"sourceHtmlUrl":95},"examples\u002Fstatic_html_automation.py",953,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fapps\u002Fanycode-desktop\u002Fresources\u002Fskills-starter\u002Fwebapp-testing\u002Fexamples\u002Fstatic_html_automation.py",{"path":97,"resourceType":98,"resourceTypeDesc":99,"sizeBytes":100,"sourceHtmlUrl":101},"LICENSE.txt","LICENSE","许可证",11345,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fapps\u002Fanycode-desktop\u002Fresources\u002Fskills-starter\u002Fwebapp-testing\u002FLICENSE.txt",{"path":103,"resourceType":84,"resourceTypeDesc":85,"sizeBytes":104,"sourceHtmlUrl":105},"scripts\u002Fwith_server.py",3693,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fapps\u002Fanycode-desktop\u002Fresources\u002Fskills-starter\u002Fwebapp-testing\u002Fscripts\u002Fwith_server.py",{"path":107,"resourceType":108,"resourceTypeDesc":109,"sizeBytes":110,"sourceHtmlUrl":111},"THIRD_PARTY_SOURCE.txt","REFERENCE","参考文档",132,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fapps\u002Fanycode-desktop\u002Fresources\u002Fskills-starter\u002Fwebapp-testing\u002FTHIRD_PARTY_SOURCE.txt",[113,126,137,155,165,176],{"skillNo":114,"name":115,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":47},"01M6MYMFCKSXF6HM0J9F6XGTSW","weekly-report-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Fweekly-report-ab\u002FSKILL.md",[],[119,120,121,122,123,124,125],"report","Weekly Report","Market","ab","weekly","stub","weekly report ab market stub",{"skillNo":127,"name":128,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":129,"categories":130,"keywords":134,"publishedAt":47},"01M6MYMBRT8GWGJ2GJRM1KGC4K","report-csv-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Freport-csv-ab\u002FSKILL.md",[131],{"categoryNo":132,"categoryName":133,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000004","电子表格",[122,119,135,121,124,136],"csv","report csv ab market stub",{"skillNo":138,"name":139,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":140,"categories":141,"keywords":150,"publishedAt":47},"01M6MYM7WNEQ9JBFQZ18HHFJYY","office-pptx-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Foffice-pptx-ab\u002FSKILL.md",[142,145],{"categoryNo":143,"categoryName":144,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":146,"categoryName":147,"taxonomyType":148,"taxonomyTypeDesc":149},"01JBSEEDCAT000000000000034","行政与办公人员","PROFESSION","适用职业",[151,121,122,124,152,153,154],"office","office pptx","office pptx ab market stub","pptx",{"skillNo":156,"name":157,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":158,"categories":159,"keywords":160,"publishedAt":47},"01M6MYM47EAQXDGS0J299DJQGR","novel-writer-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Fnovel-writer-ab\u002FSKILL.md",[],[121,161,122,162,163,124,164],"writer","novel","novel writer","novel writer ab market stub",{"skillNo":166,"name":167,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":168,"categories":169,"keywords":171,"publishedAt":47},"01M6MYM0D7WBHBV5RACEJKS38G","meeting-minutes-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Fmeeting-minutes-ab\u002FSKILL.md",[170],{"categoryNo":146,"categoryName":147,"taxonomyType":148,"taxonomyTypeDesc":149},[172,173,121,122,174,124,175],"minutes","meeting minutes","meeting","meeting minutes ab market stub",{"skillNo":177,"name":178,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":179,"categories":180,"keywords":184,"publishedAt":47},"01M6MYKWFKNCR46ADQJ77EHZ85","md-to-pdf-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Fmd-to-pdf-ab\u002FSKILL.md",[181],{"categoryNo":182,"categoryName":183,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000002","文档处理",[121,185,122,124,186,187],"md to pdf","md to pdf ab market stub","PDF"]