Skills 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

Валидированные Flutter-формы с обработкой ошибок на уровне полей и рабочими процессами отправки. Требует размещения в StatefulWidget с постоянным GlobalKey<FormState> для управления состоянием формы и валидацией при перестроениях. Используйте виджеты TextFormField с колбэками validator(), возвращающими строки ошибок при неудаче или null при успехе. Вызывайте _formKey.currentState!.validate() при отправке для запуска всех валидаторов и автоматического отображения сообщений об ошибках под полями. Включает полный пример кода, демонстрирующий имя пользователя...

skills/skills/flutter-building-layouts

Освойте систему ограничений Flutter для создания адаптивных макетов без переполнения. Основной принцип: ограничения передаются вниз, размеры — вверх, родитель задает позицию. Никогда не передавайте неограниченные ограничения в flex-контейнерах или прокручиваемых областях. Используйте Row / Column для линейных макетов, Expanded / Flexible для распределения пространства, Stack для наложения элементов и SizedBox для жестких ограничений. Применяйте LayoutBuilder для адаптивного изменения размеров или условный рендеринг для адаптивных макетов на мобильных устройствах, планшетах...

skills/skills/flutter-building-plugins

Создание и реализация кроссплатформенных плагинов Flutter с нативной интеграцией для Android, iOS, Windows и веба. Поддерживает как стандартные плагины (Method Channels для платформенных API), так и FFI-плагины (нативные библиотеки C/C++); выбор зависит от необходимости доступа к платформенным SDK или прямого связывания с нативным кодом. Федеративная архитектура плагинов разделяет API на пакеты для приложения, платформенного интерфейса и независимых платформенных реализаций для командной разработки. Включает пошаговое...

skills/skills/flutter-caching

Комплексное кэширование и оптимизация производительности для Flutter-приложений с поддержкой различных типов данных и платформ. Предоставляет логику принятия решений для выбора подходящих механизмов кэширования: в памяти, shared_preferences для пар ключ-значение, SQLite для реляционных данных, файловая система для больших блоков данных и кэширование изображений для сетевых изображений. Включает потоковый офлайн-репозиторий, который сначала выдает кэшированные данные, а затем загружает и обновляет их из сети. Охватывает предварительный прогрев Android FlutterEngine и...

skills/skills/flutter-caching-data

Локальное кэширование данных и шаблоны синхронизации с приоритетом офлайн-режима для Flutter-приложений. Охватывает пять стратегий кэширования: shared_preferences для состояния UI, SQLite/Hive для структурированных данных, файловая система для бинарных медиафайлов, восстановление состояния для навигации и предварительный прогрев FlutterEngine на Android. Реализует офлайн-ориентированные репозитории с использованием потоков для чтения (выдача локальных данных, получение удаленных, обновление кэша) и двойные стратегии записи (только онлайн против офлайн-ориентированной с фоновой синхронизацией). Оптимизирует кэширование изображений с...

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

Как оформить официальный cherry-pick объединённого PR для репозитория flutter/flutter на стабильный или бета-канал. Используйте только для объединённых pull request в flutter/flutter. Только…

skills/skills/flutter-concurrency

We need to translate the given text from English to Russian, preserving the name "flutter-concurrency" if it appears, but it doesn't appear in the text. The text is a description of an agent skill. We must not add any extra commentary, labels, or formatting. Just translate the text inside <text> tags. The text: "Background JSON parsing and state management for jank-free Flutter UI rendering. Provides decision tree for choosing between manual serialization ( dart:convert ) and code generation ( json_serializable ) based on model complexity Supports three concurrency strategies: main-thread async/await for small payloads, short-lived Isolate.run() for heavy one-off computations, and long-lived isolates with ReceivePort / SendPort for continuous two-way communication Includes platform-aware fallback:..." We need to translate accurately, preserving technical terms like "JSON", "Flutter", "dart:convert", "json_serializable", "Isolate.run()", "ReceivePort", "SendPort", "async/await". Also preserve parentheses and colons. Let's

