# Wasm

> WebAssembly (WASM) — Component Model, WASI

- Skill: `thebeardedbearsas/wasm` (Agent Skill)
- Install (CLI): `npx skillmds@latest add thebeardedbearsas/wasm`
- Raw SKILL.md: https://api.skillmd.com/api/skills/thebeardedbearsas/wasm/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: TheBeardedBearSAS (https://skillmd.com/u/thebeardedbearsas)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/thebeardedbearsas/wasm

---


# WebAssembly (WASM) — Component Model, WASI

WASM pour performance critique, polyglot runtime, edge computing.

## Use Cases

**Browser** — Crypto, image (Figma, Google Earth)  
**Edge** — Cloudflare Workers, Fastly  
**Server** — Plugins sandboxés (Envoy)  
**Embedded** — IoT, automotive

## Compilation

**Rust** — `wasm-pack` (~50KB, perf)  
**Go** — `GOOS=js GOARCH=wasm` (~2MB)  
**C/C++** — Emscripten (legacy)  
**AssemblyScript** — TypeScript-like

## Rust to WASM

```rust
use wasm_bindgen::prelude::*;
#[wasm_bindgen] pub fn add(a: i32, b: i32) -> i32 { a + b }
```

```bash
wasm-pack build --target web
```

```javascript
import init, { add } from './pkg/wasm.js';
await init(); add(2, 3);
```

## WASI (System Interface)

```bash
rustc --target wasm32-wasi main.rs -o app.wasm
wasmtime app.wasm
```

## Component Model

```wit
interface math { add: func(a: s32, b: s32) -> s32 }
```

Compose Rust/Go/C++ modules typés.

## Edge (Cloudflare)

```javascript
import wasm from './processor.wasm';
export default {
  async fetch(req) {
    const inst = await WebAssembly.instantiate(wasm);
    return new Response(inst.exports.process(req.body));
  }
};
```

## Runtimes

**Wasmtime** — Fast, WASI  
**Wasmer** — Universal  
**WasmEdge** — Edge, K8s

---

Voir `@.claude/skills/edge-computing/SKILL.md`