菜单
Testing web — Vitest unit test, integration test, Playwright E2E, MSW mock. Coverage > 80%, chạy song song, không flaky.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | webs-testing |
| description | Testing web — Vitest unit test, integration test, Playwright E2E, MSW mock. Coverage > 80%, chạy song song, không flaky. |
If you didn't watch the test fail, you don't know if it tests the right thing.
KHÔNG BAO GIỜ viết production code TRƯỚC test
Coverage < 80% là chưa xong
jsdom, globals, forks pool, timeout 10s, coverage > 80%. →
templates/vitest.config.ts
Button component — render, click, loading state, variant classes. Dùng userEvent (không fireEvent) cho click.
→ templates/unit-tests.ts
useLocalStorage — initial value, store/retrieve, invalid JSON recovery. Dùng renderHook + act.
→ templates/hook-tests.ts
HTTP handlers GET + POST cho /api/todos. Dùng HttpResponse.json.
→ templates/msw-handlers.ts
setupServer từ MSW, listen/reset/close lifecycle. Test TodoPage load + create.
→ templates/integration-tests.ts
Todo App: empty state, add + complete, persist after reload.
→ templates/e2e-todo.spec.ts
| Excuse | Reality |
|---|---|
| "Test chạy thủ công đủ" | Manual bỏ sót edge case, regression không phát hiện |
| "Coverage 50% là ổn" | < 80% = code không test = bug tiềm ẩn |
| "E2E flaky, không cần" | Flaky = setup sai, không phải lý do bỏ |
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.
Game art principles — art style, color theory, animation principles, asset pipeline
Game design principles — core loop, GDD, player psychology, difficulty balancing, progression
Orchestrator game — route to implementation skill (pxhopencode) + principle-based sub-skill (agent-skills-hub)
Mobile game principles — touch input, battery, thermal, app stores, monetization
Multiplayer game principles — networking architecture, synchronization, security, matchmaking