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:

基於 Flutter 小部件為 WebF 開發自定義本機 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 中使用

查看原文