flutter-use-http-package Skill for Claude: What It Does and How to Install It

Makes Claude fetch from and send data to REST APIs in a Flutter app using the http package.

Installs: 37K; on skills.sh
Stars: 3.1K; on GitHub
Updated: Nov 2026; last repo commit

flutter-use-http-package gives Claude a recipe for network calls in Flutter. It adds the http package, sets the Android and macOS network permissions, runs GET, POST, PUT and DELETE requests, checks status codes, and parses JSON in a background isolate.

It triggers when you need to fetch from or send data to a REST API. The skill comes from the Flutter team's agent-plugins repo. It adds a dependency and edits platform files, so review the diff.

Good for

Flutter developers adding a REST API call for the first time
Teams that want consistent error handling and typed models for network calls
Developers hitting an infinite spinner from a FutureBuilder

Install flutter-use-http-package

Claude Code

Copy this prompt.

Install the flutter-use-http-package skill in Claude Code. Run this command:

npx skills add https://github.com/flutter/agent-plugins --skill flutter-use-http-package

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

Use the `http` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API.

Sections in SKILL.md

Contents
Configuration & Permissions
Request Execution & Response Handling
Background Parsing
Workflow: Executing Network Operations
Examples
High-Fidelity Implementation: Fetching and Parsing in the Background

Key facts

Author: Flutter team (the README says the plugins are maintained by the Flutter team)
Repository: flutter/agent-plugins
Installs on skills.sh: 37,027 as of 2026-11-02
GitHub stars: 3,136 for the whole flutter/agent-plugins repo, 2026-11-02
License: BSD-3-Clause
Last commit to the repo: 2026-11-01
What is inside: 1 file: SKILL.md
Frontmatter: Last modified Tue, 21 Apr 2026 21:36:42 GMT; model models/gemini-3.1-pro-preview
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk fail

What it includes

Add http, set Android INTERNET and macOS network entitlement
Claude runs the flutter pub add step, imports the package, and edits AndroidManifest.xml plus the two macOS entitlements files.
Try: “Add the http package to my Flutter app and set the platform permissions.”
Runs code · Configuration and permissions
Uri.parse, headers, jsonEncode, status checks
Treats 200 as success for GET, PUT and DELETE and 201 for POST. It throws an exception on failure instead of returning null, so FutureBuilder can show its error state.
Write · Request execution and response handling
compute() runs JSON parsing in an isolate
Moves heavy parsing off the UI thread to avoid dropped frames. The function passed to compute must be top-level or static.
Write · Background parsing
Seven steps from model to feedback loop
Define a typed model with fromJson, write the request method, branch by GET/POST/PUT/DELETE, check the status code, wire in FutureBuilder, then run the app and read the console for errors.
Runs code · Workflow checklist
Fetch a list of photos with auth headers and background parsing
A full sample that calls jsonplaceholder.typicode.com/photos with a placeholder Bearer token and shows the result in a ListView.
Read · Worked example

From the official docs

Permissions

Low risk

Claude adds a dependency and edits Android and macOS config files in your Flutter project. Review the diff before you commit.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

It edits platform permission files
It adds the Android Internet permission and the macOS network client entitlement. Confirm they match what your app needs. github.com
The example uses a placeholder bearer token
Swap in a token from secure storage and do not commit real tokens to source control. github.com

Technical details

Turning on read-only	No read-only switch is documented in SKILL.md.
Talks to	The generated app code makes the HTTP requests you ask for; the sample points at jsonplaceholder.typicode.com
Scopes	Runs flutter pub add http Edits AndroidManifest.xml and the macOS DebugProfile and Release entitlements Workflow step 7 runs your app and reads the console

Questions

What does flutter-use-http-package do?

It teaches Claude how to make REST calls in Flutter with the http package, from setup and permissions to typed models, error handling and background parsing.

How do I install flutter-use-http-package?

Use the install box at the top of this page. The Flutter README also points to Flutter's "Get started developing with AI" guide for installing its plugins in your agent.

Does it change my project files?

Yes. The steps add the http dependency and edit android/app/src/main/AndroidManifest.xml and both macOS entitlements files. Review the diff before you commit.

Is flutter-use-http-package safe to use?

It bundles no scripts. It runs a flutter pub add command and edits platform config files. The sample code uses a public placeholder API and a placeholder token, so replace those with your own and keep real tokens out of source.

Why does my FutureBuilder spin forever?

The skill says never return null on failure, because that stops FutureBuilder from showing its error state. Throw an exception for non-success status codes instead.

Does it use the http package or Dio?

The http package only. The SKILL.md does not cover Dio or other clients.

Information

updated Nov 2, 2026

Repository: flutter/agent-plugins
Folder: skills/flutter-use-http-package

flutter/agent-plugins skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 2

flutter-use-http-package SKILL.md · github.com
flutter/agent-plugins README · github.com