About wasm
A reference skill for WebAssembly development, covering compilation, WASI, the Component Model, and runtimes. It is for developers evaluating or building browser, edge, server, and embedded applications that use WASM.
Key features
- 01Rust, Go, C/C++ and AssemblyScript compilation
- 02WASI command and runtime examples
- 03Typed Component Model composition
- 04Browser, edge, server and embedded use cases
Use cases
- 01Compile Rust code for browser use
- 02Run WASI applications with Wasmtime
- 03Compose typed modules across languages
- 04Evaluate WASM for edge or embedded workloads
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ thebeardedbearsas/ claude-craft --skill wasmAfter installing, type/wasmin Claude Code to confirm it loaded.
Details
From the project READMEWebAssembly (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
use wasm_bindgen::prelude::*;
#[wasm_bindgen] pub fn add(a: i32, b: i32) -> i32 { a + b }
wasm-pack build --target web
import init, { add } from './pkg/wasm.js';
await init(); add(2, 3);
WASI (System Interface)
rustc --target wasm32-wasi main.rs -o app.wasm
wasmtime app.wasm
Component Model
interface math { add: func(a: s32, b: s32) -> s32 }
Compose Rust/Go/C++ modules typés.
Edge (Cloudflare)
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