Skills de Flutter

skills/skills/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…

skills/skills/flutter-building-forms

Formulários Flutter validados com tratamento de erros em nível de campo e fluxos de submissão. Requer hospedagem StatefulWidget com uma GlobalKey<FormState> persistente para gerenciar o estado do formulário e a validação entre reconstruções. Use widgets TextFormField com callbacks validator() que retornam strings de erro em caso de falha ou null em caso de sucesso. Chame _formKey.currentState!.validate() ao enviar para acionar todos os validadores e exibir automaticamente mensagens de erro abaixo dos campos. Inclui exemplo de código completo demonstrando nome de usuário...

skills/skills/flutter-building-layouts

Domine o sistema de constraints do Flutter para criar layouts responsivos e sem overflow de forma eficiente. Princípio central: constraints descem, tamanhos sobem, pais definem posição. Nunca passe constraints ilimitadas em flex boxes ou regiões roláveis. Use Row / Column para layouts lineares, Expanded / Flexible para distribuição de espaço, Stack para elementos sobrepostos e SizedBox para constraints fixas. Aplique LayoutBuilder para dimensionamento responsivo ou renderização condicional para layouts adaptáveis em mobile, tablet,...

skills/skills/flutter-building-plugins

Estrutura e implementa plugins Flutter multiplataforma com interoperabilidade nativa para Android, iOS, Windows e web. Suporta tanto plugins padrão (Method Channels para APIs de plataforma) quanto plugins FFI (bibliotecas nativas C/C++); escolha com base na necessidade de acesso a SDK específico da plataforma ou vinculação direta de código nativo. A arquitetura de plugin federado divide a API entre pacotes voltados ao app, interface de plataforma e implementação independente de plataforma para desenvolvimento em equipe. Inclui guia passo a passo...

skills/skills/flutter-caching

Otimização abrangente de cache e desempenho para aplicativos Flutter em múltiplos tipos de dados e plataformas. Fornece lógica de decisão para selecionar mecanismos de cache apropriados: em memória, shared_preferences para pares chave-valor, SQLite para dados relacionais, sistema de arquivos para grandes blobs e cache de imagens para imagens de rede. Inclui padrão de repositório offline-first baseado em stream que retorna dados em cache primeiro, depois busca e atualiza a partir da rede. Abrange pré-aquecimento do Android FlutterEngine e...

skills/skills/flutter-caching-data

We need to translate the given text from English to Brazilian Portuguese. The text describes caching strategies for Flutter apps. We must preserve the name "flutter-caching-data" but it's not in the text, so we ignore. Also preserve technical terms like shared_preferences, SQLite/Hive, FlutterEngine, etc. No extra commentary. Translation: "Padrões de cache de dados local e sincronização offline-first para aplicativos Flutter. Abrange cinco estratégias de cache: shared_preferences para estado da UI, SQLite/Hive para dados estruturados, sistema de arquivos para mídia binária, restauração de estado para navegação e pré-aquecimento do FlutterEngine no Android. Implementa repositórios offline-first usando streams para leituras (yield local, buscar remoto, atualizar cache) e estratégias de escrita dupla (somente online vs. offline-first com sincronização em segundo plano). Otimiza o cache de imagens com..." The original text ends with "Optimizes

flutter/.agents/skills/flutter-cherry-pick

Como realizar um cherry-pick formal de um PR mesclado para o canal stable ou beta do repositório flutter/flutter. Use apenas para pull requests já mesclados no flutter/flutter. Apenas…

skills/skills/flutter-concurrency

Análise de JSON em segundo plano e gerenciamento de estado para renderização de interface Flutter sem travamentos. Fornece uma árvore de decisão para escolher entre serialização manual (dart:convert) e geração de código (json_serializable) com base na complexidade do modelo. Suporta três estratégias de concorrência: async/await na thread principal para cargas pequenas, Isolate.run() de curta duração para cálculos pesados pontuais e isolates de longa duração com ReceivePort/SendPort para comunicação contínua bidirecional. Inclui fallback ciente de plataforma:...

skills/skills/flutter-databases

