Skills Flutter

Instruksi untuk menambahkan aturan validasi baru dan flag CLI ke dart_skills_lint.

Gunakan keterampilan ini ketika pengguna meminta untuk membuat CatalogItem, kelas data, dan/atau kelas widget baru berdasarkan definisi JSON Schema dalam aplikasi yang menggunakan…

Lebih baik menggunakan string multi-baris ( ''' ) daripada menggabungkan string dengan + dan \n , terutama untuk blok teks besar seperti kueri SQL, HTML, atau kunci yang dienkode PEM. Ini meningkatkan keterbacaan dan menghindari kesalahan lint lines_longer_than_80_chars dengan memungkinkan pemutusan baris alami.

Untuk menemukan kandidat migrasi, gunakan strategi pencarian berikut:

Jaga agar isi file entrypoint Anda (misalnya, bin/my_app.dart) tetap minimal. Ini meningkatkan kemampuan pengujian dengan memisahkan logika dari pelaksana proses.

Untuk menemukan masalah dokumentasi:

Mem-parsing kegagalan dari log pengujian Dart dan Flutter.

Untuk menemukan baris yang melebihi batas:

Untuk menemukan kandidat untuk meningkatkan penggunaan matcher, cari pola yang kurang optimal:

Untuk menemukan kandidat untuk modernisasi:

Pedoman untuk memelihara paket Dart sesuai dengan praktik terbaik tim Dart.

Gunakan CLI dart_skills_lint untuk memvalidasi skill. Pilih alur kerja yang sesuai berdasarkan lingkungan Anda:

Pedoman untuk menjalankan dan menafsirkan cakupan pengujian dalam paket Dart.

Untuk menemukan kandidat untuk meningkatkan struktur pengujian:

Pemeriksaan wajib yang harus dijalankan sebelum menyelesaikan tugas apa pun yang menyentuh file md atau kode dart di repositori ini.

Keterampilan untuk menemukan rilis Dart dan Flutter terendah yang berisi komit tertentu. Gunakan keterampilan ini setiap kali pengguna bertanya tentang kapan suatu komit masuk ke Flutter atau Dart…

Menerapkan standar aksesibilitas WCAG 2 dan EN 301 549 serta tata letak adaptif di aplikasi Flutter. Memberlakukan anotasi semantik, ukuran target ketuk (minimal 48x48 dp), dan rasio kontras teks (4,5:1 untuk teks kecil, 3:1 untuk teks besar) di platform seluler, web, dan desktop. Menyediakan logika keputusan untuk inisialisasi semantik web, pembungkusan widget interaktif, peralihan tata letak berdasarkan ukuran layar, serta penanganan input keyboard/mouse. Mencakup manajemen traversal fokus melalui FocusTraversalGroup dan...

Memicu pemindaian aksesibilitas melalui widget_inspector dan secara otomatis menambahkan widget Semantics atau label yang hilang ke kode sumber.

Mengonfigurasi Flutter Driver untuk interaksi aplikasi dan mengonversi aksi MCP menjadi tes integrasi permanen. Gunakan saat menambahkan pengujian integrasi ke proyek,…

Menambahkan pratinjau widget interaktif ke proyek menggunakan sistem previews.dart. Gunakan saat membuat komponen UI baru atau memperbarui layar yang ada untuk memastikan…

Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating…

We need to translate the given text from English to Bahasa Indonesia. The text describes adding home screen widgets to Flutter apps for Android and iOS, mentioning technical details. We must preserve product names, protocol names, URLs, numbers, technical terms. The name "flutter-adding-home-screen-widgets" is not in the text, so we ignore it. We translate only the text inside <text>. No extra commentary. Let's translate: "Add home screen widgets to Flutter apps for Android and iOS with native UI and shared data synchronization." -> "Tambahkan widget layar beranda ke aplikasi Flutter untuk Android dan iOS dengan UI asli dan sinkronisasi data bersama." "Flutter communicates with native widgets via shared local storage (UserDefaults on iOS, SharedPreferences on Android) using the home_widget package; data flows from Flutter writes to native widget reads on OS trigger." -> "Flutter berkomunikasi dengan widget asli melalui penyimpanan lokal bersama (UserDefaults di iOS, SharedPreferences di Android) menggunakan paket home_widget; data meng

Umpan balik visual, transisi, dan gerakan berbasis fisika untuk aplikasi Flutter menggunakan kerangka kerja Animasi. Empat strategi animasi: animasi implisit untuk perubahan properti sederhana, animasi eksplisit dengan kontrol pemutaran, transisi Hero untuk elemen bersama antar rute, dan animasi berbasis fisika untuk gerakan alami yang digerakkan oleh gestur. Sistem Animasi bertipe inti dengan kelas AnimationController, Tween, dan Curve; selalu buang controller untuk mencegah kebocoran memori. Animasi bertahap...

Pilih dan terapkan strategi animasi Flutter yang optimal untuk kebutuhan UI Anda. Termasuk pohon keputusan untuk memilih antara animasi implisit, tween eksplisit, gerakan berbasis fisika, transisi hero, urutan bertahap, dan transisi rute halaman. Menyediakan contoh kode lengkap untuk setiap jenis animasi, dari AnimatedContainer sederhana hingga pengaturan multi-tween bertahap yang kompleks. Menerapkan manajemen memori yang ketat dengan pembuangan AnimationController wajib dan praktik terbaik kinerja menggunakan...

Ukur dan optimalkan ukuran bundel, APK, atau IPA aplikasi Flutter dengan analisis spesifik platform dan strategi pengurangan. Mendukung Android (APK/AppBundle), iOS (IPA), dan platform desktop (Linux, macOS, Windows) dengan alur kerja pengukuran spesifik platform. Menghasilkan file JSON analisis ukuran kode melalui flutter build --analyze-size dan terintegrasi dengan Alat Ukur Aplikasi Dart DevTools untuk visualisasi rincian komponen. Menerapkan pengurangan ukuran melalui pemisahan info debug, kompresi aset, dan...

Mengarsitektur aplikasi Flutter menggunakan pendekatan berlapis yang direkomendasikan (UI, Logika, Data). Gunakan saat menyusun proyek baru atau melakukan refaktor untuk skalabilitas.

Kerangka kerja arsitektur berlapis untuk aplikasi Flutter yang skalabel dengan pemisahan kepentingan yang ketat. Menerapkan struktur tiga lapis (UI, Logika, Data) dengan aliran data searah dan satu sumber kebenaran di lapisan Data. Lapisan UI berisi View dan ViewModel yang ramping yang mengubah model domain menjadi status presentasi; lapisan Logika (opsional) menangani orkestrasi bisnis yang kompleks; lapisan Data terbagi secara ketat menjadi Layanan tanpa status dan Repositori caching. Menyediakan fitur langkah demi langkah...

Arsitektur MVVM untuk aplikasi Flutter dengan aliran data searah dan pemisahan lapisan yang ketat. Menerapkan arsitektur tiga lapisan: Lapisan Data (Services dan Repositories), Lapisan Domain (UseCases untuk logika kompleks), dan Lapisan UI (ViewModels dan Views). Menggunakan provider untuk injeksi dependensi dan ListenableBuilder untuk pembaruan UI reaktif dengan pola Command untuk interaksi pengguna. Menerapkan aliran data searah: data mengalir ke bawah dari Repositories ke ViewModels ke Views; peristiwa mengalir ke atas...

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…

Formulir Flutter yang tervalidasi dengan penanganan kesalahan di tingkat bidang dan alur kerja pengiriman. Membutuhkan hosting StatefulWidget dengan GlobalKey<FormState> yang persisten untuk mengelola status formulir dan validasi di seluruh pembangunan ulang. Gunakan widget TextFormField dengan callback validator() yang mengembalikan string kesalahan jika gagal atau null jika berhasil. Panggil _formKey.currentState!.validate() saat mengirim untuk memicu semua validator dan secara otomatis menampilkan pesan kesalahan di bawah bidang. Termasuk contoh kode lengkap yang mendemonstrasikan nama pengguna...

Kuasai sistem constraint Flutter untuk membangun tata letak responsif dan bebas overflow secara efisien. Prinsip inti: constraint mengalir ke bawah, ukuran mengalir ke atas, parent menentukan posisi. Jangan pernah memberikan constraint tak terbatas di dalam flex box atau area scrollable. Gunakan Row / Column untuk tata letak linear, Expanded / Flexible untuk distribusi ruang, Stack untuk elemen bertumpuk, dan SizedBox untuk constraint ketat. Terapkan LayoutBuilder untuk ukuran responsif atau rendering kondisional untuk tata letak adaptif di berbagai perangkat mobile, tablet,...

Membangun dan mengimplementasikan plugin Flutter lintas platform dengan interop native untuk Android, iOS, Windows, dan web. Mendukung plugin standar (Method Channels untuk API platform) dan plugin FFI (pustaka native C/C++); pilih berdasarkan kebutuhan akses SDK spesifik platform atau pengikatan kode native langsung. Arsitektur plugin terfederasi membagi API ke dalam paket antarmuka aplikasi, antarmuka platform, dan implementasi platform independen untuk pengembangan berbasis tim. Termasuk langkah demi langkah...

Caching komprehensif dan optimalisasi performa untuk aplikasi Flutter di berbagai tipe data dan platform. Menyediakan logika keputusan untuk memilih mekanisme caching yang sesuai: in-memory, shared_preferences untuk pasangan kunci-nilai, SQLite untuk data relasional, sistem file untuk blob besar, dan caching gambar untuk gambar jaringan. Termasuk pola repositori offline-first berbasis stream yang menghasilkan data cache terlebih dahulu, lalu mengambil dan memperbarui dari jaringan. Mencakup pemanasan awal FlutterEngine Android dan...

Pola caching data lokal dan sinkronisasi offline-first untuk aplikasi Flutter. Mencakup lima strategi caching: shared_preferences untuk status UI, SQLite/Hive untuk data terstruktur, sistem file untuk media biner, pemulihan status untuk navigasi, dan pemanasan awal FlutterEngine di Android. Menerapkan repositori offline-first menggunakan stream untuk pembacaan (hasil lokal, ambil jarak jauh, perbarui cache) dan strategi penulisan ganda (hanya online vs. offline-first dengan sinkronisasi latar belakang). Mengoptimalkan caching gambar dengan...

Parsing JSON latar belakang dan manajemen state untuk rendering UI Flutter yang bebas jank. Menyediakan pohon keputusan untuk memilih antara serialisasi manual (dart:convert) dan pembuatan kode (json_serializable) berdasarkan kompleksitas model. Mendukung tiga strategi konkurensi: async/await di thread utama untuk payload kecil, Isolate.run() berumur pendek untuk komputasi berat satu kali, dan isolate berumur panjang dengan ReceivePort/SendPort untuk komunikasi dua arah berkelanjutan. Termasuk fallback yang sadar platform:...

Lapisan data yang sesuai dengan MVVM untuk Flutter dengan pola Repository, Service tanpa status, dan strategi caching lokal yang cerdas. Memandu pemilihan teknologi persistensi (shared_preferences, sqflite, drift, hive_ce, isar_community, atau file I/O) berdasarkan tipe data, ukuran, dan kompleksitas relasional. Menerapkan Repository sebagai sumber kebenaran tunggal, mengisolasi DatabaseService dan ApiClient sebagai dependensi tanpa status yang privat. Menyediakan contoh kode lengkap untuk model domain, operasi SQLite, dan...

Benamkan tampilan native Android, iOS, atau macOS serta konten web langsung ke dalam aplikasi Flutter. Mendukung dua mode komposisi Android (Hybrid dan Texture Layer) dengan pertukaran performa dan ketelitian yang berbeda; iOS dan macOS menggunakan Hybrid Composition secara eksklusif. Menyertakan alur kerja langkah demi langkah untuk mengimplementasikan platform view di Android dan iOS, dengan panduan validasi dan pemecahan masalah. Memungkinkan penanaman Flutter ke dalam aplikasi web yang sudah ada melalui mode Full Page atau Multi-view (Embedded), dengan...

We need to translate the given English text into Bahasa Indonesia. The text describes a skill for setting up Flutter environment on Linux. We must preserve product names, protocol names, URLs, numbers, technical terms. The name "flutter-environment-setup-linux" is not in the text, so we don't include it. We translate only the text inside <text>. No extra commentary, labels, etc. The text: "Linux environment setup for Flutter desktop development with OS detection and toolchain validation. Automatically detects Debian/Ubuntu or ChromeOS and halts with instructions for non-apt systems Installs core dependencies (curl, git, unzip, libglu1-mesa) and Linux desktop toolchain (clang, cmake, ninja-build, GTK libraries) Prompts for optional IDE setup (VS Code or Android Studio via snap) Runs flutter doctor -v and flutter devices to validate the environment, automatically installing..." Note: The last part seems cut off, but we translate as given. Translation: "Pengaturan lingkungan Linux untuk pengembangan desktop Fl

Penyiapan lingkungan pengembangan Flutter macOS secara otomatis dengan validasi dependensi dan perbaikan diagnostik. Memverifikasi instalasi Flutter, ketersediaan Xcode, dan keberadaan CocoaPods; berhenti dengan instruksi jelas jika ada prasyarat yang hilang. Memandu pengguna melalui konfigurasi alat baris perintah Xcode dan penerimaan lisensi dengan perintah sudo yang diperlukan. Menjalankan putaran validasi flutter doctor secara berulang untuk mengidentifikasi dan menyelesaikan masalah toolchain yang tersisa hingga bagian Xcode lolos sepenuhnya...

Pengaturan lingkungan pengembangan Flutter Windows otomatis dengan konfigurasi rantai alat khusus platform. Mengonfigurasi jalur SDK Flutter, instalasi rantai alat Visual Studio C++, dan pengaturan khusus platform melalui prompt interaktif untuk Windows Desktop, Android, atau kedua target. Menangani pengaturan Android Studio, konfigurasi perangkat/emulator, dan instalasi driver USB saat Android dipilih. Menghasilkan sertifikat MSIX yang ditandatangani sendiri menggunakan OpenSSL untuk pengemasan dan penerapan aplikasi Windows lokal...

Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when addressing "RenderFlex overflowed", "Vertical…

Membangun formulir dengan validasi

Mengalihkan tugas berat CPU ke isolat latar belakang sambil menjaga antarmuka Flutter tetap responsif. Menyediakan tiga pola konkurensi: async/await untuk pekerjaan terikat I/O, Isolate.run() untuk komputasi berat satu kali, dan Isolate.spawn() dengan pengiriman pesan untuk pekerja latar belakang persisten. Termasuk matriks keputusan untuk memilih antara operasi async dan isolat berdasarkan jenis tugas (terikat I/O vs. CPU) dan frekuensi eksekusi. Mencakup tiga alur kerja lengkap dengan daftar periksa tugas langkah demi langkah: standar...

We need to translate the given text from English to Bahasa Indonesia. The text describes a Flutter skill for handling HTTP and JSON. We must preserve the name "flutter-handling-http-and-json" but it's not in the text, so we don't include it. We translate only the text inside <text>. No extra labels. The text includes technical terms like HTTP, JSON, REST API, GET, POST, PUT, DELETE, Uri.https(), fromJson, toJson, json_serializable, compute(). These should be preserved as is. Also preserve numbers and URLs (none here). Translate the rest naturally. Let's translate: "HTTP requests and JSON serialization for Flutter REST API integration and data parsing." -> "Permintaan HTTP dan serialisasi JSON untuk integrasi dan penguraian data REST API Flutter." "Covers three HTTP methods (GET, POST, PUT, DELETE) with proper status code validation, HTTPS enforcement, and safe URI construction using Uri.https()." -> "Mencakup tiga metode HTTP (GET, POST, PUT

Widget layar utama asli untuk aplikasi Flutter di iOS dan Android dengan berbagi data lintas platform. Membangun berbagi data antara Dart dan platform asli melalui App Groups (iOS) dan SharedPreferences (Android), memungkinkan pembaruan widget dari aplikasi Flutter Anda. Mendukung widget berbasis teks sederhana dan UI Flutter kompleks yang dirender sebagai gambar statis untuk tampilan asli. Memerlukan pengaturan asli di Xcode (target Widget Extension dengan Swift TimelineProvider) dan Android Studio (AppWidgetProvider dengan XML...

Jaringan HTTP yang aman dan penanganan JSON untuk aplikasi Flutter dengan dukungan penguraian latar belakang. Mengimplementasikan operasi CRUD (GET, POST, PUT, DELETE) menggunakan paket http dengan konstruksi URL yang aman melalui Uri.https() dan validasi kode status yang ketat. Menyediakan serialisasi dan deserialisasi JSON yang diketik secara kuat menggunakan pencocokan pola Dart 3 dengan konstruktor factory dan metode toJson(). Memindahkan penguraian JSON besar ke isolat latar belakang melalui compute() untuk mencegah gangguan UI pada muatan yang melebihi 16ms...

Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data…

Pola routing imperatif dan deklaratif untuk transisi layar Flutter serta deep linking. Mencakup pendekatan Navigator (imperatif, berbasis tumpukan) dan Router (deklaratif, tersinkronisasi URL) dengan panduan kapan menggunakan masing-masing. Mendukung deep linking di iOS, Android, dan Web; mencakup pengiriman data melalui konstruktor, argumen rute, dan nilai balik. Mengimplementasikan navigasi bersarang untuk alur multi-langkah (misalnya, wizard pengaturan) dengan sub-navigator independen dan intersepsi tombol kembali. Menyediakan...

Konfigurasikan aplikasi Flutter untuk teknologi bantuan termasuk pembaca layar dan navigasi keyboard. Mencakup dasar-dasar desain UI: penskalaan font, kontras warna (4.5:1 untuk teks normal, 3:1 untuk teks besar), dan target ketuk minimum 48x48 piksel. Menyediakan pola anotasi semantik menggunakan widget Semantics, MergeSemantics, dan ExcludeSemantics untuk mengekspos struktur pohon widget ke alat bantu. Termasuk panduan khusus web tentang mengaktifkan lapisan semantik (dinonaktifkan secara default untuk kinerja) dan...

Akses API native khusus perangkat di Android, iOS, dan web dari kode Flutter. Mendukung tiga pendekatan integrasi: FFI untuk pengikatan C/C++ langsung, Platform Channels (dengan Pigeon untuk keamanan tipe) untuk memanggil Kotlin/Swift/Objective-C, dan Platform Views untuk menyematkan komponen UI native. FFI menggunakan dart:ffi dengan kompilasi build otomatis melalui hook build.dart; memerlukan simbol extern "C" dan package:ffigen untuk pembuatan pengikatan Dart. Platform Channels menyediakan pengiriman pesan asinkron antara...

Bangun tata letak Flutter yang responsif dengan menyusun widget, mengelola batasan, dan menyesuaikan dengan ukuran layar. Menyediakan pohon keputusan untuk memilih widget tata letak dasar yang tepat (Row, Column, Stack, ListView, GridView, CustomScrollView) berdasarkan dimensi konten, tumpang tindih, pengguliran, dan kebutuhan responsivitas. Menerapkan sistem batasan inti Flutter: batasan mengalir ke bawah, ukuran mengalir ke atas, induk mengatur posisi; termasuk pola ConstrainedBox untuk memaksakan dimensi tertentu. Menerapkan...

Konfigurasikan aplikasi Flutter untuk mendukung banyak bahasa dan lokal dengan pengaturan i18n yang tepat. Mengelola injeksi dependensi (flutter_localizations, intl), konfigurasi pembuatan kode (l10n.yaml), dan pembuatan file terjemahan .arb dengan dukungan untuk placeholder, bentuk jamak, dan varian regional. Mengonfigurasi delegasi widget root (MaterialApp, CupertinoApp, atau WidgetsApp) serta menangani widget terisolasi seperti TextField dan CupertinoTabBar yang memerlukan pembungkusan Localizations eksplisit. Mendukung...

Dukungan multi-bahasa untuk aplikasi Flutter menggunakan file ARB dan pembuatan kode. Konfigurasikan pubspec.yaml dengan flutter_localizations dan intl, lalu tentukan file l10n.yaml untuk mengaktifkan generator kode gen-l10n. Simpan string yang dilokalkan dalam file JSON Application Resource Bundle (.arb); file template mendefinisikan semua kunci, dan file khusus lokal menyediakan terjemahan. Integrasikan lokalisasi ke dalam MaterialApp atau CupertinoApp dengan menambahkan AppLocalizations.delegate dan delegasi khusus platform ke...

We need to translate the given text from English to Bahasa Indonesia. 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 translation should preserve technical terms like StatefulWidget, MVVM, Provider, setState(), ChangeNotifier, etc. Also preserve the name "flutter-managing-state" but it's not in the text, so ignore. Just translate the text inside <text>. No extra commentary. Let me translate: "Manage ephemeral and app-level state in Flutter using StatefulWidget, MVVM, and Provider. Distinguishes between ephemeral state (single widget, managed with setState() ) and app state (shared across widgets, managed with MVVM and provider package) Implements unidirectional data flow with a single source of truth: Models handle data, ViewModels manage UI state via ChangeNotifier , Views consume and display state Provides sequential workflow for MVVM implementation: define Repository, create..." Wait, the text ends with "define Repository,

Interoperabilitas native lintas platform untuk aplikasi Flutter di Android, iOS, dan Web. Menyediakan logika keputusan untuk memilih strategi integrasi optimal: FFI untuk kode C/C++, Platform Channels untuk API spesifik OS, Platform Views untuk komponen UI native, dan JS Interop untuk web. Menerapkan arsitektur FFI modern menggunakan build hooks (Flutter 3.38+) dengan kompilasi toolchain native dan binding Dart. Mendukung Platform Channels asinkron (MethodChannel) dengan Kotlin dan Swift lengkap...

Mengidentifikasi dan menghilangkan hambatan performa di aplikasi Flutter melalui profiling sistematis dan optimasi yang ditargetkan. Menyediakan pohon keputusan untuk mendiagnosis jank pada thread UI, thread Raster (GPU), atau keduanya, dengan perbaikan spesifik untuk masing-masing. Termasuk template pengujian integrasi menggunakan traceAction dan TimelineSummary untuk menetapkan baseline performa dan mengukur anggaran frame. Mencakup optimasi UI (melokalisasi state, konstruktor const, penggunaan StringBuffer) dan optimasi Raster (mengganti Opacity...

Sematkan tampilan native dan konten web ke dalam aplikasi Flutter di seluruh platform Android, iOS, macOS, dan web. Mendukung Android Hybrid Composition (fidelitas native) dan Texture Layer (performa Flutter), iOS/macOS Hybrid Composition, serta mode multi-tampilan halaman penuh atau tersemat di web. Menyediakan template kode Dart dan native lengkap (Kotlin untuk Android, Swift untuk iOS/macOS, JavaScript untuk web) dengan pola registrasi pabrik. Memerlukan pohon keputusan di awal untuk menentukan platform target dan penyematan...

Membuat kerangka plugin Flutter dengan interop native, saluran metode, integrasi FFI, dan arsitektur federasi. Menghasilkan plugin standar, plugin FFI, atau arsitektur multi-paket federasi berdasarkan kebutuhan kode native dan struktur tim. Mengonfigurasi antarmuka siklus hidup embedding Android v2, lingkungan native spesifik platform (Kotlin/Java, Swift/Objective-C), dan pendaftaran saluran metode. Menerapkan plugin federasi terpisah paket dengan antarmuka aplikasi dan spesifik platform...

Temukan pemeriksaan yang gagal pada PR Flutter dan temukan URL log LUCI yang sesuai.

We need to translate the given English text into Indonesian. The text describes a skill for measuring and optimizing Flutter app bundle size. We must preserve the name "flutter-reducing-app-size" but it's not in the text, so we ignore. We preserve technical terms like Flutter, JSON, APK/AAB, iOS, DevTools, etc. No extra commentary. Translate naturally. The text: "Measure and optimize Flutter app bundle size across platforms with analysis tools and reduction strategies. Generates detailed size analysis JSON files via --analyze-size flag to identify large packages, libraries, and assets contributing to bloat Visualize and compare builds using DevTools app size tool with treemap inspection and diff functionality to track optimization progress Supports Android (APK/AAB), iOS, and desktop platforms with platform-specific workflows, including iOS app..." Note: There is a missing period after "bloat" and before "Visualize". We'll treat as separate sentences. Also "iOS app..." is cut off, but we translate as given. Translation: "Mengukur dan mengoptim

Navigasi antar layar, menangani deep linking, dan mengelola pengiriman data dalam aplikasi Flutter. Mengevaluasi kebutuhan aplikasi untuk memilih strategi routing yang optimal: Navigator imperatif untuk alur sederhana, Router / go_router deklaratif untuk deep linking dan dukungan web, atau Navigator bersarang untuk sub-alur independen. Mendukung pengiriman data antar rute melalui argumen konstruktor (lebih disukai) atau RouteSettings dengan ekstraksi argumen yang aman tipe. Menerapkan rute bernama dengan MaterialApp.routes atau...

Mengotomatiskan pengaturan lingkungan Linux untuk pengembangan Flutter desktop dengan instalasi dependensi dan alur kerja validasi. Mencakup tiga alur kerja inti: menginstal dependensi sistem (alat build, pustaka GTK, rantai alat C/C++), memvalidasi lingkungan dengan flutter doctor, dan menyiapkan paket Snap untuk distribusi. Menyediakan perintah siap pakai untuk sistem Debian/Ubuntu dan mencakup pengaturan bersyarat untuk kontainer Linux ChromeOS. Menyertakan template snapcraft.yaml dasar untuk...

Konfigurasi lingkungan macOS otomatis untuk pengembangan Flutter dengan pengaturan Xcode dan CocoaPods. Memandu instalasi dan penautan alat baris perintah Xcode, penerimaan lisensi pengembang, serta manajemen dependensi CocoaPods. Termasuk alur kerja validasi menggunakan flutter doctor dan flutter devices untuk memastikan pengaturan lingkungan yang tepat dan pengenalan desktop macOS. Menyediakan langkah pemecahan masalah untuk masalah umum termasuk alat baris perintah yang hilang, masalah jalur CocoaPods, dan dukungan desktop...

Pengaturan lingkungan Windows otomatis untuk pengembangan Flutter dengan SDK, peralatan, dan konfigurasi platform. Memandu instalasi SDK, konfigurasi PATH, dan validasi dependensi melalui flutter doctor. Mencakup pengaturan beban kerja Visual Studio C++ untuk kompilasi desktop Windows dan konfigurasi emulator/perangkat Android. Termasuk alur kerja untuk membangun biner rilis, mengemas arsip distribusi dengan DLL yang diperlukan, dan menghasilkan sertifikat yang ditandatangani sendiri untuk penerapan MSIX. Menyediakan langkah demi langkah...

Konfig

Add `flutter_localizations` and `intl` dependencies, enable "generate true" in `pubspec.yaml`, and create an `l10n.yaml` configuration file. Use when…

Menerapkan pola MVVM dan Aliran Data Searah untuk manajemen status Flutter. Menyediakan logika keputusan untuk membedakan antara status sementara (status UI lokal melalui setState) dan status aplikasi (status bersama melalui MVVM dan paket provider). Menerapkan pemisahan tanggung jawab yang ketat: lapisan data (Repository sebagai Sumber Kebenaran Tunggal), lapisan logika (ViewModel yang memperluas ChangeNotifier), dan lapisan UI (fungsi murni dari status yang tidak dapat diubah). Menyertakan contoh kode lengkap untuk mengimplementasikan pola MVVM...

Menghasilkan pengujian unit, widget, integrasi, dan plugin untuk aplikasi Flutter dengan kesadaran arsitektural. Menganalisis kode target untuk menentukan jenis pengujian yang sesuai (unit untuk logika, widget untuk UI, integrasi untuk ujung-ke-ujung, plugin untuk kode native). Menyediakan pohon keputusan dan pola implementasi langkah demi langkah untuk setiap kategori pengujian, termasuk pengaturan fake/mock dan strategi asersi. Menyertakan templat kode siap pakai untuk ViewModel, Repositori, widget, dan alur aplikasi lengkap dengan...

Kerangka pengujian komprehensif untuk aplikasi Flutter di seluruh lapisan pengujian unit, widget, dan integrasi. Mencakup tiga kategori pengujian: pengujian unit untuk logika terisolasi, pengujian widget untuk komponen UI, dan pengujian integrasi untuk alur ujung-ke-ujung pada perangkat nyata atau emulator. Menyediakan pola pengujian arsitektural untuk ViewModel, Repositori, Layanan, dan Tampilan, dengan penekanan pada implementasi Fake dibandingkan mock untuk desain pengujian yang lebih bersih. Mencakup panduan pengujian plugin yang menggabungkan pengujian Dart dengan native...

Migrasikan aplikasi Flutter dari Material 2 ke Material 3 dengan pembaruan komponen dan tema otomatis. Mengidentifikasi dan mengganti komponen Material 2 yang sudah usang (FlatButton, RaisedButton, BottomNavigationBar, Drawer) dengan padanan Material 3 menggunakan pohon keputusan. Mengonversi properti tema lama ke ColorScheme Material 3 dan menghapus referensi warna aksen yang sudah usang (accentColor, accentColorBrightness, dll.). Menormalkan semua tema komponen untuk menggunakan kelas *ThemeData dan memastikan useMaterial3:...

Pola gaya global dan desain adaptif untuk aplikasi Flutter menggunakan tema Material 3. Mencakup skema warna Material 3, tipografi, elevasi, dan penggantian komponen modern (NavigationBar, FilledButton, SegmentedButton). Termasuk normalisasi tema komponen menggunakan kelas *ThemeData serta panduan penghentian untuk properti lama seperti accentColor dan AppBarTheme.color. Menyediakan pola adaptif khusus platform: visibilitas scrollbar, teks yang dapat dipilih, urutan tombol (Windows vs....

Use the `http` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API.

Arsitektur lapisan data SQLite dan offline-first untuk aplikasi Flutter dengan persistensi lokal terstruktur. Memisahkan lapisan data menjadi Service tanpa status (pembungkus data mentah) dan Repository logika bisnis (sumber kebenaran tunggal per entitas domain). Menerapkan sinkronisasi offline-first: pembacaan menghasilkan data lokal yang di-cache secara langsung kemudian mengambil pembaruan jarak jauh; penulisan menyimpan secara lokal terlebih dahulu, kemudian mencoba sinkronisasi API dengan fallback antrean latar belakang. Mencakup pengaturan SQLite dengan kueri berparameter yang aman, Domain...

Keterampilan ini menyediakan alur kerja dan praktik terbaik yang spesifik untuk repositori genui.

Wawancarai pengguna secara terus-menerus tentang suatu rencana atau desain hingga mencapai pemahaman bersama, selesaikan setiap cabang dari pohon keputusan. Gunakan saat pengguna ingin…

Gunakan keterampilan ini ketika pengguna meminta untuk mengintegrasikan paket genui dan memulai percakapan sederhana dengan Firebase AI Logic.

Memeriksa file Markdown sesuai pedoman Google.

Membangun ulang alat dan CLI Flutter. Gunakan saat pengguna meminta untuk mengompilasi, memperbarui, menghasilkan ulang, atau membangun ulang alat atau CLI Flutter.

Sebelum melakukan komit perubahan atau meninjau PR secara lokal, penting untuk melakukan staging pada situs dan memastikan semuanya berfungsi dengan benar. Ikuti langkah-langkah berikut untuk melakukan staging pada situs:

Gunakan saat mengimplementasikan fitur atau perbaikan bug, sebelum menulis kode implementasi

Memperbarui dan memelihara file llms.txt. Gunakan saat pengguna ingin menambahkan bagian, menambahkan tautan, memperbaiki informasi, atau meninjau file llms.txt.

Tingkatkan versi peramban (Chrome atau Firefox) dalam pengujian Flutter Web Engine dan/atau Framework. Gunakan saat diminta untuk memperbarui atau meningkatkan Chrome atau Firefox ke versi yang lebih baru…

Pastikan bahwa setiap cuplikan kode yang diubah telah dijalankan dengan benar dan disinkronkan ke file Markdown.