skills/skills/flutter-databases

MVVM-совместимый слой данных для Flutter с паттерном Repository, stateless-сервисами и интеллектуальными стратегиями локального кэширования. Помогает выбрать технологию персистентности (shared_preferences, sqflite, drift, hive_ce, isar_community или файловый ввод-вывод) на основе типа данных, размера и реляционной сложности. Реализует Repository как единый источник истины, изолируя DatabaseService и ApiClient как приватные stateless-зависимости. Предоставляет полные примеры кода для доменных моделей, операций SQLite и...

skills/skills/flutter-embedding-native-views

Встраивайте нативные представления Android, iOS или macOS и веб-контент непосредственно в приложения Flutter. Поддерживает два режима композиции для Android (Hybrid и Texture Layer) с различными компромиссами по производительности и точности; iOS и macOS используют исключительно Hybrid Composition. Включает пошаговые рабочие процессы для реализации платформенных представлений на Android и iOS с рекомендациями по проверке и устранению неполадок. Позволяет встраивать Flutter в существующие веб-приложения через режим Full Page или Multi-view (Embedded) с...

skills/skills/flutter-environment-setup-linux

Настройка окружения Linux для разработки Flutter Desktop с определением ОС и проверкой инструментария. Автоматически определяет Debian/Ubuntu или ChromeOS и останавливается с инструкциями для систем без apt. Устанавливает основные зависимости (curl, git, unzip, libglu1-mesa) и инструментарий Linux Desktop (clang, cmake, ninja-build, библиотеки GTK). Запрашивает опциональную настройку IDE (VS Code или Android Studio через snap). Запускает flutter doctor -v и flutter devices для проверки окружения, автоматически устанавливая...

skills/skills/flutter-environment-setup-macos

Автоматизированная настройка среды разработки Flutter на macOS с проверкой зависимостей и исправлением диагностических ошибок. Проверяет установку Flutter, наличие Xcode и CocoaPods; останавливается с четкими инструкциями, если какой-либо компонент отсутствует. Проводит пользователя через настройку инструментов командной строки Xcode и принятие лицензии с необходимыми командами sudo. Запускает итеративные циклы проверки flutter doctor для выявления и устранения оставшихся проблем с инструментарием до полного прохождения раздела Xcode...

skills/skills/flutter-environment-setup-windows

Автоматическая настройка среды разработки Flutter на Windows с конфигурацией платформенно-зависимых инструментов. Настраивает пути к Flutter SDK, установку инструментария Visual Studio C++ и платформенно-зависимые параметры через интерактивные запросы для Windows Desktop, Android или обеих целей. Обрабатывает настройку Android Studio, конфигурацию устройств/эмуляторов и установку USB-драйверов при выборе Android. Генерирует самоподписанные сертификаты MSIX с помощью OpenSSL для локальной упаковки и развертывания приложений Windows...

skills/skills/flutter-fix-layout-issues

Исправляет ошибки макета Flutter (переполнения, неограниченные ограничения) с помощью Dart и инструментов Flutter MCP. Используйте при устранении «RenderFlex overflowed», «Vertical…

skills/skills/flutter-form

Создание формы с валидацией

skills/skills/flutter-handling-concurrency

Выгружает ресурсоёмкие задачи в фоновые изоляты, сохраняя отзывчивость Flutter-интерфейсов. Предоставляет три паттерна конкурентности: async/await для операций, связанных с вводом-выводом, Isolate.run() для разовых тяжёлых вычислений и Isolate.spawn() с передачей сообщений для постоянных фоновых рабочих процессов. Включает матрицу принятия решений для выбора между асинхронными операциями и изолятами в зависимости от типа задачи (ввод-вывод или привязка к ЦП) и частоты выполнения. Охватывает три полных рабочих процесса с пошаговыми контрольными списками задач: стандартный...

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