Camada de dados compatível com MVVM para Flutter com padrão Repository, Services sem estado e estratégias inteligentes de cache local. Orienta a seleção da tecnologia de persistência (shared_preferences, sqflite, drift, hive_ce, isar_community ou I/O de arquivo) com base no tipo, tamanho e complexidade relacional dos dados. Implementa o Repository como fonte única da verdade, isolando DatabaseService e ApiClient como dependências privadas sem estado. Fornece exemplos completos de código para modelos de domínio, operações SQLite e...

skills/skills/flutter-embedding-native-views

Incorporar visualizações nativas do Android, iOS ou macOS e conteúdo web diretamente em aplicativos Flutter. Suporta dois modos de composição no Android (Hybrid e Texture Layer) com diferentes compensações de desempenho e fidelidade; iOS e macOS usam exclusivamente o Hybrid Composition. Inclui fluxos de trabalho passo a passo para implementar visualizações de plataforma no Android e iOS, com orientação de validação e solução de problemas. Permite incorporar Flutter em aplicativos web existentes via modo Full Page ou Multi-view (Embedded), com...

skills/skills/flutter-environment-setup-linux

Configuração de ambiente Linux para desenvolvimento desktop Flutter com detecção de SO e validação de toolchain. Detecta automaticamente Debian/Ubuntu ou ChromeOS e interrompe com instruções para sistemas não-apt. Instala dependências principais (curl, git, unzip, libglu1-mesa) e toolchain desktop Linux (clang, cmake, ninja-build, bibliotecas GTK). Solicita configuração opcional de IDE (VS Code ou Android Studio via snap). Executa flutter doctor -v e flutter devices para validar o ambiente, instalando automaticamente...

skills/skills/flutter-environment-setup-macos

Configuração automatizada do ambiente de desenvolvimento Flutter no macOS com validação de dependências e correções de diagnóstico. Verifica a instalação do Flutter, disponibilidade do Xcode e presença do CocoaPods; interrompe com instruções claras se algum pré-requisito estiver ausente. Orienta os usuários na configuração das ferramentas de linha de comando do Xcode e na aceitação da licença com comandos sudo necessários. Executa loops iterativos de validação do flutter doctor para identificar e resolver problemas restantes na cadeia de ferramentas até que a seção do Xcode seja completamente aprovada...

skills/skills/flutter-environment-setup-windows

Configuração automatizada do ambiente de desenvolvimento Flutter no Windows com configuração de toolchain específica da plataforma. Configura caminhos do SDK Flutter, instalação do toolchain Visual Studio C++ e configurações específicas da plataforma por meio de prompts interativos para Windows Desktop, Android ou ambos os alvos. Gerencia a configuração do Android Studio, configuração de dispositivo/emulador e instalação de driver USB quando o Android é selecionado. Gera certificados MSIX autoassinados usando OpenSSL para empacotamento e implantação local de aplicativos Windows...

skills/skills/flutter-fix-layout-issues

Corrige erros de layout do Flutter (overflow, restrições ilimitadas) usando ferramentas Dart e Flutter MCP. Use ao lidar com "RenderFlex overflowed", "Vertical…

skills/skills/flutter-form

Construir um formulário com validação

skills/skills/flutter-handling-concurrency

We need to translate the given text from English to Brazilian Portuguese. The text describes a Flutter concurrency handling skill. We must preserve the name "flutter-handling-concurrency" but it's not in the text, so we don't include it. We translate only the text inside <text>. No extra labels or commentary. The text: "Offload CPU-intensive tasks to background isolates while keeping Flutter UIs responsive. Provides three concurrency patterns: async / await for I/O-bound work, Isolate.run() for one-off heavy computations, and Isolate.spawn() with message passing for persistent background workers Includes a decision matrix to choose between async operations and isolates based on task type (I/O vs. CPU-bound) and execution frequency Covers three complete workflows with step-by-step task checklists: standard..." We need to translate accurately, preserving technical terms like "isolates", "async/await", "Isolate.run()", "Isolate.spawn()", "I/O-bound", "CPU-bound", "decision matrix", etc. Also preserve the ellipsis at the

skills/skills/flutter-handling-http-and-json

