Skills
.Work. You
Rest

webf-native-ui-dev

Official

Wrap Flutter widgets as web UI components.

Software Engineering#flutter#dart#web-components#custom-elements#webf#ui-library
Authorfirst-fluke
Version1.0.0
Installs0

System Documentation

What problem does it solve?

WebF enables rendering HTML/CSS with Flutter, but exposing complex Flutter widgets as standard HTML custom elements requires boilerplate and integration work. This skill provides a guided approach to wrapping Flutter widgets as native web components that can be used in any web page.

Core Features & Use Cases

  • Wrap Flutter widgets as HTML custom elements for reuse in web apps.
  • Register and integrate custom elements with minimal boilerplate using WebF tooling.
  • Create UI libraries that span WebF, Flutter, and HTML ecosystems; reuse across projects.

Quick Start

Install Flutter and WebF tooling, then create a Flutter widget, define a WidgetElement subclass, register the custom element with WebF, and use it in HTML as a standard tag.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: webf-native-ui-dev
Download link: https://github.com/first-fluke/fullstack-starter/archive/main.zip#webf-native-ui-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.