Skills DirectorySkills Directory
SkillsLearnSecurityCategoriesDocsCommunityBlog
Sign InSubmit Skill
Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Directory

  • Browse Skills
  • All Skills A–Z
  • Claude Skills
  • Claude Code Skills
  • Agent Skills
  • Categories
  • Submit a Skill

Learn

  • Learn Hub
  • Install Claude Skills
  • Write SKILL.md
  • Skills vs MCP
  • Directories Compared

Security

  • Security
  • Methodology
  • Secure Claude Skills
  • Security Badges

Company

  • About
  • Community
  • Blog
  • API Docs
  • Advertise

2026 Skills Directory. All rights reserved.

Back to skills

Js Playwright Wasm Glue

ASecurity

Idiomatic review for Node.js glue code that bridges Rust wasm-bindgen modules to playwright-core (e.g. crates/wasm/src/glue/*.js in stapler-mcp). Use when reviewing or writing JS/TS files that call playwright-core APIs from a wasm-bindgen import object, wrap Playwright errors for the wasm boundary, manage browser/page lifecycle, or write node:test tests around that glue.

8 stars
0 votes
0 copies
0 views
Added 9/20/2026
developmentrustnodetestingapiperformance

Works with

apimcp

Security Analysis

A100/100

Scanned 9/20/2026

Install to Claude Code

$npx -y skills add tstapler/dotfiles --skill js-playwright-wasm-glue --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Js Playwright Wasm Glue?

Add the live security badge to your README — it updates automatically with every re-scan.

Security grade badge for Js Playwright Wasm Glue
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/tstapler-js-playwright-wasm-glue/badge)](https://www.skillsdirectory.com/skills/tstapler-js-playwright-wasm-glue)

More formats (shields.io, HTML) on the badges page.

Download Zip
Files
SKILL.md
---
name: js-playwright-wasm-glue
description: Idiomatic review for Node.js glue code that bridges Rust wasm-bindgen modules to playwright-core (e.g. crates/wasm/src/glue/*.js in stapler-mcp). Use when reviewing or writing JS/TS files that call playwright-core APIs from a wasm-bindgen import object, wrap Playwright errors for the wasm boundary, manage browser/page lifecycle, or write node:test tests around that glue.
---

# Node.js + playwright-core wasm-bindgen glue idioms

Review checklist for JS glue code sitting between a Rust wasm-bindgen module and
`playwright-core`. Applies to files like `crates/wasm/src/glue/browser.js` and their
paired Rust FFI declarations (`crates/wasm/src/browser.rs`), plus `node:test` suites
that exercise them.

For each finding: `file:line`, severity (MUST FIX / SUGGEST), and a concrete fix.

## Checklist

### Error handling across the wasm boundary (MUST FIX)

1. Never re-throw a raw `JsValue` / opaque object across the JS→Rust boundary — throw
   or reject with a real `Error` (or something `JsError`-convertible on the Rust side).
2. Wrap low-level Playwright errors with operation/selector/page context rather than
   passing them through unchanged — a bare `Timeout 30000ms exceeded` is useless without
   knowing which locator or page it came from.
3. Don't hand-roll error construction/conversion that could be mis-caught by
   wasm-bindgen's own catch wrapper. Use the `JsError` pattern or
   `#[wasm_bindgen(catch)]` idiom on the Rust side instead of ad-hoc shapes.
4. Async glue functions must reject with an `Error`-like value on failure, never
   resolve with a `{success: false, error: ...}` sentinel object — that silently
   defeats `.catch()`/`try/catch` on the Rust side and any `#[wasm_bindgen(catch)]` fn.

### Playwright API anti-patterns (MUST FIX / SUGGEST)

5. **(MUST FIX)** Flag bare `page.type()` / `frame.type()` / `locator.type()` /
   `elementHandle.type()` — deprecated; use `locator.fill()` or
   `locator.pressSequentially()`.
6. **(MUST FIX)** Flag any reliance on `page.accessibility` — removed entirely from
   the Playwright API.
7. **(MUST FIX)** Flag arbitrary `page.waitForTimeout(ms)` sleep-based waits — prefer
   built-in auto-waiting or explicit state-based waits (`waitForSelector`,
   `waitForLoadState`, locator assertions).
8. **(MUST FIX)** Verify every `newContext()` / `newPage()` has a matching `close()` in
   a `try/finally`, especially on error paths — leaked contexts/pages accumulate across
   requests in a long-lived daemon.
9. **(SUGGEST)** Locators should favor role/test-id strategies (`getByRole`,
   `getByTestId`) over brittle CSS/XPath chains.

### Lifecycle / performance (MUST FIX)

10. `setInterval` used for idle-session reaping must call `.unref()` on the returned
    `Timeout` so it doesn't keep the process alive.
11. The reaper interval must be explicitly `clearInterval`'d on shutdown, not just
    `unref()`'d — `unref()` alone doesn't stop it from firing during graceful shutdown.

### Testing (`node:test`) idioms (SUGGEST / MUST FIX)

12. **(SUGGEST)** Prefer per-test `t.mock` (the test-context mock) over the top-level
    `mock` singleton — avoids cross-test mock leakage.
13. **(SUGGEST)** Flag module-level mocking of `playwright-core` itself via
    `--experimental-test-module-mocks` — still experimental with open bugs; prefer
    dependency injection (pass a browser/context factory into the glue code) instead.
14. **(MUST FIX)** On Node 24+, nested/subtests (`t.test()`) must be explicitly
    `await`ed — Node 24 removed implicit promise return/wait for subtests, so an
    un-awaited subtest can silently not run or report a false pass.

### Naming / API stability (SUGGEST)

15. Exported function names and argument/return shapes crossing the wasm boundary
    should be stable and intention-revealing. A shape drift here (e.g. renaming a
    field the Rust side destructures) is a silent runtime break, not a compile-time
    type error — treat these signatures with the same care as a public API.

## Notes for reviewers

- Items 5–9 depend on the installed `playwright-core` version — re-check Playwright's
  release notes / API deprecation list if it has been bumped since this checklist was
  written, since the specific deprecated methods can change across major versions.
- Items 1–4, 10–15 are architecture/idiom-level and are stable regardless of Playwright
  version.

Attribution

tstaplertstapler
View sourceMore from tstapler →
SSkills DirectorySkills Directory

Your tool, in front of Claude Code builders.

3 founder slots · $299/mo · GSC-verified traffic · sponsors can never buy grades.

See placements

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments (0)

No comments yet. Be the first to comment!

SSkills DirectorySkills Directory

Your tool, in front of Claude Code builders.

3 founder slots · $299/mo · GSC-verified traffic · sponsors can never buy grades.

See placements

Related Skills

Browser Extension Developer

Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.

281612 votes

Seo Optimizer

SEO optimization with keyword analysis, readability assessment, technical validation, content quality. Use for search rankings, blog posts, content audits, or encountering keyword density, readability scores, meta tags, schema markup errors.

2132 votes

Google Official Seo Guide

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

1862 votes

Tanstack Start

Build a full-stack TanStack Start app on Cloudflare Workers from scratch — SSR, file-based routing, server functions, D1+Drizzle, better-auth, Tailwind v4+shadcn/ui. Use whenever the user mentions TanStack Start, asks to scaffold a full-stack Cloudflare app with SSR, wants an SSR dashboard, or asks for a React 19 + Cloudflare Workers app with file-based routing and server functions — even if they don't name TanStack Start specifically. No template repo — Claude generates every file fresh per ...

9881 votes

Pentest

PTES-aligned adversarial security audit for backend, frontend, and mobile applications. Produces a CVSS-scored Hacker Report with verified PoCs and phased remediation.

5491 votes
View all in development →