# skills | Flutter | Knowledge Base | Instagit

GitHub Stars: 1.8k

Repository: https://github.com/flutter/skills

---

## Articles

### [Flutter Widget Test Interactions: Best Practices for Tap, Scroll, and enterText](/flutter/skills/best-practices-for-widget-test-interactions-tap-scroll-entertext)

Master Flutter widget test interactions with best practices for tap, scroll, and enterText. Ensure reliable tests by awaiting pumps, using unique keys, and isolating actions.

- Tags: best-practices
- Published: 2026-05-09

### [How to Test Animations and Async UI Updates in Flutter: pump() vs pumpAndSettle()](/flutter/skills/how-to-test-animations-and-async-ui-updates-with-pump-vs-pumpandssettle)

Master Flutter UI testing with pump() and pumpAndSettle(). Learn to test animations and async updates, advancing the clock for intermediate states or settling all pending actions.

- Tags: testing
- Published: 2026-05-09

### [How to Troubleshoot Common Flutter Layout Debugging Scenarios: Complete Guide](/flutter/skills/how-to-troubleshoot-common-flutter-layout-debugging-scenarios)

Troubleshoot common Flutter layout debugging scenarios. Understand constraint contracts, apply Expanded or Flexible widgets, and follow a five-step workflow from the flutter skills repository for quick resolutions.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Integrate dart_skills_lint into Automated Dart Test Suites](/flutter/skills/how-to-integrate-dart-skills-lint-into-automated-dart-test-suites)

Integrate dart_skills_lint into your Dart test suites for automated validation. Add it as a dev dependency and invoke validateSkills() in CI to ensure Agent Skills integrity.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Use --fix and --fix-apply Flags for Automatic Lint Fixes in dart_skills_lint](/flutter/skills/how-to-use-fix-and-fix-apply-flags-for-automatic-lint-fixes)

Learn to use dart_skills_lint --fix and --fix-apply flags to automatically fix linting violations in SKILL.md files. Preview changes before applying them for efficient code correction.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Contribute New Skills to the Flutter Skills Repository: A Step-by-Step Guide](/flutter/skills/how-to-contribute-new-skills-to-the-flutter-skills-repository)

Learn how to contribute new skills to the flutter/skills repository. Follow our step-by-step guide to submit your approved workflow via pull request.

- Tags: how-to-guide
- Published: 2026-05-09

### [MCP Tools vs Agent Skills: Understanding the Two-Layer Architecture in Flutter Skills](/flutter/skills/what-is-the-difference-between-mcp-tools-and-agent-skills)

Understand the Flutter skills two-layer architecture differentiate MCP tools from Agent Skills. Learn how high-level workflows orchestrate command-line capabilities for development tasks.

- Tags: deep-dive
- Published: 2026-05-09

### [How to Add Integration Tests Using Flutter Driver and the integration_test Package](/flutter/skills/how-to-add-integration-tests-using-flutter-driver-and-integration-test-package)

Learn to add integration tests in Flutter using Flutter Driver and the integration_test package. Write and execute tests efficiently with our guide.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Apply Layered Architecture (UI, Logic, Data) in Flutter Apps](/flutter/skills/how-to-apply-layered-architecture-ui-logic-data-in-flutter-apps)

Master layered architecture in Flutter apps. Separate UI, Logic, and Data layers for independent testing and easy component replacement. Enhance your app development.

- Tags: architecture
- Published: 2026-05-09

### [How to Use the `http` Package for Different HTTP Requests in Flutter: Complete Guide](/flutter/skills/how-to-use-http-package-for-get-post-put-delete-requests)

Master Flutter HTTP requests with the http package. Learn GET, POST, PUT, and DELETE calls efficiently for robust app development.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Set Up Flutter Localization with flutter_localizations and intl](/flutter/skills/how-to-set-up-flutter-localization-with-flutter-localizations-and-intl)

Easily set up Flutter localization using flutter_localizations and intl. Learn to configure pubspec.yaml, l10n.yaml, and integrate AppLocalizations for global app reach.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Configure GoRouter for Declarative Routing and Deep Linking in Flutter](/flutter/skills/how-to-configure-gorouter-for-declarative-routing-and-deep-linking)

Master Flutter declarative routing and deep linking with GoRouter. Learn to configure routes, handle web URLs, and manage external links efficiently for a seamless app experience.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Implement JSON Serialization with `fromJson`/`toJson` Methods in Dart: A Complete Guide](/flutter/skills/how-to-implement-json-serialization-with-fromjson-tojson-methods)

Learn to implement JSON serialization in Dart using auto-generated or manual fromJson toJson methods. This comprehensive guide simplifies object mapping for your Flutter skills project.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Fix Flutter RenderFlex Overflow and Unbounded Height Errors](/flutter/skills/how-to-fix-flutter-renderflex-overflow-and-unbounded-height-errors)

Solve Flutter RenderFlex overflow and unbounded height errors. Learn to use Expanded and Flexible widgets to constrain child dimensions in rows and columns for smoother layouts.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Build Responsive Layouts in Flutter Using LayoutBuilder and MediaQuery](/flutter/skills/how-to-build-responsive-layouts-with-layoutbuilder-and-mediaquery)

Build responsive Flutter layouts dynamically. Learn to use LayoutBuilder and MediaQuery to adapt widgets based on available screen space, not just device type. Improve user experience today.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Set Up Widget Previews with the previews.dart System in Flutter](/flutter/skills/how-to-set-up-widget-previews-with-previews-dart-system)

Learn how to set up widget previews in Flutter using the previews.dart system. Annotate your Widgets and launch the previewer easily.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Add Widget Tests Using WidgetTester and Finder in Flutter](/flutter/skills/how-to-add-widget-tests-using-widgettester-and-finder)

Learn to add widget tests in Flutter using WidgetTester and Finder. Discover how to build widget trees and assert UI state for fast, headless testing.

- Tags: how-to-guide
- Published: 2026-05-09

### [Mandatory YAML Frontmatter Fields in Flutter Skill Definitions](/flutter/skills/what-are-mandatory-yaml-frontmatter-fields-in-skill-definitions)

Understand mandatory YAML frontmatter fields in Flutter skill definitions like applyTo and title. Ensure your skills meet repository requirements for efficient contribution.

- Tags: how-to-guide
- Published: 2026-05-09

### [How to Validate Skills with dart_skills_lint Before Committing](/flutter/skills/how-to-validate-skills-with-dart-skills-lint-before-committing)

Validate Agent Skill directories before committing using dart_skills_lint. Ensure compliance with the specification for smoother CI integration and prevent errors.

- Tags: how-to-guide
- Published: 2026-05-09