Globales Ranking · von 600 Skills
flutter-handling-http-and-json Hermes AI Agent Skill
Quellcode ansehen: flutter/skills
MediumInstallation
npx skills add flutter/skills --skill flutter-handling-http-and-json 8.6K
Installationen
Flutter Agent Skills
Agent skills for Flutter, maintained by the Flutter team.
A collection of skills providing tailored instructions for happy path Flutter app development workflows. By giving the agent actual domain expertise and repeatable workflows, you drastically reduce mistakes and ensure agents reliably complete the task following best practices.
Skills are essentially simple folders of files that can be seen as complementary to MCP, where MCP gives an agent access to specialized tools and a Skill teaches the agent “how” to use tools for a specific task.
You can also install the Agent Skills for Dart for Dart tasks.
Installation
To install all skills into your project, run the following command.
The --agent universal flag puts it in the standard .agents/skills
folder that most agents use.
npx skills add flutter/skills --skill '*' --agent universal --yesUpdating Skills
To update, run the following command:
npx skills updateAvailable Skills
| Skill | Description | Example prompt |
|---|---|---|
| flutter-add-integration-test | Configures Flutter Driver for app interaction and converts MCP actions into permanent integration tests. Use when adding integration testing to a project, exploring UI components via MCP, or automating user flows with the integration_test package. | Add an integration test that validates the checkout experience |
| flutter-add-widget-preview | Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing. | Create a preview for the ProductCard widget with different price states |
| flutter-add-widget-test | Implement a component-level test using WidgetTester to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating that a specific widget displays correct data and responds to events as expected. |
Add a widget test for the CustomButton to verify the onTap callback is called |
| flutter-apply-architecture-best-practices | Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability. | Refactor the authentication flow to follow the recommended layered architecture |
| flutter-build-responsive-layout | Use LayoutBuilder, MediaQuery, or Expanded/Flexible to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors. |
Make the home screen responsive so it displays a grid on tablets and a list on phones |
| flutter-fix-layout-issues | Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical viewport was given unbounded height", or similar layout issues. | Fix the overflow error on the profile page when the keyboard is visible |
| flutter-implement-json-serialization | Create model classes with fromJson and toJson methods using dart:convert. Use when manually mapping JSON keys to class properties for simple data structures. |
Implement JSON serialization for the User model class |
| flutter-setup-declarative-routing | Configure MaterialApp.router using a package like go_router for advanced URL-based navigation. Use when developing web applications or mobile apps that require specific deep linking and browser history support. |
Set up GoRouter with paths for home, details, and settings |
| flutter-setup-localization | Add flutter_localizations and intl dependencies, enable "generate true" in pubspec.yaml, and create an l10n.yaml configuration file. Use when initializing localization support for a new Flutter project. |
Setup localization and add English and Spanish translations |
| flutter-use-http-package | 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. |
Use the http package to fetch the list of products from the API |
Contributing
We aren't accepting pull requests at this time, but we would love to hear your feedback!
Please see CONTRIBUTING.md for more information.
Code of Conduct
Please see CODE_OF_CONDUCT.md for more information.
Installationen
Sicherheitsprüfung
Quellcode ansehen
flutter/skills
Mehr aus dieser Quelle
AI chat subscription
Turn model research into daily AI work.
Use 40+ models, web search, files, and EU-hosted options in one paid chat workspace.
Inference credits
Build with EU-hosted open-source models.
OpenAI-compatible API for GLM, Kimi, DeepSeek and more. Add credits inside the dashboard.
Verwandte Skills
Mehr aus dieser Quelle: flutter/skills
So verwenden Sie diesen Skill
Install flutter-handling-http-and-json by running npx skills add flutter/skills --skill flutter-handling-http-and-json in your project directory. Führen Sie den obigen Installationsbefehl in Ihrem Projektverzeichnis aus. Die Skill-Datei wird von GitHub heruntergeladen und in Ihrem Projekt platziert.
Keine Konfiguration erforderlich. Ihr KI-Agent (Claude Code, Cursor, Windsurf usw.) erkennt installierte Skills automatisch und nutzt sie als Kontext bei der Code-Generierung.
Der Skill verbessert das Verständnis Ihres Agenten für flutter-handling-http-and-json, und hilft ihm, etablierte Muster zu befolgen, häufige Fehler zu vermeiden und produktionsreifen Code zu erzeugen.
Was Sie erhalten
Skills sind Klartext-Anweisungsdateien — kein ausführbarer Code. Sie kodieren Expertenwissen über Frameworks, Sprachen oder Tools, das Ihr KI-Agent liest, um seine Ausgabe zu verbessern. Das bedeutet null Laufzeit-Overhead, keine Abhängigkeitskonflikte und volle Transparenz: Sie können jede Anweisung vor der Installation lesen und prüfen.
Kompatibilität
Dieser Skill funktioniert mit jedem KI-Coding-Agenten, der das skills.sh-Format unterstützt, einschließlich Claude Code (Anthropic), Cursor, Windsurf, Cline, Aider und anderen Tools, die projektbezogene Kontextdateien lesen. Skills sind auf Transportebene framework-agnostisch — der Inhalt bestimmt, für welche Sprache oder welches Framework er gilt.
AI chat subscription
Turn model research into daily AI work.
Use 40+ models, web search, files, and EU-hosted options in one paid chat workspace.