What is flutter-interoperating-with-native-apis?

A guide to connecting Flutter code with features and libraries provided by Android, iOS, the web, or native C and C++ code. It explains platform channels, direct native bindings, embedded native views, and JavaScript integration.

Use it to call native APIs, reuse C or C++ libraries, connect to JavaScript on the web, and exchange data between Dart and platform code.

It helps when an app needs device features or existing native code that Flutter does not provide directly. It explains the main communication methods so the integration can match the platform and code involved.

flutter-interoperating-with-native-apis — Skill by build-with-dhiraj

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add build-with-dhiraj/ai-workflow-framework-portability-kit --skill flutter-interoperating-with-native-apis

Clone the repo

git clone --depth 1 https://github.com/build-with-dhiraj/ai-workflow-framework-portability-kit

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/build-with-dhiraj/ai-workflow-framework-portability-kit/flutter-interoperating-with-native-apis/github.svg)](https://agentmods.dev/skills/build-with-dhiraj/ai-workflow-framework-portability-kit/flutter-interoperating-with-native-apis)

Your own site

<a href="https://agentmods.dev/skills/build-with-dhiraj/ai-workflow-framework-portability-kit/flutter-interoperating-with-native-apis"><img src="https://agentmods.dev/badge/skills/build-with-dhiraj/ai-workflow-framework-portability-kit/flutter-interoperating-with-native-apis/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/build-with-dhiraj/ai-workflow-framework-portability-kit/flutter-interoperating-with-native-apis"><img src="https://agentmods.dev/badge/skills/build-with-dhiraj/ai-workflow-framework-portability-kit/flutter-interoperating-with-native-apis.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 31 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 1,979 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00031	$0.01979
Opus 5.5	$0.00012	$0.00792
Sonnet 5.5	$0.00006	$0.00396
Haiku 4.5	$0.00003	$0.00198

Measured 1mo ago against content hash d806ba7930cd, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

flutter-interoperating-with-native-apis scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

Copies of this mod

1 near-identical copy found in the catalogue:

flutter-interoperating-with-native-apis — 95% identical, 8 lines differ

Skills/flutter-interoperating-with-native-apis/SKILL.md · 128 lines

How it starts

The opening of the file, as written. The whole thing — 128 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Integrating Platform-Specific Code in Flutter

Core Concepts & Terminology
Binding to Native C/C++ Code (FFI)
Implementing Platform Channels & Pigeon
Hosting Native Platform Views
Integrating Web Content & Wasm
Workflows

Core Concepts & Terminology

FFI (Foreign Function Interface): The dart:ffi library used to bind Dart directly to native C/C++ APIs.
Platform Channel: The asynchronous message-passing system (MethodChannel, BasicMessageChannel) connecting the Dart client (UI) to the host platform (Kotlin/Java, Swift/Objective-C, C++).
Pigeon: A code-generation tool that creates type-safe Platform Channels.
Platform View: A mechanism to embed native UI components (e.g., Android View, iOS UIView) directly into the Flutter widget tree.
JS Interop: The modern, Wasm-compatible approach to interacting with JavaScript and DOM APIs using package:web and dart:js_interop.

Binding to Native C/C++ Code (FFI)

Use FFI to execute high-performance native code or utilize existing C/C++ libraries without the overhead of asynchronous Platform Channels.

Project Setup

If creating a standard C/C++ integration (Recommended since Flutter 3.38): Use the package_ffi template. This utilizes build.dart hooks to compile native code, eliminating the need for OS-specific build files (CMake, build.gradle, podspec).
```
flutter create --template=package_ffi <package_name>
```
If requiring access to the Flutter Plugin API or Play Services: Use the legacy plugin_ffi template.
```
flutter create --template=plugin_ffi <plugin_name>
```

Implementation Rules

Symbol Visibility: Always mark C++ symbols with extern "C" and prevent linker discarding during link-time optimization (LTO).
```
extern "C" __attribute__((visibility("default"))) __attribute__((used))
```
Dynamic Library Naming (Apple Platforms): Ensure your build.dart hook produces the exact same filename across all target architectures (e.g., arm64 vs x86_64) and SDKs (iphoneos vs iphonesimulator). Do not append architecture suffixes to the .dylib or .framework names.
Binding Generation: Always use package:ffigen to generate Dart bindings from your C headers (.h). Configure this in ffigen.yaml.

Read the full file on GitHub · 128 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

1mo ago First seen · 128 lines · 31 tokens per session scan A d806ba7930cd

Subscribe to this mod's changes

flutter-interoperating-with-native-apis is a skill published in the GitHub repository build-with-dhiraj/ai-workflow-framework-portability-kit (5 stars, last pushed 21d ago), licensed MIT. It adds 31 tokens to every session and 1,979 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-21.

Backend and APIs Claude Code Mobile ai-agents anthropic developer-experience llm-tools portability

design-patterns

Agents should invoke this skill when choosing patterns, designing traits/interfaces/components, deciding abstraction boundaries, evaluating dependency injection/callbacks, or comparing implementation approaches in Rust, TypeScript/React, or Django/Python.

waybarrios/opencode-power-pack · 46 tokens

mcp-builder

Guide the creation of high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when the user wants to build an MCP server to integrate an external API or service, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

waybarrios/opencode-power-pack · 68 tokens

revenuecat-webhooks

Receive and verify RevenueCat webhooks. Use when setting up RevenueCat webhook handlers, verifying the opt-in X-RevenueCat-Webhook-Signature HMAC (t= ,v1= over " . ") or the static Authorization header, debugging signature verification, or handling in-app subscription events like INITIALPURCHASE, RENEWAL…

hookdeck/webhook-skills · 103 tokens

flutter-interoperating-with-native-apis