webf-native-ui-dev

SKILL.md

Want to create your own native UI library for WebF by wrapping Flutter widgets? This skill guides you through the complete process of building custom native UI libraries that make Flutter widgets accessible from JavaScript/TypeScript with React and Vue support.

See Complete Example for a full implementation of a text input component with:

WebF 用の Flutter ウィジェットに基づいたカスタム ネイティブ UI ライブラリを開発します。 Flutter ウィジェットを Web アクセス可能なカスタム要素としてラップする再利用可能なコンポーネント ライブラリを作成します。 UI ライブラリの構築、Flutter パッケージのラッピング、またはネイティブ コンポーネント システムの作成時に使用します。 ソース: openwebf/webf。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/openwebf/webf --skill webf-native-ui-dev インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る