HTTP-запросы и JSON-сериализация для интеграции с Flutter REST API и парсинга данных. Охватывает три HTTP-метода (GET, POST, PUT, DELETE) с корректной проверкой кодов состояния, принудительным использованием HTTPS и безопасным построением URI через Uri.https(). Предлагает две стратегии сериализации: ручную fromJson/toJson для простых моделей и генерацию кода с помощью json_serializable для сложных вложенных структур. Включает фоновый парсинг с compute() для предотвращения зависаний интерфейса при обработке больших JSON-нагрузок...

skills/skills/flutter-home-screen-widget

Нативные виджеты домашнего экрана для Flutter-приложений на iOS и Android с кроссплатформенным обменом данными. Обеспечивает обмен данными между Dart и нативными платформами через App Groups (iOS) и SharedPreferences (Android), позволяя обновлять виджеты из вашего Flutter-приложения. Поддерживает простые текстовые виджеты и сложный Flutter UI, отображаемый как статические изображения для нативного отображения. Требует настройки в Xcode (цель Widget Extension с Swift TimelineProvider) и Android Studio (AppWidgetProvider с XML...

skills/skills/flutter-http-and-json

Безопасная HTTP-сетевая работа и обработка JSON для Flutter-приложений с поддержкой фонового парсинга. Реализует CRUD-операции (GET, POST, PUT, DELETE) с использованием пакета http, безопасное построение URL через Uri.https() и строгую проверку кодов состояния. Обеспечивает строго типизированную сериализацию и десериализацию JSON с помощью сопоставления шаблонов Dart 3, фабричных конструкторов и методов toJson(). Выгружает парсинг больших JSON-данных в фоновые изоляты через compute() для предотвращения зависаний интерфейса при полезных нагрузках, превышающих 16 мс...

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

Императивные и декларативные шаблоны маршрутизации для переходов между экранами Flutter и глубоких ссылок. Охватывает как подходы Navigator (императивный, стековый), так и Router (декларативный, синхронизированный с URL) с рекомендациями по выбору подходящего. Поддерживает глубокие ссылки на iOS, Android и Web; включает передачу данных через конструкторы, аргументы маршрутов и возвращаемые значения. Реализует вложенную навигацию для многошаговых процессов (например, мастера настройки) с независимыми поднавигаторами и перехватом кнопки «Назад». Предоставляет...

skills/skills/flutter-improving-accessibility

Настройка Flutter-приложений для вспомогательных технологий, включая экранные дикторы и навигацию с клавиатуры. Охватывает основы дизайна интерфейса: масштабирование шрифтов, цветовой контраст (4.5:1 для обычного текста, 3:1 для крупного) и минимальные цели касания 48x48 пикселей. Предоставляет шаблоны семантической аннотации с использованием виджетов Semantics, MergeSemantics и ExcludeSemantics для раскрытия структуры дерева виджетов вспомогательным инструментам. Включает веб-специфические рекомендации по включению семантического слоя (отключен по умолчанию для производительности) и...

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

We need to translate the given text from English to Russian, preserving the name "flutter-interoperating-with-native-apis" if it appears. The text is a description of an agent skill. The instruction says: "Translate only the text inside <text>. Do not include the name unless it appears in the source text." The name "flutter-interoperating-with-native-apis" does not appear in the source text. So we just translate the description. The text: "Access device-specific native APIs on Android, iOS, and web from Flutter code. Supports three integration approaches: FFI for direct C/C++ binding, Platform Channels (with Pigeon for type safety) for calling Kotlin/Swift/Objective-C, and Platform Views for embedding native UI components FFI uses dart:ffi with automatic build compilation via build.dart hooks; requires extern "C" symbols and package:ffigen for Dart binding generation Platform Channels provide asynchronous messaging between..." We need to translate accurately, preserving product names (Flutter, FFI, Platform Channels, Pigeon, Platform Views

skills/skills/flutter-layout

Создавайте адаптивные макеты Flutter, компонуя виджеты, управляя ограничениями и адаптируясь к размерам экрана. Предоставляет дерево решений для выбора правильного базового виджета макета (Row, Column, Stack, ListView, GridView, CustomScrollView) на основе размерности контента, перекрытия, прокрутки и требований к адаптивности. Реализует основную систему ограничений Flutter: ограничения передаются вниз, размеры передаются вверх, родитель задает позицию; включает шаблоны ConstrainedBox для принудительного задания конкретных размеров. Реализует...

skills/skills/flutter-localization

Настройка Flutter-приложений для поддержки нескольких языков и локалей с правильной конфигурацией i18n. Управляет внедрением зависимостей (flutter_localizations, intl), конфигурацией генерации кода (l10n.yaml) и созданием файлов перевода .arb с поддержкой плейсхолдеров, множественных форм и региональных вариантов. Настраивает делегаты корневого виджета (MaterialApp, CupertinoApp или WidgetsApp) и обрабатывает изолированные виджеты, такие как TextField и CupertinoTabBar, требующие явной обёртки Localizations. Поддерживает...

skills/skills/flutter-localizing-apps

Многоязычная поддержка для Flutter-приложений с использованием ARB-файлов и генерации кода. Настройте pubspec.yaml с flutter_localizations и intl, затем определите файл l10n.yaml для включения генератора кода gen-l10n. Храните локализованные строки в JSON-файлах Application Resource Bundle (.arb); файл шаблона определяет все ключи, а файлы для конкретных локалей предоставляют переводы. Интегрируйте локализации в MaterialApp или CupertinoApp, добавив AppLocalizations.delegate и делегаты для конкретных платформ в...

skills/skills/flutter-managing-state

Управление эфемерным и прикладным состоянием во Flutter с использованием StatefulWidget, MVVM и Provider. Различает эфемерное состояние (один виджет, управляется с помощью setState()) и состояние приложения (общее для виджетов, управляется с помощью MVVM и пакета provider). Реализует однонаправленный поток данных с единым источником истины: Модели обрабатывают данные, ViewModels управляют состоянием UI через ChangeNotifier, Views потребляют и отображают состояние. Предоставляет последовательный рабочий процесс для реализации MVVM: определить Repository, создать...

skills/skills/flutter-native-interop

Кроссплатформенная нативная интероперабельность для Flutter-приложений на Android, iOS и Web. Предоставляет логику принятия решений для выбора оптимальной стратегии интеграции: FFI для кода на C/C++, Platform Channels для OS-специфичных API, Platform Views для нативных UI-компонентов и JS Interop для веба. Реализует современную архитектуру FFI с использованием build hooks (Flutter 3.38+) с компиляцией нативных инструментальных цепочек и привязками Dart. Поддерживает асинхронные Platform Channels (MethodChannel) с полной поддержкой Kotlin и Swift...

skills/skills/flutter-performance

Выявляет и устраняет узкие места производительности в Flutter-приложениях с помощью систематического профилирования и целевой оптимизации. Предоставляет дерево решений для диагностики джиттера на UI-потоке, Raster (GPU)-потоке или обоих, с конкретными исправлениями для каждого. Включает шаблоны интеграционных тестов с использованием traceAction и TimelineSummary для установления базовых показателей производительности и измерения бюджета кадров. Охватывает оптимизацию UI (локализация состояния, const-конструкторы, использование StringBuffer) и оптимизацию Raster (замена Opacity...

skills/skills/flutter-platform-views

Встраивайте нативные представления и веб-контент в приложения Flutter на платформах Android, iOS, macOS и веб. Поддерживает Android Hybrid Composition (нативная точность) и Texture Layer (производительность Flutter), iOS/macOS Hybrid Composition, а также полноэкранный или встроенный мульти-вью режимы для веба. Предоставляет полные шаблоны кода на Dart и нативных языках (Kotlin для Android, Swift для iOS/macOS, JavaScript для веба) с паттернами регистрации фабрик. Требует предварительного построения дерева решений для определения целевой платформы и способа встраивания...