flutter

Develops cross-platform Flutter apps with Dart, widgets, and state management.

22|Updated Sep 10, 2026
One-click install
npx skills add https://github.com/Lynricsy/HyperSkills --skill flutter-lynricsy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter
Source: https://github.com/Lynricsy/HyperSkills/tree/main/skills/flutter
Command: npx skills add https://github.com/Lynricsy/HyperSkills --skill flutter-lynricsy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Flutter development involves many subtle failure modes—legacy Riverpod providers, layout overflow errors, broken deep links, silent state bugs, and analyzer debt—that generic AI assistance often gets wrong. This Skill encodes adjudicated best practices, workflows, and failure catalogues so an agent produces correct Flutter and Dart code on the first pass. ## Core Features & Use Cases - Task Workflows: Step-by-step checklists for adding features, fixing layout overflows, writing tests, upgrading dependencies, and reviewing code, each ending in a flutter analyze / flutter test gate. - State Management Guidance: Covers Riverpod 3 (legacy provider detection), Bloc/Cubit, and Provider/ChangeNotifier, with rules for immutable state, disposal, and rebuild control. - Deep Reference Library: Fourteen reference files on architecture, navigation and deep links, testing, performance, localization, JSON/HTTP, platform channels, FFI, accessibility, and Dart 3 language features. - Use Case: Ask the agent to review a Riverpod screen before shipping; it flags legacy StateNotifierProvider usage, missing const constructors, eager list building, and unguarded BuildContext use, with severity-ranked findings and fixes. ## Quick Start Ask the agent to review your Flutter widget file or add a tested feature to your Flutter app using this skill.

Frequently Asked Questions about flutter

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix RenderFlex overflow errors in Flutter?

Read the first exception in the console, then match the message to the fix: wrap the offending child in Expanded or Flexible for RenderFlex overflow, give scrollables bounded height with Expanded inside a Column, and ensure Expanded is a direct child of Row or Column. Verify with hot reload at small and large breakpoints.

Riverpod vs Bloc vs Provider: which state management should I use in Flutter?

Detect the stack from pubspec.yaml and follow what the project already uses rather than mixing two solutions. In Riverpod 3, StateProvider and StateNotifierProvider are legacy; new code uses Notifier or AsyncNotifier behind NotifierProvider or AsyncNotifierProvider.

How do I set up deep links in Flutter with go_router?

Define a GoRoute with a path parameter, add an autoVerify intent-filter and assetlinks.json on Android, and configure Associated Domains plus an apple-app-site-association file on iOS. Test with adb shell am start or xcrun simctl openurl on a real device or simulator.

Why does my Flutter UI not update after emitting a new Bloc state?

The usual cause is a field missing from Equatable props or re-emitting the same mutated instance, so the new state compares equal to the old one and is dropped. Always emit a fresh instance and list every field in props.

What is out of scope for this Flutter skill?

It does not cover native iOS or Android UI code beyond the channel boundary, React Native or Expo, Flutter web hosting and store release, Firebase and other vendor SDKs, or game engines like Flame. Those belong to the apple, android, react-native, or frontend-design skills.