Toolverse
All skills

webf-native-plugins

by openwebf

Install WebF native plugins to access platform capabilities like sharing, payment, camera, geolocation, and more. Use when building features that require native device APIs beyond standard web APIs.

Installation

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

Installation

Quick info

Author
openwebf
Category
Mobile
Views
3

About this skill

Install WebF native plugins to access platform capabilities like sharing, payment, camera, geolocation, and more. Use when building features that require native device APIs beyond standard web APIs.

How to use

  1. Sprawdź dostępne wtyczki na oficjalnym rejestrze https://openwebf.com/en/native-plugins — przeglądaj kategorie i dokumentację każdej wtyczki, aby potwierdzić, że rozwiązuje Twój problem (np. aparat, płatności, geolokalizacja).

  2. Zainstaluj wtyczkę po stronie Flutter — dodaj pakiet do pliku pubspec.yaml w projekcie Flutter i uruchom flutter pub get, aby pobrać zależności.

  3. Zainstaluj odpowiedni pakiet npm w projekcie JavaScript — wtyczka wymaga pakietu npm o tej samej nazwie, aby JavaScript mógł komunikować się z kodem Flutter.

  4. Zaimportuj wtyczkę w kodzie JavaScript — użyj import lub require, aby załadować wtyczkę w swoim pliku aplikacji.

  5. Wywołaj API wtyczki z kodu JavaScript — każda wtyczka udostępnia funkcje (np. openCamera(), processPayment(), getGeolocation()), które możesz wywoływać jak zwykłe funkcje JavaScript.

  6. Przetestuj funkcjonalność na urządzeniu lub emulatorze — uruchom aplikację WebF i sprawdź, czy wtyczka prawidłowo komunikuje się z natywnym API platformy (iOS, Android, macOS).

Related skills

analyzing-financial-statements

by anthropics

This skill calculates key financial ratios and metrics from financial statement data for investment analysis

Mobile
16113

liquid-glass-developer

by anyproto

Context-aware routing to iOS 26 Liquid Glass implementation patterns. Use when working with glass effects, GlassEffectContainer, morphing transitions, or iOS 26 visual effects.

Mobile
2061

claude-mobile-ios-testing

by krzemienski

Use when testing iOS apps on simulator, capturing screenshots for validation gates, automating UI testing with expo-mcp and xc-mcp, or verifying visual correctness - combines expo-mcp autonomous testing (React Native level) with xc-mcp simulator management (iOS level)

Mobile
15111

interactive-portfolio

by davila7

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio,

Mobile
1823

automating-mobile-app-testing

by jeremylongshore

This skill enables automated testing of mobile applications on iOS and Android platforms using frameworks like Appium, Detox, XCUITest, and Espresso. It generates end-to-end tests, sets up page object models, and handles platform-specific elements. Use this skill when the user

Mobile
17142

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