Toolverse
All skills
Mobile

webf-native-plugin-dev

by openwebf

Develop custom WebF native plugins based on Flutter packages. Create reusable plugins that wrap Flutter/platform capabilities as JavaScript APIs. Use when building plugins for native features like camera, payments, sensors, file access, or wrapping existing Flutter packages.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
openwebf
Category
Mobile
Views
9
GitHub repo

About this skill

Develop custom WebF native plugins based on Flutter packages. Create reusable plugins that wrap Flutter/platform capabilities as JavaScript APIs. Use when building plugins for native features like camera, payments, sensors, file access, or wrapping existing Flutter packages.

How to use

  1. Sprawdź, czy potrzebna ci funkcjonalność natywna (aparat, czujniki, płatności, biometria) nie istnieje już w oficjalnym rejestrze wtyczek WebF na openwebf.com/en/native-plugins. Jeśli jej tam nie ma, przejdź do następnego kroku.

  2. Zidentyfikuj pakiet Flutter lub kod platformy, który chcesz opakować. Wtyczka natywna powinna opakowywać istniejący pakiet Flutter lub możliwości platformy, a nie tworzyć nowy kod od zera.

  3. Zdecyduj, czy budujesz wtyczkę funkcjonalną (dostęp do kamery, obsługa płatności, czujniki) czy komponent UI. Skill ten dotyczy wtyczek funkcjonalnych, które rozszerzają BaseModule lub wygenerowane bindingu, a nie komponentów UI rozszerzających WebFWidgetElement.

  4. Zarejestruj swoją wtyczkę w WebF za pomocą WebF.defineModule() i udostępnij jej funkcjonalność jako JavaScript API, które będzie wywoływane przez webf.invokeModuleAsync().

  5. Dodaj definicje typów TypeScript do swojej wtyczki, aby zapewnić type-safe interfejs dla użytkowników.

  6. Opublikuj gotową wtyczkę jako pakiet npm, aby była dostępna dla innych deweloperów pracujących z WebF.

Related skills

flutter-development

by aj-geddes

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

Mobile
1,1601,122

mobile-design

by sickn33

Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or

Mobile
6091

kotlin-multiplatform

by vitorpamplona

Platform abstraction decision-making for Amethyst KMP project. Guides when to abstract vs keep platform-specific,\nsource set placement (commonMain, jvmAndroid, platform-specific), expect/actual patterns. Covers primary targets\n(Android, JVM/Desktop, iOS) with web/wasm future

Mobile
15105

create-plan

by antinomyhq

Generate detailed implementation plans for complex tasks. Creates comprehensive strategic plans in Markdown format with objectives, step-by-step implementation tasks using checkbox format, verification criteria, risk assessments, and alternative approaches. Use when users need

Mobile
13108

flutter-expert

by sickn33

Master Flutter development with Dart 3, advanced widgets, and multi-platform deployment. Handles state management, animations, testing, and performance optimization for mobile, web, desktop, and embedded platforms. Use PROACTIVELY for Flutter architecture, UI implementation, or

Mobile
54112

vercel-react-native-skills

by vercel-labs

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or

Mobile
1745