[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6EAT9K5MRRESP8VMMVJPWMX":3,"skill-same:01M6EAT9K5MRRESP8VMMVJPWMX":232},{"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":31,"publishedAt":52,"linkOnly":53,"markdownContent":54,"markdownBody":55,"frontMatter":56,"refName":60,"commitSha":61,"skillDirectory":62,"forksCount":14,"repositoryHtmlUrl":63,"repositoryHomepageUrl":6,"ownerHtmlUrl":64,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":65,"install":66,"resources":79},"01M6EAT9K5MRRESP8VMMVJPWMX","playwright-best-practices",null,"Provides comprehensive guidance for writing, debugging, and maintaining Playwright tests in TypeScript. Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI\u002FCD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads\u002Fdownloads, date\u002Ftime mocking, WebSockets, geolocation, permissions, multi-tab\u002Fpopup flows, mobile\u002Fresponsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup\u002Fteardown, test annotations (skip, fixme, slow), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas\u002FWebGL, service workers\u002FPWA, test coverage, i18n\u002Flocalization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing.","Blake-John\u002Fagent-config","Blake-John","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F83487296?v=4","01M6EABMJN8BM7V3T5155SHNNX","Blake John","01M6EABMQBM0QRF2X8DZ79K1MD",0,"MIT","https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000018","写作与文案",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000036","内容创作者","PROFESSION","适用职业",[32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51],"playwright best practices","playwright","best practices","csrf","apps","teardown","project","time","i18n","extension testing","global setup","test coverage","testing","ci","monitoring","permissions","authentication","component","canvas","writing","2026-11-10 10:12:30",false,"---\nname: playwright-best-practices\ndescription: Provides comprehensive guidance for writing, debugging, and maintaining Playwright tests in TypeScript. Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI\u002FCD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads\u002Fdownloads, date\u002Ftime mocking, WebSockets, geolocation, permissions, multi-tab\u002Fpopup flows, mobile\u002Fresponsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup\u002Fteardown, test annotations (skip, fixme, slow), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas\u002FWebGL, service workers\u002FPWA, test coverage, i18n\u002Flocalization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing.\nlicense: MIT\nmetadata:\n  author: currents.dev\n  version: \"1.0\"\n---\n\n# Playwright Best Practices\n\nThis skill provides comprehensive guidance for all aspects of Playwright test development, from writing new tests to debugging and maintaining existing test suites.\n\n## Activity-Based Reference Guide\n\nConsult these references based on what you're doing:\n\n### Writing New Tests\n\n**When to use**: Creating new test files, writing test cases, implementing test scenarios\n\n| Activity                            | Reference Files                                                                                                                                           |\n| ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **Writing E2E tests**               | [test-organization.md](references\u002Ftest-organization.md), [locators.md](references\u002Flocators.md), [assertions-waiting.md](references\u002Fassertions-waiting.md) |\n| **Writing component tests**         | [component-testing.md](references\u002Fcomponent-testing.md), [test-organization.md](references\u002Ftest-organization.md)                                          |\n| **Writing API tests**               | [test-organization.md](references\u002Ftest-organization.md), [assertions-waiting.md](references\u002Fassertions-waiting.md)                                        |\n| **Writing visual regression tests** | [test-organization.md](references\u002Ftest-organization.md), [canvas-webgl.md](references\u002Fcanvas-webgl.md)                                                    |\n| **Structuring test code with POM**  | [page-object-model.md](references\u002Fpage-object-model.md), [test-organization.md](references\u002Ftest-organization.md)                                          |\n| **Setting up test data\u002Ffixtures**   | [fixtures-hooks.md](references\u002Ffixtures-hooks.md), [test-data.md](references\u002Ftest-data.md)                                                                |\n| **Handling authentication**         | [fixtures-hooks.md](references\u002Ffixtures-hooks.md), [third-party.md](references\u002Fthird-party.md)                                                            |\n| **Testing date\u002Ftime features**      | [clock-mocking.md](references\u002Fclock-mocking.md)                                                                                                           |\n| **Testing file upload\u002Fdownload**    | [file-operations.md](references\u002Ffile-operations.md)                                                                                                       |\n| **Testing accessibility**           | [accessibility.md](references\u002Faccessibility.md)                                                                                                           |\n| **Testing security (XSS, CSRF)**    | [security-testing.md](references\u002Fsecurity-testing.md)                                                                                                     |\n| **Using test annotations**          | [annotations.md](references\u002Fannotations.md)                                                                                                               |\n| **Testing iframes**                 | [iframes.md](references\u002Fiframes.md)                                                                                                                       |\n| **Testing canvas\u002FWebGL**            | [canvas-webgl.md](references\u002Fcanvas-webgl.md)                                                                                                             |\n| **Internationalization (i18n)**     | [i18n.md](references\u002Fi18n.md)                                                                                                                             |\n| **Testing Electron apps**           | [electron.md](references\u002Felectron.md)                                                                                                                     |\n| **Testing browser extensions**      | [browser-extensions.md](references\u002Fbrowser-extensions.md)                                                                                                 |\n\n### Mobile & Responsive Testing\n\n**When to use**: Testing mobile devices, touch interactions, responsive layouts\n\n| Activity                        | Reference Files                                                                          |\n| ------------------------------- | ---------------------------------------------------------------------------------------- |\n| **Device emulation**            | [mobile-testing.md](references\u002Fmobile-testing.md)                                        |\n| **Touch gestures (swipe, tap)** | [mobile-testing.md](references\u002Fmobile-testing.md)                                        |\n| **Viewport\u002Fbreakpoint testing** | [mobile-testing.md](references\u002Fmobile-testing.md)                                        |\n| **Mobile-specific UI**          | [mobile-testing.md](references\u002Fmobile-testing.md), [locators.md](references\u002Flocators.md) |\n\n### Real-Time & Browser APIs\n\n**When to use**: Testing WebSockets, geolocation, permissions, multi-tab flows\n\n| Activity                        | Reference Files                                                                              |\n| ------------------------------- | -------------------------------------------------------------------------------------------- |\n| **WebSocket\u002Freal-time testing** | [websockets.md](references\u002Fwebsockets.md)                                                    |\n| **Geolocation mocking**         | [browser-apis.md](references\u002Fbrowser-apis.md)                                                |\n| **Permission handling**         | [browser-apis.md](references\u002Fbrowser-apis.md)                                                |\n| **Clipboard testing**           | [browser-apis.md](references\u002Fbrowser-apis.md)                                                |\n| **Camera\u002Fmicrophone mocking**   | [browser-apis.md](references\u002Fbrowser-apis.md)                                                |\n| **Multi-tab\u002Fpopup flows**       | [multi-context.md](references\u002Fmulti-context.md)                                              |\n| **OAuth popup handling**        | [third-party.md](references\u002Fthird-party.md), [multi-context.md](references\u002Fmulti-context.md) |\n\n### Debugging & Troubleshooting\n\n**When to use**: Test failures, element not found, timeouts, unexpected behavior\n\n| Activity                                          | Reference Files                                                                                                                                 |\n| ------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |\n| **Debugging test failures**                       | [debugging.md](references\u002Fdebugging.md), [assertions-waiting.md](references\u002Fassertions-waiting.md)                                              |\n| **Fixing flaky tests**                            | [flaky-tests.md](references\u002Fflaky-tests.md), [debugging.md](references\u002Fdebugging.md), [assertions-waiting.md](references\u002Fassertions-waiting.md) |\n| **Debugging flaky parallel runs**                 | [flaky-tests.md](references\u002Fflaky-tests.md), [performance.md](references\u002Fperformance.md), [fixtures-hooks.md](references\u002Ffixtures-hooks.md)     |\n| **Ensuring test isolation \u002F avoiding state leak** | [flaky-tests.md](references\u002Fflaky-tests.md), [fixtures-hooks.md](references\u002Ffixtures-hooks.md), [performance.md](references\u002Fperformance.md)     |\n| **Fixing selector issues**                        | [locators.md](references\u002Flocators.md), [debugging.md](references\u002Fdebugging.md)                                                                  |\n| **Investigating timeout issues**                  | [assertions-waiting.md](references\u002Fassertions-waiting.md), [debugging.md](references\u002Fdebugging.md)                                              |\n| **Using trace viewer**                            | [debugging.md](references\u002Fdebugging.md)                                                                                                         |\n| **Debugging race conditions**                     | [flaky-tests.md](references\u002Fflaky-tests.md), [debugging.md](references\u002Fdebugging.md), [assertions-waiting.md](references\u002Fassertions-waiting.md) |\n| **Debugging console\u002FJS errors**                   | [console-errors.md](references\u002Fconsole-errors.md), [debugging.md](references\u002Fdebugging.md)                                                      |\n\n### Error & Edge Case Testing\n\n**When to use**: Testing error states, offline mode, network failures, validation\n\n| Activity                       | Reference Files                                                                                        |\n| ------------------------------ | ------------------------------------------------------------------------------------------------------ |\n| **Error boundary testing**     | [error-testing.md](references\u002Ferror-testing.md)                                                        |\n| **Network failure simulation** | [error-testing.md](references\u002Ferror-testing.md), [network-advanced.md](references\u002Fnetwork-advanced.md) |\n| **Offline mode testing**       | [error-testing.md](references\u002Ferror-testing.md), [service-workers.md](references\u002Fservice-workers.md)   |\n| **Service worker testing**     | [service-workers.md](references\u002Fservice-workers.md)                                                    |\n| **Loading state testing**      | [error-testing.md](references\u002Ferror-testing.md)                                                        |\n| **Form validation testing**    | [error-testing.md](references\u002Ferror-testing.md)                                                        |\n\n### Multi-User & Collaboration Testing\n\n**When to use**: Testing features involving multiple users, roles, or real-time collaboration\n\n| Activity                       | Reference Files                                                                      |\n| ------------------------------ | ------------------------------------------------------------------------------------ |\n| **Multiple users in one test** | [multi-user.md](references\u002Fmulti-user.md)                                            |\n| **Real-time collaboration**    | [multi-user.md](references\u002Fmulti-user.md), [websockets.md](references\u002Fwebsockets.md) |\n| **Role-based access testing**  | [multi-user.md](references\u002Fmulti-user.md)                                            |\n| **Concurrent action testing**  | [multi-user.md](references\u002Fmulti-user.md)                                            |\n\n### Refactoring & Maintenance\n\n**When to use**: Improving existing tests, code review, reducing duplication\n\n| Activity                             | Reference Files                                                                                                  |\n| ------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |\n| **Refactoring to Page Object Model** | [page-object-model.md](references\u002Fpage-object-model.md), [test-organization.md](references\u002Ftest-organization.md) |\n| **Improving test organization**      | [test-organization.md](references\u002Ftest-organization.md), [page-object-model.md](references\u002Fpage-object-model.md) |\n| **Extracting common setup\u002Fteardown** | [fixtures-hooks.md](references\u002Ffixtures-hooks.md)                                                                |\n| **Replacing brittle selectors**      | [locators.md](references\u002Flocators.md)                                                                            |\n| **Removing explicit waits**          | [assertions-waiting.md](references\u002Fassertions-waiting.md)                                                        |\n| **Creating test data factories**     | [test-data.md](references\u002Ftest-data.md)                                                                          |\n\n### Infrastructure & Configuration\n\n**When to use**: Setting up projects, configuring CI\u002FCD, optimizing performance\n\n| Activity                                | Reference Files                                                                                                          |\n| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |\n| **Configuring Playwright project**      | [test-organization.md](references\u002Ftest-organization.md), [projects-dependencies.md](references\u002Fprojects-dependencies.md) |\n| **Setting up CI\u002FCD pipelines**          | [ci-cd.md](references\u002Fci-cd.md), [performance.md](references\u002Fperformance.md)                                             |\n| **Global setup & teardown**             | [global-setup.md](references\u002Fglobal-setup.md)                                                                            |\n| **Project dependencies**                | [projects-dependencies.md](references\u002Fprojects-dependencies.md)                                                          |\n| **Optimizing test performance**         | [performance.md](references\u002Fperformance.md), [test-organization.md](references\u002Ftest-organization.md)                     |\n| **Configuring parallel execution**      | [performance.md](references\u002Fperformance.md)                                                                              |\n| **Isolating test data between workers** | [fixtures-hooks.md](references\u002Ffixtures-hooks.md), [performance.md](references\u002Fperformance.md)                           |\n| **Test coverage**                       | [test-coverage.md](references\u002Ftest-coverage.md)                                                                          |\n\n### Advanced Patterns\n\n**When to use**: Complex scenarios, API mocking, network interception\n\n| Activity                             | Reference Files                                                                                                  |\n| ------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |\n| **Mocking API responses**            | [test-organization.md](references\u002Ftest-organization.md), [network-advanced.md](references\u002Fnetwork-advanced.md)   |\n| **Network interception**             | [network-advanced.md](references\u002Fnetwork-advanced.md), [assertions-waiting.md](references\u002Fassertions-waiting.md) |\n| **GraphQL mocking**                  | [network-advanced.md](references\u002Fnetwork-advanced.md)                                                            |\n| **HAR recording\u002Fplayback**           | [network-advanced.md](references\u002Fnetwork-advanced.md)                                                            |\n| **Custom fixtures**                  | [fixtures-hooks.md](references\u002Ffixtures-hooks.md)                                                                |\n| **Advanced waiting strategies**      | [assertions-waiting.md](references\u002Fassertions-waiting.md)                                                        |\n| **OAuth\u002FSSO mocking**                | [third-party.md](references\u002Fthird-party.md), [multi-context.md](references\u002Fmulti-context.md)                     |\n| **Payment gateway mocking**          | [third-party.md](references\u002Fthird-party.md)                                                                      |\n| **Email\u002FSMS verification mocking**   | [third-party.md](references\u002Fthird-party.md)                                                                      |\n| **Failing on console errors**        | [console-errors.md](references\u002Fconsole-errors.md)                                                                |\n| **Security testing (XSS, CSRF)**     | [security-testing.md](references\u002Fsecurity-testing.md)                                                            |\n| **Performance budgets & Web Vitals** | [performance-testing.md](references\u002Fperformance-testing.md)                                                      |\n| **Lighthouse integration**           | [performance-testing.md](references\u002Fperformance-testing.md)                                                      |\n| **Test annotations (skip, fixme)**   | [annotations.md](references\u002Fannotations.md)                                                                      |\n| **Test steps for reporting**         | [annotations.md](references\u002Fannotations.md)                                                                      |\n\n## Quick Decision Tree\n\n```\nWhat are you doing?\n│\n├─ Writing a new test?\n│  ├─ E2E test → test-organization.md, locators.md, assertions-waiting.md\n│  ├─ Component test → component-testing.md\n│  ├─ API test → test-organization.md, assertions-waiting.md\n│  ├─ Visual\u002Fcanvas test → canvas-webgl.md, test-organization.md\n│  ├─ Accessibility test → accessibility.md\n│  ├─ Mobile\u002Fresponsive test → mobile-testing.md\n│  ├─ i18n\u002Flocale test → i18n.md\n│  ├─ Electron app test → electron.md\n│  ├─ Browser extension test → browser-extensions.md\n│  └─ Multi-user test → multi-user.md\n│\n├─ Testing specific features?\n│  ├─ File upload\u002Fdownload → file-operations.md\n│  ├─ Date\u002Ftime dependent → clock-mocking.md\n│  ├─ WebSocket\u002Freal-time → websockets.md\n│  ├─ Geolocation\u002Fpermissions → browser-apis.md\n│  ├─ OAuth\u002FSSO mocking → third-party.md, multi-context.md\n│  ├─ Payments\u002Femail\u002FSMS → third-party.md\n│  ├─ iFrames → iframes.md\n│  ├─ Canvas\u002FWebGL\u002Fcharts → canvas-webgl.md\n│  ├─ Service workers\u002FPWA → service-workers.md\n│  ├─ i18n\u002Flocalization → i18n.md\n│  ├─ Security (XSS, CSRF) → security-testing.md\n│  └─ Performance\u002FWeb Vitals → performance-testing.md\n│\n├─ Test is failing\u002Fflaky?\n│  ├─ Flaky test investigation → flaky-tests.md\n│  ├─ Element not found → locators.md, debugging.md\n│  ├─ Timeout issues → assertions-waiting.md, debugging.md\n│  ├─ Race conditions → flaky-tests.md, debugging.md\n│  ├─ Flaky only with multiple workers → flaky-tests.md, performance.md\n│  ├─ State leak \u002F isolation → flaky-tests.md, fixtures-hooks.md\n│  ├─ Console\u002FJS errors → console-errors.md, debugging.md\n│  └─ General debugging → debugging.md\n│\n├─ Testing error scenarios?\n│  ├─ Network failures → error-testing.md, network-advanced.md\n│  ├─ Offline (unexpected) → error-testing.md\n│  ├─ Offline-first\u002FPWA → service-workers.md\n│  ├─ Error boundaries → error-testing.md\n│  └─ Form validation → error-testing.md\n│\n├─ Refactoring existing code?\n│  ├─ Implementing POM → page-object-model.md\n│  ├─ Improving selectors → locators.md\n│  ├─ Extracting fixtures → fixtures-hooks.md\n│  └─ Creating data factories → test-data.md\n│\n├─ Setting up infrastructure?\n│  ├─ CI\u002FCD → ci-cd.md\n│  ├─ Global setup\u002Fteardown → global-setup.md\n│  ├─ Project dependencies → projects-dependencies.md\n│  ├─ Test performance → performance.md\n│  ├─ Test coverage → test-coverage.md\n│  └─ Project config → test-organization.md, projects-dependencies.md\n│\n└─ Organizing tests?\n   ├─ Skip\u002Ffixme\u002Fslow tests → annotations.md\n   ├─ Test steps → annotations.md\n   └─ Conditional execution → annotations.md\n```\n\n## Test Validation Loop\n\nAfter writing or modifying tests:\n\n1. **Run tests**: `npx playwright test --reporter=list`\n2. **If tests fail**:\n   - Review error output and trace (`npx playwright show-trace`)\n   - Fix locators, waits, or assertions\n   - Re-run tests\n3. **Only proceed when all tests pass**\n4. **Run multiple times** for critical tests: `npx playwright test --repeat-each=5`\n","# Playwright Best Practices\n\nThis skill provides comprehensive guidance for all aspects of Playwright test development, from writing new tests to debugging and maintaining existing test suites.\n\n## Activity-Based Reference Guide\n\nConsult these references based on what you're doing:\n\n### Writing New Tests\n\n**When to use**: Creating new test files, writing test cases, implementing test scenarios\n\n| Activity                            | Reference Files                                                                                                                                           |\n| ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **Writing E2E tests**               | [test-organization.md](references\u002Ftest-organization.md), [locators.md](references\u002Flocators.md), [assertions-waiting.md](references\u002Fassertions-waiting.md) |\n| **Writing component tests**         | [component-testing.md](references\u002Fcomponent-testing.md), [test-organization.md](references\u002Ftest-organization.md)                                          |\n| **Writing API tests**               | [test-organization.md](references\u002Ftest-organization.md), [assertions-waiting.md](references\u002Fassertions-waiting.md)                                        |\n| **Writing visual regression tests** | [test-organization.md](references\u002Ftest-organization.md), [canvas-webgl.md](references\u002Fcanvas-webgl.md)                                                    |\n| **Structuring test code with POM**  | [page-object-model.md](references\u002Fpage-object-model.md), [test-organization.md](references\u002Ftest-organization.md)                                          |\n| **Setting up test data\u002Ffixtures**   | [fixtures-hooks.md](references\u002Ffixtures-hooks.md), [test-data.md](references\u002Ftest-data.md)                                                                |\n| **Handling authentication**         | [fixtures-hooks.md](references\u002Ffixtures-hooks.md), [third-party.md](references\u002Fthird-party.md)                                                            |\n| **Testing date\u002Ftime features**      | [clock-mocking.md](references\u002Fclock-mocking.md)                                                                                                           |\n| **Testing file upload\u002Fdownload**    | [file-operations.md](references\u002Ffile-operations.md)                                                                                                       |\n| **Testing accessibility**           | [accessibility.md](references\u002Faccessibility.md)                                                                                                           |\n| **Testing security (XSS, CSRF)**    | [security-testing.md](references\u002Fsecurity-testing.md)                                                                                                     |\n| **Using test annotations**          | [annotations.md](references\u002Fannotations.md)                                                                                                               |\n| **Testing iframes**                 | [iframes.md](references\u002Fiframes.md)                                                                                                                       |\n| **Testing canvas\u002FWebGL**            | [canvas-webgl.md](references\u002Fcanvas-webgl.md)                                                                                                             |\n| **Internationalization (i18n)**     | [i18n.md](references\u002Fi18n.md)                                                                                                                             |\n| **Testing Electron apps**           | [electron.md](references\u002Felectron.md)                                                                                                                     |\n| **Testing browser extensions**      | [browser-extensions.md](references\u002Fbrowser-extensions.md)                                                                                                 |\n\n### Mobile & Responsive Testing\n\n**When to use**: Testing mobile devices, touch interactions, responsive layouts\n\n| Activity                        | Reference Files                                                                          |\n| ------------------------------- | ---------------------------------------------------------------------------------------- |\n| **Device emulation**            | [mobile-testing.md](references\u002Fmobile-testing.md)                                        |\n| **Touch gestures (swipe, tap)** | [mobile-testing.md](references\u002Fmobile-testing.md)                                        |\n| **Viewport\u002Fbreakpoint testing** | [mobile-testing.md](references\u002Fmobile-testing.md)                                        |\n| **Mobile-specific UI**          | [mobile-testing.md](references\u002Fmobile-testing.md), [locators.md](references\u002Flocators.md) |\n\n### Real-Time & Browser APIs\n\n**When to use**: Testing WebSockets, geolocation, permissions, multi-tab flows\n\n| Activity                        | Reference Files                                                                              |\n| ------------------------------- | -------------------------------------------------------------------------------------------- |\n| **WebSocket\u002Freal-time testing** | [websockets.md](references\u002Fwebsockets.md)                                                    |\n| **Geolocation mocking**         | [browser-apis.md](references\u002Fbrowser-apis.md)                                                |\n| **Permission handling**         | [browser-apis.md](references\u002Fbrowser-apis.md)                                                |\n| **Clipboard testing**           | [browser-apis.md](references\u002Fbrowser-apis.md)                                                |\n| **Camera\u002Fmicrophone mocking**   | [browser-apis.md](references\u002Fbrowser-apis.md)                                                |\n| **Multi-tab\u002Fpopup flows**       | [multi-context.md](references\u002Fmulti-context.md)                                              |\n| **OAuth popup handling**        | [third-party.md](references\u002Fthird-party.md), [multi-context.md](references\u002Fmulti-context.md) |\n\n### Debugging & Troubleshooting\n\n**When to use**: Test failures, element not found, timeouts, unexpected behavior\n\n| Activity                                          | Reference Files                                                                                                                                 |\n| ------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |\n| **Debugging test failures**                       | [debugging.md](references\u002Fdebugging.md), [assertions-waiting.md](references\u002Fassertions-waiting.md)                                              |\n| **Fixing flaky tests**                            | [flaky-tests.md](references\u002Fflaky-tests.md), [debugging.md](references\u002Fdebugging.md), [assertions-waiting.md](references\u002Fassertions-waiting.md) |\n| **Debugging flaky parallel runs**                 | [flaky-tests.md](references\u002Fflaky-tests.md), [performance.md](references\u002Fperformance.md), [fixtures-hooks.md](references\u002Ffixtures-hooks.md)     |\n| **Ensuring test isolation \u002F avoiding state leak** | [flaky-tests.md](references\u002Fflaky-tests.md), [fixtures-hooks.md](references\u002Ffixtures-hooks.md), [performance.md](references\u002Fperformance.md)     |\n| **Fixing selector issues**                        | [locators.md](references\u002Flocators.md), [debugging.md](references\u002Fdebugging.md)                                                                  |\n| **Investigating timeout issues**                  | [assertions-waiting.md](references\u002Fassertions-waiting.md), [debugging.md](references\u002Fdebugging.md)                                              |\n| **Using trace viewer**                            | [debugging.md](references\u002Fdebugging.md)                                                                                                         |\n| **Debugging race conditions**                     | [flaky-tests.md](references\u002Fflaky-tests.md), [debugging.md](references\u002Fdebugging.md), [assertions-waiting.md](references\u002Fassertions-waiting.md) |\n| **Debugging console\u002FJS errors**                   | [console-errors.md](references\u002Fconsole-errors.md), [debugging.md](references\u002Fdebugging.md)                                                      |\n\n### Error & Edge Case Testing\n\n**When to use**: Testing error states, offline mode, network failures, validation\n\n| Activity                       | Reference Files                                                                                        |\n| ------------------------------ | ------------------------------------------------------------------------------------------------------ |\n| **Error boundary testing**     | [error-testing.md](references\u002Ferror-testing.md)                                                        |\n| **Network failure simulation** | [error-testing.md](references\u002Ferror-testing.md), [network-advanced.md](references\u002Fnetwork-advanced.md) |\n| **Offline mode testing**       | [error-testing.md](references\u002Ferror-testing.md), [service-workers.md](references\u002Fservice-workers.md)   |\n| **Service worker testing**     | [service-workers.md](references\u002Fservice-workers.md)                                                    |\n| **Loading state testing**      | [error-testing.md](references\u002Ferror-testing.md)                                                        |\n| **Form validation testing**    | [error-testing.md](references\u002Ferror-testing.md)                                                        |\n\n### Multi-User & Collaboration Testing\n\n**When to use**: Testing features involving multiple users, roles, or real-time collaboration\n\n| Activity                       | Reference Files                                                                      |\n| ------------------------------ | ------------------------------------------------------------------------------------ |\n| **Multiple users in one test** | [multi-user.md](references\u002Fmulti-user.md)                                            |\n| **Real-time collaboration**    | [multi-user.md](references\u002Fmulti-user.md), [websockets.md](references\u002Fwebsockets.md) |\n| **Role-based access testing**  | [multi-user.md](references\u002Fmulti-user.md)                                            |\n| **Concurrent action testing**  | [multi-user.md](references\u002Fmulti-user.md)                                            |\n\n### Refactoring & Maintenance\n\n**When to use**: Improving existing tests, code review, reducing duplication\n\n| Activity                             | Reference Files                                                                                                  |\n| ------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |\n| **Refactoring to Page Object Model** | [page-object-model.md](references\u002Fpage-object-model.md), [test-organization.md](references\u002Ftest-organization.md) |\n| **Improving test organization**      | [test-organization.md](references\u002Ftest-organization.md), [page-object-model.md](references\u002Fpage-object-model.md) |\n| **Extracting common setup\u002Fteardown** | [fixtures-hooks.md](references\u002Ffixtures-hooks.md)                                                                |\n| **Replacing brittle selectors**      | [locators.md](references\u002Flocators.md)                                                                            |\n| **Removing explicit waits**          | [assertions-waiting.md](references\u002Fassertions-waiting.md)                                                        |\n| **Creating test data factories**     | [test-data.md](references\u002Ftest-data.md)                                                                          |\n\n### Infrastructure & Configuration\n\n**When to use**: Setting up projects, configuring CI\u002FCD, optimizing performance\n\n| Activity                                | Reference Files                                                                                                          |\n| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |\n| **Configuring Playwright project**      | [test-organization.md](references\u002Ftest-organization.md), [projects-dependencies.md](references\u002Fprojects-dependencies.md) |\n| **Setting up CI\u002FCD pipelines**          | [ci-cd.md](references\u002Fci-cd.md), [performance.md](references\u002Fperformance.md)                                             |\n| **Global setup & teardown**             | [global-setup.md](references\u002Fglobal-setup.md)                                                                            |\n| **Project dependencies**                | [projects-dependencies.md](references\u002Fprojects-dependencies.md)                                                          |\n| **Optimizing test performance**         | [performance.md](references\u002Fperformance.md), [test-organization.md](references\u002Ftest-organization.md)                     |\n| **Configuring parallel execution**      | [performance.md](references\u002Fperformance.md)                                                                              |\n| **Isolating test data between workers** | [fixtures-hooks.md](references\u002Ffixtures-hooks.md), [performance.md](references\u002Fperformance.md)                           |\n| **Test coverage**                       | [test-coverage.md](references\u002Ftest-coverage.md)                                                                          |\n\n### Advanced Patterns\n\n**When to use**: Complex scenarios, API mocking, network interception\n\n| Activity                             | Reference Files                                                                                                  |\n| ------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |\n| **Mocking API responses**            | [test-organization.md](references\u002Ftest-organization.md), [network-advanced.md](references\u002Fnetwork-advanced.md)   |\n| **Network interception**             | [network-advanced.md](references\u002Fnetwork-advanced.md), [assertions-waiting.md](references\u002Fassertions-waiting.md) |\n| **GraphQL mocking**                  | [network-advanced.md](references\u002Fnetwork-advanced.md)                                                            |\n| **HAR recording\u002Fplayback**           | [network-advanced.md](references\u002Fnetwork-advanced.md)                                                            |\n| **Custom fixtures**                  | [fixtures-hooks.md](references\u002Ffixtures-hooks.md)                                                                |\n| **Advanced waiting strategies**      | [assertions-waiting.md](references\u002Fassertions-waiting.md)                                                        |\n| **OAuth\u002FSSO mocking**                | [third-party.md](references\u002Fthird-party.md), [multi-context.md](references\u002Fmulti-context.md)                     |\n| **Payment gateway mocking**          | [third-party.md](references\u002Fthird-party.md)                                                                      |\n| **Email\u002FSMS verification mocking**   | [third-party.md](references\u002Fthird-party.md)                                                                      |\n| **Failing on console errors**        | [console-errors.md](references\u002Fconsole-errors.md)                                                                |\n| **Security testing (XSS, CSRF)**     | [security-testing.md](references\u002Fsecurity-testing.md)                                                            |\n| **Performance budgets & Web Vitals** | [performance-testing.md](references\u002Fperformance-testing.md)                                                      |\n| **Lighthouse integration**           | [performance-testing.md](references\u002Fperformance-testing.md)                                                      |\n| **Test annotations (skip, fixme)**   | [annotations.md](references\u002Fannotations.md)                                                                      |\n| **Test steps for reporting**         | [annotations.md](references\u002Fannotations.md)                                                                      |\n\n## Quick Decision Tree\n\n```\nWhat are you doing?\n│\n├─ Writing a new test?\n│  ├─ E2E test → test-organization.md, locators.md, assertions-waiting.md\n│  ├─ Component test → component-testing.md\n│  ├─ API test → test-organization.md, assertions-waiting.md\n│  ├─ Visual\u002Fcanvas test → canvas-webgl.md, test-organization.md\n│  ├─ Accessibility test → accessibility.md\n│  ├─ Mobile\u002Fresponsive test → mobile-testing.md\n│  ├─ i18n\u002Flocale test → i18n.md\n│  ├─ Electron app test → electron.md\n│  ├─ Browser extension test → browser-extensions.md\n│  └─ Multi-user test → multi-user.md\n│\n├─ Testing specific features?\n│  ├─ File upload\u002Fdownload → file-operations.md\n│  ├─ Date\u002Ftime dependent → clock-mocking.md\n│  ├─ WebSocket\u002Freal-time → websockets.md\n│  ├─ Geolocation\u002Fpermissions → browser-apis.md\n│  ├─ OAuth\u002FSSO mocking → third-party.md, multi-context.md\n│  ├─ Payments\u002Femail\u002FSMS → third-party.md\n│  ├─ iFrames → iframes.md\n│  ├─ Canvas\u002FWebGL\u002Fcharts → canvas-webgl.md\n│  ├─ Service workers\u002FPWA → service-workers.md\n│  ├─ i18n\u002Flocalization → i18n.md\n│  ├─ Security (XSS, CSRF) → security-testing.md\n│  └─ Performance\u002FWeb Vitals → performance-testing.md\n│\n├─ Test is failing\u002Fflaky?\n│  ├─ Flaky test investigation → flaky-tests.md\n│  ├─ Element not found → locators.md, debugging.md\n│  ├─ Timeout issues → assertions-waiting.md, debugging.md\n│  ├─ Race conditions → flaky-tests.md, debugging.md\n│  ├─ Flaky only with multiple workers → flaky-tests.md, performance.md\n│  ├─ State leak \u002F isolation → flaky-tests.md, fixtures-hooks.md\n│  ├─ Console\u002FJS errors → console-errors.md, debugging.md\n│  └─ General debugging → debugging.md\n│\n├─ Testing error scenarios?\n│  ├─ Network failures → error-testing.md, network-advanced.md\n│  ├─ Offline (unexpected) → error-testing.md\n│  ├─ Offline-first\u002FPWA → service-workers.md\n│  ├─ Error boundaries → error-testing.md\n│  └─ Form validation → error-testing.md\n│\n├─ Refactoring existing code?\n│  ├─ Implementing POM → page-object-model.md\n│  ├─ Improving selectors → locators.md\n│  ├─ Extracting fixtures → fixtures-hooks.md\n│  └─ Creating data factories → test-data.md\n│\n├─ Setting up infrastructure?\n│  ├─ CI\u002FCD → ci-cd.md\n│  ├─ Global setup\u002Fteardown → global-setup.md\n│  ├─ Project dependencies → projects-dependencies.md\n│  ├─ Test performance → performance.md\n│  ├─ Test coverage → test-coverage.md\n│  └─ Project config → test-organization.md, projects-dependencies.md\n│\n└─ Organizing tests?\n   ├─ Skip\u002Ffixme\u002Fslow tests → annotations.md\n   ├─ Test steps → annotations.md\n   └─ Conditional execution → annotations.md\n```\n\n## Test Validation Loop\n\nAfter writing or modifying tests:\n\n1. **Run tests**: `npx playwright test --reporter=list`\n2. **If tests fail**:\n   - Review error output and trace (`npx playwright show-trace`)\n   - Fix locators, waits, or assertions\n   - Re-run tests\n3. **Only proceed when all tests pass**\n4. **Run multiple times** for critical tests: `npx playwright test --repeat-each=5`\n",{"name":5,"license":15,"metadata":57,"description":7},{"author":58,"version":59},"currents.dev","1.0","optimize-agents-chinese","54861d380d2ee16418f006fd308a3d12581b1e78",".zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices","https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config","https:\u002F\u002Fgithub.com\u002FBlake-John","2026-06-29 20:16:16",{"source":8,"skillName":5,"commands":67,"prompt":77,"zipAvailable":78},[68,71,74],{"tool":69,"command":70},"npx","npx skills add Blake-John\u002Fagent-config --skill playwright-best-practices",{"tool":72,"command":73},"bunx","bunx skills add Blake-John\u002Fagent-config --skill playwright-best-practices",{"tool":75,"command":76},"pnpm","pnpm dlx skills add Blake-John\u002Fagent-config --skill playwright-best-practices","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002FSKILL.md",true,[80,86,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228],{"path":81,"resourceType":82,"resourceTypeDesc":83,"sizeBytes":84,"sourceHtmlUrl":85},"LICENSE.md","LICENSE","许可证",1073,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002FLICENSE.md",{"path":87,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":90,"sourceHtmlUrl":91},"README.md","REFERENCE","参考文档",7196,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002FREADME.md",{"path":93,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":94,"sourceHtmlUrl":95},"references\u002Faccessibility.md",9154,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Faccessibility.md",{"path":97,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":98,"sourceHtmlUrl":99},"references\u002Fannotations.md",10749,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fannotations.md",{"path":101,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":102,"sourceHtmlUrl":103},"references\u002Fassertions-waiting.md",9427,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fassertions-waiting.md",{"path":105,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":106,"sourceHtmlUrl":107},"references\u002Fbrowser-apis.md",10697,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fbrowser-apis.md",{"path":109,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":110,"sourceHtmlUrl":111},"references\u002Fbrowser-extensions.md",13782,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fbrowser-extensions.md",{"path":113,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":114,"sourceHtmlUrl":115},"references\u002Fcanvas-webgl.md",13157,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fcanvas-webgl.md",{"path":117,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":118,"sourceHtmlUrl":119},"references\u002Fci-cd.md",8656,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fci-cd.md",{"path":121,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":122,"sourceHtmlUrl":123},"references\u002Fclock-mocking.md",9856,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fclock-mocking.md",{"path":125,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":126,"sourceHtmlUrl":127},"references\u002Fcomponent-testing.md",11693,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fcomponent-testing.md",{"path":129,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":130,"sourceHtmlUrl":131},"references\u002Fconsole-errors.md",10093,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fconsole-errors.md",{"path":133,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":134,"sourceHtmlUrl":135},"references\u002Fdebugging.md",14929,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fdebugging.md",{"path":137,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":138,"sourceHtmlUrl":139},"references\u002Felectron.md",13491,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Felectron.md",{"path":141,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":142,"sourceHtmlUrl":143},"references\u002Ferror-testing.md",9674,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Ferror-testing.md",{"path":145,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":146,"sourceHtmlUrl":147},"references\u002Ffile-operations.md",10296,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Ffile-operations.md",{"path":149,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":150,"sourceHtmlUrl":151},"references\u002Ffixtures-hooks.md",11783,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Ffixtures-hooks.md",{"path":153,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":154,"sourceHtmlUrl":155},"references\u002Fflaky-tests.md",15046,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fflaky-tests.md",{"path":157,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":158,"sourceHtmlUrl":159},"references\u002Fglobal-setup.md",12861,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fglobal-setup.md",{"path":161,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":162,"sourceHtmlUrl":163},"references\u002Fi18n.md",13110,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fi18n.md",{"path":165,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":166,"sourceHtmlUrl":167},"references\u002Fiframes.md",11601,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fiframes.md",{"path":169,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":170,"sourceHtmlUrl":171},"references\u002Flocators.md",6515,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Flocators.md",{"path":173,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":174,"sourceHtmlUrl":175},"references\u002Fmobile-testing.md",10935,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fmobile-testing.md",{"path":177,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":178,"sourceHtmlUrl":179},"references\u002Fmulti-context.md",8562,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fmulti-context.md",{"path":181,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":182,"sourceHtmlUrl":183},"references\u002Fmulti-user.md",11466,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fmulti-user.md",{"path":185,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":186,"sourceHtmlUrl":187},"references\u002Fnetwork-advanced.md",11076,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fnetwork-advanced.md",{"path":189,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":190,"sourceHtmlUrl":191},"references\u002Fpage-object-model.md",8104,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fpage-object-model.md",{"path":193,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":194,"sourceHtmlUrl":195},"references\u002Fperformance-testing.md",12518,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fperformance-testing.md",{"path":197,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":198,"sourceHtmlUrl":199},"references\u002Fperformance.md",11824,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fperformance.md",{"path":201,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":202,"sourceHtmlUrl":203},"references\u002Fprojects-dependencies.md",8925,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fprojects-dependencies.md",{"path":205,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":206,"sourceHtmlUrl":207},"references\u002Fsecurity-testing.md",12099,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fsecurity-testing.md",{"path":209,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":210,"sourceHtmlUrl":211},"references\u002Fservice-workers.md",13781,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fservice-workers.md",{"path":213,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":214,"sourceHtmlUrl":215},"references\u002Ftest-coverage.md",12717,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Ftest-coverage.md",{"path":217,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":218,"sourceHtmlUrl":219},"references\u002Ftest-data.md",12076,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Ftest-data.md",{"path":221,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":222,"sourceHtmlUrl":223},"references\u002Ftest-organization.md",9498,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Ftest-organization.md",{"path":225,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":226,"sourceHtmlUrl":227},"references\u002Fthird-party.md",12155,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fthird-party.md",{"path":229,"resourceType":88,"resourceTypeDesc":89,"sizeBytes":230,"sourceHtmlUrl":231},"references\u002Fwebsockets.md",10565,"https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002F.zeroclaw\u002Fworkspace\u002Fskills\u002Fplaywright-best-practices\u002Freferences\u002Fwebsockets.md",[233,258,287,309,333,358],{"skillNo":234,"name":235,"nameZh":6,"description":236,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":237,"categories":238,"keywords":239,"publishedAt":52},"01M6EAZFTRV9ED04KDN43NNBND","websocket-engineer","当使用 WebSocket 或 Socket.IO 构建实时通信系统时使用。适用于双向消息通信、Redis 水平扩展、在线状态追踪、房间管理。","https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002Fopencode\u002Fskills\u002Fwebsocket-engineer\u002FSKILL.md",[],[240,241,242,243,244,245,246,247,46,248,249,250,251,252,253,254,255,256,39,257],"websocket","engineer","websocket engineer","architecture","code","communication","push","messaging","server","redis","real-time","api","reviewer","fastapi","expert","nestjs","chat","io",{"skillNo":259,"name":260,"nameZh":6,"description":261,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":262,"categories":263,"keywords":271,"publishedAt":52},"01M6EAZAQJDB2F89M9BAXXQ193","security-reviewer","识别安全漏洞，生成带有严重性评级的结构化审计报告，并提供可操作的安全修复建议。在开展安全审计、审查代码漏洞或分析基础设施安全时使用。适用于 SAST 扫描、渗透测试、DevSecOps 实践、云安全审查、依赖审计、密钥扫描或合规检查。生成漏洞报告、优先级建议和合规清单。","https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002Fopencode\u002Fskills\u002Fsecurity-reviewer\u002FSKILL.md",[264,265,268],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":266,"categoryName":267,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":269,"categoryName":270,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000030","开发工程师",[272,252,273,44,274,275,276,277,244,278,279,280,281,251,282,283,284,241,285,286],"security","security reviewer","MCP","review","kubernetes","security analysis","cloud security","analysis","security audit","vulnerability","Bash","生成","安全","scan","penetration",{"skillNo":288,"name":289,"nameZh":6,"description":290,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":291,"categories":292,"keywords":294,"publishedAt":52},"01M6EAZ69SHGY5EC3P0SHJ9H6P","secure-code-guardian","用于实现认证\u002F授权、保护用户输入或防御 OWASP Top 10 漏洞 —— 包括自定义安全实现，例如使用 bcrypt\u002Fargon2 哈希密码、使用参数化语句清理 SQL 查询、配置 CORS\u002FCSP 头部、使用 Zod 验证输入以及设置 JWT token。适用于认证、授权、输入验证、加密、OWASP Top 10 防护、安全会话管理和安全加固。对于预构建的 OAuth\u002FSSO 集成或独立的安全审计，请考虑使用更专业的 skill。","https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002Fopencode\u002Fskills\u002Fsecure-code-guardian\u002FSKILL.md",[293],{"categoryNo":269,"categoryName":270,"taxonomyType":29,"taxonomyTypeDesc":30},[295,244,296,297,298,243,299,300,48,301,302,303,281,304,284,305,306,252,307,308],"secure","guardian","secure code guardian","github","sql","owasp top 10","OAuth","encryption","sso","密码","password","zod","Secure Coding","fullstack",{"skillNo":310,"name":311,"nameZh":6,"description":312,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":313,"categories":314,"keywords":316,"publishedAt":52},"01M6EAYPNHN4R8HZZ539DR7A5E","rust-engineer","编写、审查和调试符合 Rust 风格的代码，确保内存安全和零成本抽象。实现所有权模式、管理生命周期、设计 trait 层级、使用 tokio 构建异步应用程序，以及使用 Result\u002FOption 结构化错误处理。适用于构建 Rust 应用程序、解决所有权或借用问题、设计基于 trait 的 API、实现 async\u002Fawait 并发、创建 FFI 绑定，或优化性能和内存安全。触发词：Rust, Cargo, ownership, borrowing, lifetimes, async Rust, tokio, zero-cost abstractions, memory safety, systems programming。","https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002Fopencode\u002Fskills\u002Frust-engineer\u002FSKILL.md",[315],{"categoryNo":269,"categoryName":270,"taxonomyType":29,"taxonomyTypeDesc":30},[317,241,318,44,319,298,320,321,322,323,324,325,284,326,327,328,329,330,331,332],"rust","rust engineer","design","memory","memory safety","ffi","https","ZeRO","Safety","option","cost","implementation","async","patterns","systems","cargo",{"skillNo":334,"name":335,"nameZh":6,"description":336,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":337,"categories":338,"keywords":342,"publishedAt":52},"01M6EAYJ5YERE5C5GNE248S26G","react-native-expert","使用 React Native 和 Expo 构建、优化和调试跨平台移动应用。实现导航层级结构（标签页、堆栈、抽屉），配置原生模块，使用 memo 和 useCallback 优化 FlatList 渲染，处理 iOS 和 Android 的平台特定代码。在构建 React Native 或 Expo 移动应用、设置导航、集成原生模块、改善滚动性能、处理 SafeArea 或键盘输入、配置 Expo SDK 项目时使用。","https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002Fopencode\u002Fskills\u002Freact-native-expert\u002FSKILL.md",[339],{"categoryNo":340,"categoryName":341,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",[343,344,254,345,346,347,298,348,244,323,349,350,328,351,352,353,354,355,356,357],"react","react native","react native expert","frontend","android","sdk","ios","mobile app","mobile","expo","cross-platform","memo","platform","module","app",{"skillNo":359,"name":360,"nameZh":6,"description":361,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":362,"categories":363,"keywords":365,"publishedAt":52},"01M6EAYEGN5FZBHAGF8GQAK64D","react-expert","当你使用 .jsx 或 .tsx 文件构建 React 18+ 应用、Next.js App Router 项目或 create-react-app 时使用。创建组件、实现自定义 hooks、调试渲染问题、将类组件迁移为函数组件、以及实现状态管理。适用于 Server Components、Suspense 边界、useActionState 表单、性能优化或 React 19 特性。","https:\u002F\u002Fgithub.com\u002FBlake-John\u002Fagent-config\u002Fblob\u002Foptimize-agents-chinese\u002Fopencode\u002Fskills\u002Freact-expert\u002FSKILL.md",[364],{"categoryNo":340,"categoryName":341,"taxonomyType":21,"taxonomyTypeDesc":22},[343,254,366,346,298,367,49,368,244,248,369,370,371,372,373,374,375,357,308,376],"react expert","components","create","Next.js","zustand","router","hooks","tsx","tanstack query","query","react 19"]