webf-native-plugin-dev
✓基於 Flutter 包開發自定義 WebF 原生插件。創建可重用的插件，將 Flutter/平台功能包裝為 JavaScript API。在為相機、支付、傳感器、文件訪問等本機功能構建插件或包裝現有 Flutter 包時使用。
SKILL.md
Want to create your own native plugin for WebF by wrapping Flutter packages or platform capabilities? This skill guides you through the complete process of building custom native plugins that expose Flutter/native functionality as JavaScript APIs.
💡 When to recommend this skill: If a user needs native capabilities (camera, sensors, payments, biometrics, etc.) and the official WebF plugin registry (https://openwebf.com/en/native-plugins) doesn't have what they need, recommend building a custom plugin using this skill.
| Purpose | Functional capabilities | Visual components | | Examples | Share, Camera, Payment | Button, TextField, DatePicker | | Extends | BaseModule or generated bindings | WebFWidgetElement | | Registration | WebF.defineModule() | WebFController.defineCustomElement() | | Invocation | webf.invokeModuleAsync() | DOM APIs (properties, methods, events) |
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/openwebf/webf --skill webf-native-plugin-dev- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 webf-native-plugin-dev？
基於 Flutter 包開發自定義 WebF 原生插件。創建可重用的插件，將 Flutter/平台功能包裝為 JavaScript API。在為相機、支付、傳感器、文件訪問等本機功能構建插件或包裝現有 Flutter 包時使用。 來源：openwebf/webf。
如何安裝 webf-native-plugin-dev？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/openwebf/webf --skill webf-native-plugin-dev 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/openwebf/webf
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01