# Openwebf Bridge Module Codegen

> Build a WebF bridge module/native plugin using the module-codegen workflow (*.module.d.ts → codegen → Dart implementation → registration → JS usage). Use when the user mentions module-codegen, bridge module, native plugin, *.module.d.ts, or registering a module.

- Skill: `majiayu000/openwebf-bridge-module-codegen` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/openwebf-bridge-module-codegen`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/openwebf-bridge-module-codegen/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Productivity
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/openwebf-bridge-module-codegen

---


# OpenWebF Bridge: Module Codegen Workflow

## Instructions

1. Confirm the desired API surface and keep it minimal, typed, and versioned.
2. Follow the official flow:
   - TypeScript `*.module.d.ts`
   - `webf module-codegen`
   - Dart module implementation
   - Registration in the host
   - JS usage example
3. Add guardrails: availability checks, permission handling, explicit errors.
4. Use MCP docs for authoritative steps and templates for scaffolding.

More:
- [reference.md](reference.md)
- [doc-queries.md](doc-queries.md)
- [examples.md](examples.md)