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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/openwebf/webf
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01