搜索结果
flutter
找到 14 个相关结果
AI / LLM / Agent skills
Flutter 动画
flutter-animations
添加、修复、重构、调试、测试或解释 Flutter 动画与运动效果。适用于处理隐式动画(如 AnimatedContainer、AnimatedOpacity、AnimatedSwitcher 和 TweenAnimationBuilder);显式动画(使用 AnimationController、Tween、CurvedAnimation、AnimatedWidget、AnimatedBuilder 及内置过渡动画);Hero/共享元素路由转场;交错或序列动画;基于物理的运动、手势、弹簧、快速滑动、滚动物理效果、曲线、性能、无障碍、减弱动画以及动画生命周期 Bug。
Frontend / UI
Flutter 构建布局
flutter-building-layouts
使用约束系统和布局组件构建 Flutter 布局。在创建或优化 Flutter 应用的 UI 结构时使用。
AI / LLM / Agent skills
Flutter 应用架构最佳实践
flutter-apply-architecture-best-practices
使用推荐的分层架构(UI、Logic、Data)来构建 Flutter 应用。适用于构建新项目或为提升可扩展性而进行重构的场景。
Frontend / UI
Flutter-构建响应式布局
flutter-build-responsive-layout
使用 `LayoutBuilder`、`MediaQuery` 或 `Expanded/Flexible` 来创建适应不同屏幕尺寸的布局。适用于需要让 UI 在……上呈现良好效果的场景。
Frontend / UI
flutter-修复布局问题
flutter-fix-layout-issues
使用 Dart 和 Flutter MCP 工具修复 Flutter 布局错误(溢出、无界约束)。在处理“RenderFlex overflowed”、“Vertical…”时使用。
Testing / Automation
flutter-添加-widget-测试
flutter-add-widget-test
使用 `WidgetTester` 实现组件级测试,以验证 UI 渲染和用户交互(点击、滚动、输入文本)。适用于验证……
AI / LLM / Agent skills
Flutter 设置声明式路由
flutter-setup-declarative-routing
使用 `go_router` 等包配置 `MaterialApp.router`,以实现高级的基于 URL 的导航。适用于开发 Web 应用或移动应用,当这些应用……
Testing / Automation
flutter-添加集成测试
flutter-add-integration-test
为应用交互配置 Flutter Driver,并将 MCP 操作转换为持久的集成测试。适用于在项目中添加集成测试,…
AI / LLM / Agent skills
Flutter 实现 JSON 序列化
flutter-implement-json-serialization
使用 `dart:convert` 创建带有 `fromJson` 和 `toJson` 方法的模型类。适用于在处理简单数据时,手动将 JSON 键映射到类属性……
DevOps / Deployment
Flutter 设置本地化
flutter-setup-localization
添加 `flutter_localizations` 和 `intl` 依赖,在 `pubspec.yaml` 中启用 "generate true",并创建 `l10n.yaml` 配置文件。当……时使用……
Security / Review
flutter-添加-widget-预览
flutter-add-widget-preview
使用 previews.dart 系统为项目添加交互式组件预览。在创建新 UI 组件或更新现有屏幕时使用,以确保…
Security / Review
Flutter 使用 http 包
flutter-use-http-package
使用 `http` 包执行 GET、POST、PUT 或 DELETE 请求。适用于需要从 REST API 获取数据或向其发送数据的场景。
Frontend / UI
Flutter Dart 代码审查
flutter-dart-code-review
与具体库无关的 Flutter/Dart 代码审查清单,涵盖 Widget 最佳实践、状态管理模式(BLoC、Riverpod、Provider、GetX、MobX、Signals)等……
Frontend / UI
Dart Flutter 设计模式
dart-flutter-patterns
生产级 Dart 与 Flutter 模式,涵盖空安全、不可变状态、异步组合、Widget 架构、主流状态管理框架……