القائمة
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 المهني
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
| 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ỏ |