用途：该技能用于为 WebF（Web on Flutter）开发自定义原生 UI 组件，把 Flutter 组件桥接为标准 HTML 自定义元素，使复杂 Flutter 组件能以 <custom-element> 标签在 HTML 中使用。
主要能力：WebF 允许用 Flutter 渲染引擎渲染 HTML/CSS；本技能帮助将 Flutter 组件暴露为可在 HTML 中使用的自定义元素，并支持属性映射与事件派发。
使用方式（工作流）：1. 用标准 Flutter 代码创建 Flutter Widget；2. 创建继承 WidgetElement 的元素类；3. 使用 defineCustomElement 将标签名映射到该类。示例中定义了 FlutterButtonElement，在 build 中返回 ElevatedButton，并通过 dispatchEvent(Event('click')) 向 JS 派发自定义事件，标签文本取自 getAttribute('label')。注册通常在 main.dart 中调用 WebF.defineCustomElement('flutter-button', (context) => FlutterButtonElement(context))。HTML 侧可直接写 <flutter-button label="Submit Order" id="btn"></flutter-button>，并用 addEventListener 监听 click。
最佳实践：将 HTML 属性映射到 Widget 属性；从 Flutter 交互中派发标准 DOM 事件；避免在 build 方法中做重计算，使用状态管理。
适用场景：需要为 WebF 应用构建可复用、Web 可访问的原生 UI 组件库时。
限制：资料未提供具体版本要求、平台支持范围、性能数据或收费信息，暂未提供。