flutter-slc-boxes
Provides architectural guidance and troubleshooting for Flutter projects built on boxes_flutter.
Install
mkdir -p .claude/skills/flutter-slc-boxes && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/18684" && unzip -o skill.zip -d .claude/skills/flutter-slc-boxes && rm skill.zipInstalls to .claude/skills/flutter-slc-boxes
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
处理 flutter_slc_boxes、boxes_flutter,或 ruoyi-flutter-plus 等依赖 boxes_flutter 的 Flutter 项目时使用;用于判断基础盒子边界、MVVM/FastVm、路由、加载弹窗、状态页、选择/分页工具、国际化代理和依赖解析问题。Key capabilities
- →Identify `boxes_flutter` dependency resolution issues
- →Determine boundaries of basic boxes components
- →Analyze MVVM/FastVm implementations
- →Debug routing and dialog issues
- →Address state page and internationalization proxy problems
- →Resolve dependency parsing issues
How it works
The skill analyzes Flutter projects using `boxes_flutter` to identify issues related to architecture boundaries, usage rules, and dependency resolution.
Inputs & outputs
When to use flutter-slc-boxes
- →Debugging dependency resolution
- →Implementing FastVm components
- →Configuring project routing
About this skill
Flutter Slc Boxes
先确认
flutter_slc_boxes是源码目录,Dart 包名是boxes_flutter;消费项目不要写package:flutter_slc_boxes/...。- 在消费项目报错时,先查
pubspec.yaml、pubspec.lock、.dart_tool/package_config.json,确认boxes_flutter实际解析到 Git 缓存、pub 缓存还是本地覆盖。 - 不要在业务项目里复制基础工具。通用行为先改
flutter_slc_boxes,业务语义才放到ruoyi-flutter-plus的base、fast、feature或business模块。 - 若要临时联调本地源码,使用
pubspec_overrides.yaml;正式脚手架不要依赖相对路径,优先用 Git 依赖并通过flutter pub upgrade boxes_flutter拉取最新提交。
架构边界
lib/flutter/slc/mvvm/base_mvvm.dart:BaseVm、VmSub、MvvmStatelessWidget、MvvmState是基础 MVVM。lib/flutter/slc/mvvm/fast_mvvm.dart:FastVm组合 loading、router、status;业务项目应通过自己的AppBaseVm扩展。lib/flutter/slc/router:路由参数与返回值使用SlcRouterInfo和 BuildContext 扩展。lib/flutter/slc/dialog:加载弹窗由 VM 驱动;用到事件注册的页面优先使用有 dispose 的FastState。lib/flutter/slc/mvvm/status_widget.dart:状态页依赖Boxes.of(context),消费项目必须注册BoxesLocalizations.delegate。lib/flutter/slc/adapter:分页、选择盒子、PageModel、PageUtils等基础适配放这里,不放 RuoYi 的租户、权限、接口语义。
使用规则
- 页面使用
FastVm能力前,必须先通过Provider/ChangeNotifierProvider提供 VM,再调用registerEvent。 - 新创建的 VM 用
ChangeNotifierProvider(create: ...);已有实例或单例才用.value。 registerEvent(context, listen: true)只在确实需要整个页面响应 VM 通知时使用;局部刷新优先用NqSelector。- 路由参数通过既有 helper 传递
SlcRouterInfo,页面中用context.getSlcRouterInfo()读取。 - 可选择列表实体实现
ISelectBox<T>或混入SelectBoxMixin<T>;不要手写一套选择状态。 - 分页使用
PageModel和PageUtils;接口响应转换放业务项目的 repository/base 层。
校验
- 基础工具改动优先补
flutter_slc_boxes/test的聚焦测试。 - 本地 Flutter 工具可用时运行
flutter test、flutter analyze。 - 如果 Dart/Flutter 在启动分析前崩溃,把工具链崩溃单独报告,不把它当作源码问题。
When not to use it
- →When not working on Flutter projects using `boxes_flutter` or related dependencies
- →When the issue is not related to `flutter_slc_boxes` architecture
- →When the project does not use MVVM or FastVm patterns
Limitations
- →Specific to Flutter projects using `flutter_slc_boxes` or `boxes_flutter`
- →Assumes `flutter_slc_boxes` is the source directory and `boxes_flutter` is the Dart package name
- →Does not support copying basic tools into business projects
How it compares
This skill provides targeted debugging and architectural guidance for `boxes_flutter` based Flutter projects, unlike general Flutter troubleshooting.
Compared to similar skills
flutter-slc-boxes side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| flutter-slc-boxes (this skill) | 0 | 1mo | No flags | Intermediate |
| flutter-development | 1,555 | 4mo | No flags | Intermediate |
| flutter-expert | 73 | 3mo | No flags | Advanced |
| flutter | 13 | 3mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
flutter-development
aj-geddes
Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.
flutter-expert
sickn33
Master Flutter development with Dart 3, advanced widgets, and multi-platform deployment. Handles state management, animations, testing, and performance optimization for mobile, web, desktop, and embedded platforms. Use PROACTIVELY for Flutter architecture, UI implementation, or cross-platform features.
flutter
alinaqi
Flutter development with Riverpod state management, Freezed, go_router, and mocktail testing
mobile-developer
sickn33
Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization. Use PROACTIVELY for mobile features, cross-platform code, or app optimization.
stac-quickstart
StacDev
Help initialize and validate a Stac-enabled Flutter project and ship a first server-driven screen. Use when users ask to set up Stac CLI, run stac init/build/deploy, verify project prerequisites, or troubleshoot first-run setup and missing configuration files.
webf-native-plugins
openwebf
Install WebF native plugins to access platform capabilities like sharing, payment, camera, geolocation, and more. Use when building features that require native device APIs beyond standard web APIs.