Requisições HTTP e serialização JSON para integração com API REST e análise de dados no Flutter. Abrange três métodos HTTP (GET, POST, PUT, DELETE) com validação adequada de código de status, imposição de HTTPS e construção segura de URI usando Uri.https(). Oferece duas estratégias de serialização: fromJson / toJson manual para modelos simples e geração de código com json_serializable para estruturas aninhadas complexas. Inclui análise em segundo plano com compute() para evitar travamentos na interface ao processar grandes cargas de dados JSON...

skills/skills/flutter-home-screen-widget

Widgets nativos de tela inicial para apps Flutter no iOS e Android com compartilhamento de dados entre plataformas. Estabelece compartilhamento de dados entre Dart e plataformas nativas via App Groups (iOS) e SharedPreferences (Android), permitindo atualizações de widgets a partir do seu app Flutter. Suporta widgets simples baseados em texto e interfaces Flutter complexas renderizadas como imagens estáticas para exibição nativa. Requer configuração nativa no Xcode (alvo de Extensão de Widget com Swift TimelineProvider) e no Android Studio (AppWidgetProvider com XML...

skills/skills/flutter-http-and-json

Networking HTTP seguro e manipulação de JSON para aplicativos Flutter com suporte a análise em segundo plano. Implementa operações CRUD (GET, POST, PUT, DELETE) usando o pacote http com construção segura de URLs via Uri.https() e validação rigorosa de códigos de status. Fornece serialização e desserialização JSON fortemente tipadas usando correspondência de padrões do Dart 3 com construtores factory e métodos toJson(). Descarrega a análise de JSON grandes para isolates em segundo plano via compute() para evitar travamentos na interface em cargas que excedem 16ms...

skills/skills/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…

skills/skills/flutter-implementing-navigation-and-routing

We need to translate the given text from English to Brazilian Portuguese. The text describes routing patterns for Flutter. We must preserve the name "flutter-implementing-navigation-and-routing" but it's not in the text, so we ignore. We translate only the text inside <text>. No extra labels. Keep technical terms like Navigator, Router, deep linking, iOS, Android, Web, etc. Translate naturally. Text: "Imperative and declarative routing patterns for Flutter screen transitions and deep linking. Covers both Navigator (imperative, stack-based) and Router (declarative, URL-synchronized) approaches with guidance on when to use each Supports deep linking on iOS, Android, and Web; includes data passing via constructors, route arguments, and return values Implements nested navigation for multi-step flows (e.g., setup wizards) with independent sub-navigators and back-button interception Provides..." Translation: "Padrões de roteamento imperativo e declarativo para transições de tela e deep linking no Flutter. Aborda tanto a abord

skills/skills/flutter-improving-accessibility

Configure aplicativos Flutter para tecnologias assistivas, incluindo leitores de tela e navegação por teclado. Aborda fundamentos de design de UI: dimensionamento de fontes, contraste de cores (4,5:1 para texto normal, 3:1 para texto grande) e alvos de toque mínimos de 48x48 pixels. Fornece padrões de anotação semântica usando os widgets Semantics, MergeSemantics e ExcludeSemantics para expor a estrutura da árvore de widgets às ferramentas assistivas. Inclui orientações específicas para web sobre como ativar a camada de semântica (desativada por padrão por questões de desempenho) e...

skills/skills/flutter-interoperating-with-native-apis

Acesse APIs nativas específicas de dispositivos no Android, iOS e web a partir do código Flutter. Suporta três abordagens de integração: FFI para vinculação direta com C/C++, Platform Channels (com Pigeon para segurança de tipos) para chamar Kotlin/Swift/Objective-C, e Platform Views para incorporar componentes de UI nativos. O FFI usa dart:ffi com compilação automática via hooks build.dart; requer símbolos extern "C" e package:ffigen para geração de vinculação Dart. Os Platform Channels fornecem mensagens assíncronas entre...

skills/skills/flutter-layout

Construa layouts responsivos em Flutter compondo widgets, gerenciando restrições e adaptando-se a tamanhos de tela. Fornece uma árvore de decisão para selecionar o widget de layout base adequado (Row, Column, Stack, ListView, GridView, CustomScrollView) com base na dimensionalidade do conteúdo, sobreposição, rolagem e necessidades de responsividade. Aplica o sistema central de restrições do Flutter: as restrições fluem para baixo, os tamanhos fluem para cima, os pais definem a posição; inclui padrões de ConstrainedBox para forçar dimensões específicas. Implementa...

skills/skills/flutter-localization

Configura aplicativos Flutter para suportar múltiplos idiomas e localidades com configuração adequada de i18n. Gerencia injeção de dependência (flutter_localizations, intl), configuração de geração de código (l10n.yaml) e criação de arquivos de tradução .arb com suporte para placeholders, plurais e variantes regionais. Configura delegados de widget raiz (MaterialApp, CupertinoApp ou WidgetsApp) e lida com widgets isolados como TextField e CupertinoTabBar que exigem encapsulamento explícito de Localizations. Suporta...

skills/skills/flutter-localizing-apps

Suporte a múltiplos idiomas para aplicativos Flutter usando arquivos ARB e geração de código. Configure o pubspec.yaml com flutter_localizations e intl, depois defina um arquivo l10n.yaml para habilitar o gerador de código gen-l10n. Armazene strings localizadas em arquivos JSON Application Resource Bundle (.arb); o arquivo de modelo define todas as chaves, e arquivos específicos de localidade fornecem traduções. Integre as localizações no MaterialApp ou CupertinoApp adicionando AppLocalizations.delegate e delegados específicos de plataforma a...

skills/skills/flutter-managing-state

We need to translate the given text from English to Brazilian Portuguese. The text describes managing state in Flutter using StatefulWidget, MVVM, and Provider. It distinguishes between ephemeral and app state, and explains unidirectional data flow. The name "flutter-managing-state" is not in the text, so we don't include it. We preserve technical terms like StatefulWidget, MVVM, Provider, setState(), ChangeNotifier, etc. Also preserve URLs if any (none here). Translate naturally. The text ends with "create..." so it's incomplete. We'll translate as is. Translation: "Gerencie estado efêmero e de nível de aplicativo no Flutter usando StatefulWidget, MVVM e Provider. Distingue entre estado efêmero (widget único, gerenciado com setState()) e estado de aplicativo (compartilhado entre widgets, gerenciado com MVVM e pacote provider). Implementa fluxo de dados unidirecional com uma única fonte de verdade: Models lidam com dados

skills/skills/flutter-native-interop

Interoperabilidade nativa multiplataforma para aplicativos Flutter no Android, iOS e Web. Fornece lógica de decisão para selecionar a estratégia de integração ideal: FFI para código C/C++, Platform Channels para APIs específicas do SO, Platform Views para componentes de UI nativos e JS Interop para web. Implementa arquitetura FFI moderna usando build hooks (Flutter 3.38+) com compilação de toolchain nativa e bindings Dart. Suporta Platform Channels assíncronos (MethodChannel) com Kotlin e Swift completos...

skills/skills/flutter-performance

Identifica e elimina gargalos de desempenho em aplicativos Flutter por meio de criação de perfil sistemática e otimização direcionada. Fornece uma árvore de decisão para diagnosticar travamentos na thread da UI, na thread Raster (GPU) ou em ambas, com correções específicas para cada caso. Inclui modelos de teste de integração usando traceAction e TimelineSummary para estabelecer linhas de base de desempenho e medir orçamentos de quadros. Abrange otimização de UI (localizando estado, construtores const, uso de StringBuffer) e otimização Raster (substituindo Opacity...

skills/skills/flutter-platform-views

Insere visualizações nativas e conteúdo web em aplicativos Flutter nas plataformas Android, iOS, macOS e web. Suporta Composição Híbrida no Android (fidelidade nativa) e Camada de Textura (desempenho Flutter), Composição Híbrida no iOS/macOS e modos de visualização múltipla em página inteira ou incorporada na web. Fornece modelos completos de código Dart e nativo (Kotlin para Android, Swift para iOS/macOS, JavaScript para web) com padrões de registro de fábrica. Exige uma árvore de decisão antecipada para determinar a plataforma alvo e a incorporação...