Skills Flutter

skills/skills/dart-matcher-best-practices

Để tìm ứng viên cải thiện cách sử dụng matcher, hãy tìm kiếm các mẫu chưa tối ưu:

agent-plugins/skills/dart-migrate-to-checks-package

Replace the usage of `expect` and similar functions from `package:matcher` to `package:checks` equivalents.

skills/skills/dart-modern-features

Để tìm các ứng viên cho việc hiện đại hóa:

skills/skills/dart-package-maintenance

Hướng dẫn duy trì các gói Dart theo các phương pháp tốt nhất của nhóm Dart.

agent-plugins/skills/dart-resolve-package-conflicts

Workflow for fixing package version conflicts. Use this when `pub get` fails due to incompatible package versions.

agent-plugins/skills/dart-run-static-analysis

Execute `dart analyze` to identify warnings and errors, and use `dart fix --apply` to automatically resolve mechanical lint issues. Use during development to…

agent-plugins/skills/dart-setup-ffi-assets

Hướng dẫn các agent biên dịch và đóng gói mã nguồn C/C++ thành các thư viện động hoặc tĩnh (Code Assets) sử dụng hệ thống hook Native Assets của Dart (qua…

skills/tool/dart_skills_lint/.agents/skills/dart-skills-lint-integration

Cách tích hợp, cập nhật và cấu hình công cụ kiểm tra dart_skills_lint trong một repository. Hãy chắc chắn sử dụng kỹ năng này bất cứ khi nào người dùng yêu cầu cập nhật…

skills/tool/dart_skills_lint/skills/dart-skills-lint-setup

Sử dụng kỹ năng này khi bạn cần thiết lập xác thực cho các kỹ năng của tác nhân AI trong một dự án Dart lần đầu tiên. Thêm linter như một dev_dependency, tạo một…

skills/tool/dart_skills_lint/skills/dart-skills-lint-validation

Sử dụng CLI dart_skills_lint để xác thực kỹ năng. Chọn quy trình làm việc phù hợp dựa trên môi trường của bạn:

skills/skills/dart-test-coverage

Hướng dẫn chạy và diễn giải mức độ phủ kiểm thử trong các gói Dart.

skills/skills/dart-test-fundamentals

Để tìm ứng viên cải thiện cấu trúc kiểm thử:

agent-plugins/skills/dart-use-ffigen

Guide agents to use `package:ffigen` to automatically generate FFI bindings instead of writing them manually. Use this skill when a task involves writing new…

agent-plugins/skills/dart-use-pattern-matching

Sử dụng switch expressions và pattern matching khi phù hợp

agent-plugins/skills/dart-use-primary-constructors

Giúp người dùng viết các primary constructor đúng cú pháp và ngữ nghĩa trong Dart, đồng thời di chuyển/sử dụng cú pháp constructor mới, cú pháp dấu chấm phẩy thân rỗng,…

skills/tool/dart_skills_lint/.agents/skills/definition-of-done

Các kiểm tra bắt buộc phải chạy trước khi hoàn thành bất kỳ tác vụ nào liên quan đến tệp md hoặc mã dart trong kho lưu trữ này.

flutter/.agents/skills/engine-whats-new

Tạo bản tóm tắt phát hành "what's new" và tệp diff cho các thay đổi trong Flutter engine (//engine/src/flutter) giữa hai bản phát hành (ví dụ: 3.47 vs…

flutter/.agents/skills/find-release

Một kỹ năng để tìm bản phát hành Dart và Flutter thấp nhất có chứa một commit nhất định. Sử dụng kỹ năng này bất cứ khi nào người dùng hỏi về thời điểm một commit được đưa vào Flutter hoặc Dart…

skills/skills/flutter-accessibility

Triển khai các tiêu chuẩn truy cập WCAG 2 và EN 301 549 cùng bố cục thích ứng trong ứng dụng Flutter. Áp dụng chú thích ngữ nghĩa, kích thước vùng chạm (tối thiểu 48x48 dp) và tỷ lệ tương phản văn bản (4.5:1 cho văn bản nhỏ, 3:1 cho văn bản lớn) trên các nền tảng di động, web và máy tính để bàn. Cung cấp logic quyết định cho khởi tạo ngữ nghĩa web, bao bọc widget tương tác, chuyển đổi bố cục dựa trên kích thước màn hình và xử lý đầu vào bàn phím/chuột. Bao gồm quản lý điều hướng tiêu điểm qua FocusTraversal

skills/skills/flutter-accessibility-audit

Kích hoạt quét khả năng tiếp cận thông qua widget_inspector và tự động thêm các widget Semantics hoặc nhãn bị thiếu vào mã nguồn.

skills/skills/flutter-add-integration-test

Cấu hình Flutter Driver để tương tác với ứng dụng và chuyển đổi các hành động MCP thành các bài kiểm tra tích hợp vĩnh viễn. Sử dụng khi thêm kiểm tra tích hợp vào một dự án,…

skills/skills/flutter-add-widget-preview

Thêm các bản xem trước widget tương tác vào dự án bằng hệ thống previews.dart. Sử dụng khi tạo các thành phần giao diện mới hoặc cập nhật các màn hình hiện có để đảm bảo…

skills/skills/flutter-add-widget-test

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

skills/skills/flutter-adding-home-screen-widgets

Thêm widget màn hình chính vào ứng dụng Flutter cho Android và iOS với giao diện gốc và đồng bộ dữ liệu chia sẻ. Flutter giao tiếp với widget gốc qua bộ nhớ cục bộ dùng chung (UserDefaults trên iOS, SharedPreferences trên Android) sử dụng gói home_widget; dữ liệu truyền từ Flutter ghi sang widget gốc đọc khi hệ điều hành kích hoạt. Triển khai trên iOS sử dụng Xcode, SwiftUI và mục tiêu Widget Extension với khả năng App Groups; Android sử dụng Android Studio với AppWidgetProvider, bố cục XML và...

skills/skills/flutter-animating-apps

Phản hồi trực quan, chuyển tiếp và chuyển động dựa trên vật lý cho ứng dụng Flutter sử dụng khung Animation. Bốn chiến lược hoạt ảnh: hoạt ảnh ngầm cho thay đổi thuộc tính đơn giản, hoạt ảnh tường minh với điều khiển phát lại, chuyển tiếp Hero cho các phần tử dùng chung giữa các route, và hoạt ảnh dựa trên vật lý cho chuyển động tự nhiên theo cử chỉ. Hệ thống Animation kiểu dữ liệu cốt lõi với các lớp AnimationController, Tween và Curve; luôn dispose controller để tránh rò rỉ bộ nhớ. Hoạt ảnh xen kẽ...

skills/skills/flutter-animation

Chọn và triển khai chiến lược animation Flutter tối ưu cho yêu cầu giao diện của bạn. Bao gồm cây quyết định để lựa chọn giữa animation ngầm định, tween rõ ràng, chuyển động dựa trên vật lý, chuyển tiếp hero, chuỗi so le và chuyển tiếp route trang. Cung cấp ví dụ mã hoàn chỉnh cho từng loại animation, từ AnimatedContainer đơn giản đến thiết lập multi-tween so le phức tạp. Thực thi quản lý bộ nhớ nghiêm ngặt với việc hủy bỏ bắt buộc AnimationController và các thực hành hiệu suất tốt nhất sử dụng...

skills/skills/flutter-app-size

Đo lường và tối ưu hóa kích thước gói ứng dụng Flutter, APK hoặc IPA với phân tích và chiến lược giảm thiểu theo từng nền tảng. Hỗ trợ Android (APK/AppBundle), iOS (IPA) và các nền tảng desktop (Linux, macOS, Windows) với quy trình đo lường riêng cho từng nền tảng. Tạo tệp JSON phân tích kích thước mã nguồn qua lệnh flutter build --analyze-size và tích hợp với Công cụ Kích thước Ứng dụng Dart DevTools để trực quan hóa phân tích thành phần. Triển khai giảm kích thước thông qua tách thông tin gỡ lỗi, nén tài nguyên và...

skills/skills/flutter-apply-architecture-best-practices

Kiến trúc ứng dụng Flutter theo cách tiếp cận phân lớp được khuyến nghị (UI, Logic, Data). Sử dụng khi cấu trúc dự án mới hoặc tái cấu trúc để mở rộng quy mô.

skills/skills/flutter-architecting-apps

Khung kiến trúc phân lớp cho ứng dụng Flutter có khả năng mở rộng với sự tách biệt trách nhiệm chặt chẽ. Áp dụng cấu trúc ba lớp (UI, Logic, Data) với luồng dữ liệu một chiều và một nguồn dữ liệu duy nhất trong lớp Data. Lớp UI chứa các View và ViewModel tinh gọn, chuyển đổi mô hình miền thành trạng thái trình bày; lớp Logic (tùy chọn) xử lý các quy trình nghiệp vụ phức tạp; lớp Data được phân chia chặt chẽ thành các Service không trạng thái và Repository có bộ nhớ đệm. Cung cấp hướng dẫn từng bước về tính năng...

skills/skills/flutter-architecture

Kiến trúc MVVM cho ứng dụng Flutter với luồng dữ liệu một chiều và phân tách lớp chặt chẽ. Triển khai kiến trúc ba lớp: Lớp Dữ liệu (Services và Repositories), Lớp Miền (UseCases cho logic phức tạp), và Lớp Giao diện (ViewModels và Views). Sử dụng provider để tiêm phụ thuộc và ListenableBuilder cho cập nhật giao diện phản ứng với mẫu Command cho tương tác người dùng. Thực thi luồng dữ liệu một chiều: dữ liệu chảy từ Repositories xuống ViewModels đến Views; các sự kiện đi lên...