Skills Flutter

skills/skills/dart-matcher-best-practices

เพื่อหาผู้สมัครสำหรับการปรับปรุงการใช้งาน matcher ให้ค้นหารูปแบบที่ด้อยประสิทธิภาพ:

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

เพื่อหาผู้สมัครสำหรับการปรับปรุงให้ทันสมัย:

skills/skills/dart-package-maintenance

แนวทางสำหรับการบำรุงรักษาแพ็กเกจ Dart ให้สอดคล้องกับแนวปฏิบัติที่ดีที่สุดของทีม 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

แนะนำเอเจนต์ในการคอมไพล์และแพ็คเกจซอร์สโค้ด C/C++ เป็นไลบรารีแบบ dynamic หรือ static (Code Assets) โดยใช้ระบบ Native Assets hook ของ Dart (ผ่าน…

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

วิธีการรวม อัปเดต และกำหนดค่าเครื่องมือตรวจสอบ dart_skills_lint ภายใน repository ตรวจสอบให้แน่ใจว่าใช้ทักษะนี้ทุกครั้งที่ผู้ใช้ขอให้อัปเดต…

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

ใช้ทักษะนี้เมื่อคุณต้องการตั้งค่าการตรวจสอบความถูกต้องสำหรับทักษะของ AI agent ในโปรเจกต์ Dart เป็นครั้งแรก เพิ่ม linter เป็น dev_dependency สร้าง…

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

ใช้ CLI dart_skills_lint เพื่อตรวจสอบความถูกต้องของสกิล เลือกเวิร์กโฟลว์ที่เหมาะสมตามสภาพแวดล้อมของคุณ:

skills/skills/dart-test-coverage

แนวทางสำหรับการรันและตีความความครอบคลุมของการทดสอบในแพ็กเกจ Dart

skills/skills/dart-test-fundamentals

เพื่อหาผู้สมัครสำหรับการปรับปรุงโครงสร้างการทดสอบ:

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

ใช้สวิตช์เอ็กซ์เพรสชันและการจับคู่แพตเทิร์นเมื่อเหมาะสม

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

ช่วยให้ผู้ใช้เขียนคอนสตรักเตอร์หลักใน Dart ที่ถูกต้องทั้งทางไวยากรณ์และความหมาย และย้าย/ใช้งานไวยากรณ์คอนสตรักเตอร์แบบใหม่ ไวยากรณ์เซมิโคลอนแบบไม่มีเนื้อหา…

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

การตรวจสอบที่จำเป็นต้องดำเนินการก่อนที่จะทำงานใดๆ ที่เกี่ยวข้องกับไฟล์ md หรือโค้ด dart ในพื้นที่เก็บข้อมูลนี้ให้เสร็จสมบูรณ์

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

สร้างสรุป "what's new" สำหรับรีลีสและไฟล์ diff สำหรับการเปลี่ยนแปลงใน Flutter engine (//engine/src/flutter) ระหว่างสองรีลีส (เช่น 3.47 vs…

flutter/.agents/skills/find-release

ทักษะในการค้นหารุ่น Dart และ Flutter ที่ต่ำที่สุดซึ่งมี commit ที่กำหนด ใช้ทักษะนี้เมื่อผู้ใช้ถามว่า commit ใดถูกเพิ่มใน Flutter หรือ Dart…

skills/skills/flutter-accessibility

ใช้มาตรฐานการเข้าถึง WCAG 2 และ EN 301 549 รวมถึงเลย์เอาต์แบบปรับเปลี่ยนได้ในแอป Flutter บังคับใช้คำอธิบายเชิงความหมาย ขนาดเป้าหมายการแตะ (ขั้นต่ำ 48x48 dp) และอัตราส่วนความคมชัดของข้อความ (4.5:1 สำหรับข้อความขนาดเล็ก, 3:1 สำหรับข้อความขนาดใหญ่) บนแพลตฟอร์มมือถือ เว็บ และเดสก์ท็อป มีตรรกะการตัดสินใจสำหรับการเริ่มต้นความหมายบนเว็บ การห่อวิดเจ็ตแบบโต้ตอบ การสลับเลย์เอาต์ตามขนาดหน้าจอ และการจัดการอินพุตคีย์บอร์ด/เมาส์ รวมถึงการจัดการการนำทางโฟกัสผ่าน FocusTraversalGroup และ...

skills/skills/flutter-accessibility-audit

เรียกใช้การสแกนการเข้าถึงผ่าน widget_inspector และเพิ่ม Semantics widgets หรือป้ายกำกับที่ขาดหายไปในซอร์สโค้ดโดยอัตโนมัติ

skills/skills/flutter-add-integration-test

กำหนดค่า Flutter Driver สำหรับการโต้ตอบกับแอปและแปลงการกระทำของ MCP เป็นการทดสอบการผสานรวมแบบถาวร ใช้เมื่อเพิ่มการทดสอบการผสานรวมในโปรเจกต์…

skills/skills/flutter-add-widget-preview

เพิ่มตัวอย่างวิดเจ็ตแบบโต้ตอบลงในโปรเจกต์โดยใช้ระบบ previews.dart ใช้เมื่อสร้างคอมโพเนนต์ UI ใหม่หรืออัปเดตหน้าจอที่มีอยู่เพื่อให้แน่ใจว่า…

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

เพิ่มวิดเจ็ตหน้าจอหลักให้กับแอป Flutter สำหรับ Android และ iOS ด้วย UI ดั้งเดิมและการซิงค์ข้อมูลที่ใช้ร่วมกัน Flutter สื่อสารกับวิดเจ็ตดั้งเดิมผ่านพื้นที่จัดเก็บในเครื่องที่ใช้ร่วมกัน (UserDefaults บน iOS, SharedPreferences บน Android) โดยใช้แพ็คเกจ home_widget; ข้อมูลไหลจากการเขียนของ Flutter ไปยังการอ่านวิดเจ็ตดั้งเดิมเมื่อ OS เรียกใช้ การใช้งานบน iOS ใช้ Xcode, SwiftUI และเป้าหมาย Widget Extension พร้อมความสามารถ App Groups; Android ใช้ Android Studio กับ AppWidgetProvider, เค้าโครง XML และ...

skills/skills/flutter-animating-apps

ภาพตอบสนอง การเปลี่ยนผ่าน และการเคลื่อนไหวตามหลักฟิสิกส์สำหรับแอป Flutter โดยใช้เฟรมเวิร์ก Animation กลยุทธ์การเคลื่อนไหวสี่แบบ: แอนิเมชันแบบนัยสำหรับการเปลี่ยนแปลงคุณสมบัติอย่างง่าย, แอนิเมชันแบบชัดแจ้งพร้อมควบคุมการเล่น, การเปลี่ยนผ่าน Hero สำหรับองค์ประกอบที่ใช้ร่วมกันระหว่างเส้นทาง, และแอนิเมชันตามหลักฟิสิกส์สำหรับการเคลื่อนไหวที่เป็นธรรมชาติจากการป้อนข้อมูลด้วยท่าทาง ระบบ Animation แบบกำหนดประเภทหลักพร้อมคลาส AnimationController, Tween และ Curve; ควรจัดการคอนโทรลเลอร์เสมอเพื่อป้องกันหน่วยความจำรั่วไหล แอนิเมชันแบบสลับ...

skills/skills/flutter-animation

เลือกและใช้กลยุทธ์แอนิเมชัน Flutter ที่เหมาะสมที่สุดสำหรับความต้องการ UI ของคุณ รวมถึงแผนผังการตัดสินใจเพื่อเลือกระหว่างแอนิเมชันแบบ implict, explicit tweens, การเคลื่อนไหวตามหลักฟิสิกส์, การเปลี่ยนภาพแบบ hero, ลำดับแบบ staggered และการเปลี่ยนเส้นทางหน้า พร้อมตัวอย่างโค้ดที่สมบูรณ์สำหรับแอนิเมชันแต่ละประเภท ตั้งแต่ AnimatedContainer แบบง่ายไปจนถึงการตั้งค่า staggered multi-tween ที่ซับซ้อน บังคับใช้การจัดการหน่วยความจำอย่างเคร่งครัดด้วยการกำจัด AnimationController ที่จำเป็นและแนวทางปฏิบัติที่ดีที่สุดด้านประสิทธิภาพโดยใช้...

skills/skills/flutter-app-size

วัดและปรับขนาด Flutter app bundle, APK หรือ IPA ด้วยการวิเคราะห์และกลยุทธ์การลดขนาดเฉพาะแพลตฟอร์ม รองรับ Android (APK/AppBundle), iOS (IPA) และเดสก์ท็อป (Linux, macOS, Windows) พร้อมขั้นตอนการวัดเฉพาะแพลตฟอร์ม สร้างไฟล์ JSON วิเคราะห์ขนาดโค้ดผ่าน flutter build --analyze-size และทำงานร่วมกับ Dart DevTools App Size Tool สำหรับการแสดงภาพแยกส่วนประกอบ ดำเนินการลดขนาดผ่านการแยกข้อมูลดีบัก การบีบอัดแอสเซท และ...

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

ออกแบบสถาปัตยกรรมแอปพลิเคชัน Flutter โดยใช้แนวทางแบบเลเยอร์ที่แนะนำ (UI, Logic, Data) ใช้เมื่อจัดโครงสร้างโปรเจกต์ใหม่หรือปรับโครงสร้างเพื่อความสามารถในการขยาย

skills/skills/flutter-architecting-apps

กรอบงานสถาปัตยกรรมแบบเลเยอร์สำหรับแอป Flutter ที่ปรับขนาดได้ พร้อมการแยกส่วนความรับผิดชอบอย่างเคร่งครัด บังคับใช้โครงสร้างสามเลเยอร์ (UI, Logic, Data) ด้วยการไหลของข้อมูลแบบทิศทางเดียวและแหล่งความจริงเดียวในเลเยอร์ Data เลเยอร์ UI ประกอบด้วย Views และ ViewModels ที่เรียบง่ายซึ่งแปลงโดเมนโมเดลเป็นสถานะการนำเสนอ เลเยอร์ Logic (ไม่บังคับ) จัดการการประสานงานทางธุรกิจที่ซับซ้อน เลเยอร์ Data แบ่งอย่างชัดเจนเป็น Services ที่ไม่มีสถานะและ Repositories ที่แคชข้อมูล ให้คำแนะนำทีละขั้นตอนสำหรับฟีเจอร์...

skills/skills/flutter-architecture

สถาปัตยกรรม MVVM สำหรับแอป Flutter ที่มีการไหลของข้อมูลแบบทิศทางเดียวและการแยกชั้นอย่างเคร่งครัด ใช้สถาปัตยกรรมสามชั้น: ชั้นข้อมูล (Services และ Repositories), ชั้นโดเมน (UseCases สำหรับตรรกะที่ซับซ้อน), และชั้น UI (ViewModels และ Views) ใช้ provider สำหรับการฉีด dependency และ ListenableBuilder สำหรับการอัปเดต UI แบบรีแอกทีฟด้วยรูปแบบ Command สำหรับการโต้ตอบของผู้ใช้ บังคับใช้การไหลของข้อมูลแบบทิศทางเดียว: ข้อมูลไหลลงจาก Repositories ไปยัง ViewModels ไปยัง Views; อีเวนต์ไหลขึ้น...