·webf-native-ui-dev
*

webf-native-ui-dev

openwebf/webf

基于 Flutter 小部件为 WebF 开发自定义本机 UI 库。创建可重用的组件库,将 Flutter 小部件包装为可通过 Web 访问的自定义元素。在构建 UI 库、包装 Flutter 包或创建本机组件系统时使用。

0安装·0热度·@openwebf

安装

$npx skills add https://github.com/openwebf/webf --skill 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 中使用

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/openwebf/webf --skill webf-native-ui-dev
分类
*创意媒体
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 webf-native-ui-dev?

基于 Flutter 小部件为 WebF 开发自定义本机 UI 库。创建可重用的组件库,将 Flutter 小部件包装为可通过 Web 访问的自定义元素。在构建 UI 库、包装 Flutter 包或创建本机组件系统时使用。 来源:openwebf/webf。

如何安装 webf-native-ui-dev?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/openwebf/webf --skill webf-native-ui-dev 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/openwebf/webf