@tank/flutter-dev

Standardize Flutter and Dart architecture, state management, routing, testing, and deployment.

1|1|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/tankpkg/packages --skill tank-flutter-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: @tank/flutter-dev
Source: https://github.com/tankpkg/packages/tree/main/skills/flutter-dev
Command: npx skills add https://github.com/tankpkg/packages --skill tank-flutter-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps Flutter and Dart teams avoid inconsistent architecture, brittle navigation, noisy rebuilds, and unreliable releases by giving them a production-ready playbook for building, testing, profiling, and shipping apps.

Core Features & Use Cases

  • Widget architecture guidance: Choose the right widget type, manage BuildContext safely, and structure trees for maintainability and performance.
  • State management decisions: Apply Riverpod, BLoC, Cubit, Provider, or setState with clear rules for app state, feature state, and ephemeral UI state.
  • Navigation and layout patterns: Build declarative routing with GoRouter, persistent tabs, responsive layouts, and adaptive Material and Cupertino interfaces.
  • Testing, performance, and deployment: Write widget, integration, and golden tests; reduce rebuilds and repaint costs; and prepare builds for CI/CD, flavors, and app store release.
  • Use Case: A developer can use this Skill to design a new Flutter app, select a state strategy, wire up deep links and tab navigation, and validate the release pipeline with confidence.

Quick Start

Ask for a Flutter implementation plan for your app feature, and include the target platform, state management preference, navigation needs, and testing or release constraints.

Frequently Asked Questions about @tank/flutter-dev

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

FAQPage Schema
How do I structure Flutter widgets and manage BuildContext safely for maintainability?

To structure Flutter widgets safely, choose the correct widget type, manage BuildContext carefully, and organize widget trees to optimize both maintainability and performance. This approach reduces noisy rebuilds and ensures stable app architecture.

What is the best way to choose between Riverpod and BLoC for Flutter state management?

Choosing between Riverpod and BLoC for Flutter state management depends on your scope. Apply clear rules to distinguish app state, feature state, and ephemeral UI state, selecting Provider, Cubit, or setState based on specific data flow needs.

How do I configure GoRouter for declarative navigation and deep links in a Flutter app?

Configure GoRouter for Flutter navigation by building declarative routing patterns that support persistent tabs and deep links. This ensures reliable navigation flows and adaptive interfaces across Material and Cupertino platforms.

Can I use Flutter for responsive layouts across mobile, web, and desktop platforms?

Yes, you can use Flutter for responsive layouts across mobile, web, and desktop. The framework supports building adaptive interfaces and responsive design patterns that adjust correctly to varying screen sizes and platform conventions.

How do I write deterministic widget tests and golden tests for Flutter apps?

Write deterministic Flutter widget tests and golden tests by following strict testing conventions. Implement integration tests and profile performance to reduce repaint costs, ensuring reliable validation before CI/CD deployment and app store release.

Why does my Flutter app have noisy rebuilds and how do I profile performance?

Flutter apps experience noisy rebuilds due to inefficient widget trees and poor state management boundaries. Profile performance by tracking repaint costs and applying framework conventions to minimize unnecessary widget rebuilds.