Flutter

使用 Flutter / Dart 开发跨端移动应用。当用户需要写 Flutter widget、做跨端 App、用 Riverpod / Bloc 管理状态、配置导航时使用。触发词：Flutter、Dart、跨端 App、widget、Riverpod、Bloc、GoRouter。

针对 Flutter 项目的深度工程化审查工具。用于检测架构异味、强制执行 SOLID 原则、优化状态管理流向以及确保代码的可测试性和可维护性。当用户请求 Review、重构或优化 Dart 代码时触发。

Flutter 四层组件化 + MVVM 项目架构规范。适用于 Flutter 项目开发、新模块创建、目录结构设计、代码评审、架构对齐。支持在项目中直接创建/搭建整套 MVVM+组件化目录结构。

Use when the user asks about Flutter architecture, TDD, BLoC state management, project structure, code generation, diagnostics, package selection, or release workflows.

生产就绪的 Dart 和 Flutter 模式，涵盖空安全、不可变状态、异步组合、Widget 架构、流行的状态管理框架（BLoC、Riverpod、Provider）、GoRouter 导航、Dio 网络请求、Freezed 代码生成和整洁架构。

库无关的Flutter/Dart代码审查清单，涵盖Widget最佳实践、状态管理模式（BLoC、Riverpod、Provider、GetX、MobX、Signals）、Dart惯用法、性能、可访问性、安全性和整洁架构。

Applies study_app theme and design tokens (AppTheme, SystemTokens, SystemPalette) aligned with React systemLight/systemDark. Use when styling widgets, adding colors, spacing, typography, radii, theme switching, or editing lib/theme/.

Manages study_app localization via AppLocalizations, contracts, and per-locale implementations (en/zh/ja). Use when adding UI strings, new locales, language switcher, or editing lib/l10n/.

库无关的Flutter/Dart代码审查清单，涵盖Widget最佳实践、状态管理模式（BLoC、Riverpod、Provider、GetX、MobX、Signals）、Dart惯用法、性能、可访问性、安全性和整洁架构。

實作背景音訊播放、通知列控制與 MediaSession。當需要處理播放器核心邏輯、背景播放、通知列或耳機控制時觸發。

使用 drift 操作 SQLite 資料庫。當需要建立或修改資料表、DAO、查詢或 migration 時觸發。

使用 go_router 設定路由與導航。當需要新增頁面、設定導航結構、處理 ShellRoute 或 deep link 時觸發。

使用 Riverpod code generation 模式建立狀態管理。當需要建立新的 Provider、StateNotifier 或非同步狀態時觸發。

撰寫 Flutter 單元測試與 Widget 測試。當需要為新功能撰寫測試、驗證邏輯或測試 UI 元件時觸發。

Flutter 環境初始化與提交前品質把關 Skill。當環境中沒有 Flutter/Dart SDK、 需要執行 dart analyze、修正第三方套件 API 錯誤、或設定 .gitignore 時觸發。

Flutter 環境初始化與提交前品質把關 Skill。當環境中沒有 Flutter/Dart SDK、 需要執行 dart analyze、修正第三方套件 API 錯誤、或設定 .gitignore 時觸發。

Flutter 環境初始化與提交前品質把關 Skill。當環境中沒有 Flutter/Dart SDK、 需要執行 dart analyze、修正第三方套件 API 錯誤、或設定 .gitignore 時觸發。

Flutter app development skill for Claude Code. Use this skill whenever the user wants to create, modify, debug, or architect a Flutter/Dart application.

Professional Flutter UI/UX designer skill inspired by Tinder's design system. Use for swipe cards, profile/match/chat flows, onboarding, and polished motion-heavy mobile UI.

在为本项目新建页面/组件、重做视觉风格、或用户要求"设计感""高级感""不要太普通"时使用。负责写码前的美学方向决策与分维度设计指令；微调手感用 flutter-ui-lab-tuning，诊断现有问题用 flutter-chat-ui-director，审查改动用 flutter-ui-review。

用于打磨 Flutter UI 组件、动效、手势、按压态、glass/frosted/liquid glass 质感、首页顶部按钮、抽屉、底部 sheet、composer 等交互细节，尤其是必须用 Flutter 原生 Lab 迭代而不能退回 HTML/CSS demo 或纯口头描述时。

生产就绪的 Dart 和 Flutter 模式，涵盖空安全、不可变状态、异步组合、Widget 架构、流行的状态管理框架（BLoC、Riverpod、Provider）、GoRouter 导航、Dio 网络请求、Freezed 代码生成和整洁架构。

库无关的Flutter/Dart代码审查清单，涵盖Widget最佳实践、状态管理模式（BLoC、Riverpod、Provider、GetX、MobX、Signals）、Dart惯用法、性能、可访问性、安全性和整洁架构。

处理 flutter_slc_boxes、boxes_flutter，或 ruoyi-flutter-plus 等依赖 boxes_flutter 的 Flutter 项目时使用；用于判断基础盒子边界、MVVM/FastVm、路由、加载弹窗、状态页、选择/分页工具、国际化代理和依赖解析问题。

处理 ruoyi-flutter-plus Flutter 脚手架、页面开发、Provider/MVVM、路由跳转、列表/详情/新增编辑/搜索/Tab 页面、网络请求、本地持久化、国际化、主题样式、权限控制，或结合 boxes_flutter/flutter_slc_boxes 开发业务模块时使用。

Use when writing, refactoring, or debugging Flutter/Dart app code (widgets, Riverpod, Bloc, setState, platform channel, pubspec) — before adding a screen, choosing state management, measuring performance, adding a plugin, or preparing a release build. Also when facing jank/dropped frames, rebuild storms, release mode crash (tree shaking / AOT-only), MissingPluginException, or "works in debug but crashes in release".

Flutter 多模块项目的构建验证流程。在前端实现完成后激活，确保编译通过、代码生成正确。

确认/删除等交互弹框统一使用 showTolyPopPicker 底部弹出样式。在需要弹出确认框、删除确认、操作选择时激活，确保交互风格一致。

使用 tolyui_mediax 实现媒体预览。适用于图片九宫格展示、全屏预览、手势缩放、视频播放、Hero 动画等场景。

Flutter 外域点击关闭浮层的实现方式。在需要实现"点击外部区域关闭侧栏/弹出面板"交互时激活，确保使用正确的组件和模式。