页面太重?这款Skill给组件分层

设计 Flutter 应用的分层架构。

flutter-apply-architecture-best-practices 是帮助 AI 组织 Flutter 应用结构的 Skill,适用于新功能设计和已有代码重构。你提供功能需求与现有代码,它会区分界面展示、界面状态、数据访问和必要的业务逻辑,避免一个页面同时负责所有事情。

它采用 View 与 ViewModel 配合:界面负责显示和交互布局,ViewModel 管理状态;Repository 整理数据与缓存,Service 包装外部接口或存储。这样修改获取数据的方式时,不必把页面显示逻辑也一起重写。

并不是每个功能都要再加一层。原文明确把 Use Case 业务用例层设为可选:逻辑复杂、或需要被多个 ViewModel 复用时再提取,简单增删改查可以省去。

例如做个人资料页,可以让 AI 说明加载状态归谁管理、接口返回值在哪里转成业务对象,再实现页面与数据层,并分别验证 ViewModel 和 Repository。源码示例只展示分工,真实缓存还要考虑不同用户等业务条件。

适合准备采用这套分层方式的团队。迁移已有项目时,应结合当前状态管理和依赖注入约定,不能把目录变多当成架构已经改善。

分类:编程开发

来源仓库:flutter/agent-plugins

适合用来做什么

  • 如何使用推荐的层叠方法构建 Flutter 应用?
  • 请帮我重构这个 Flutter 项目以实现可扩展性。

安装 flutter-apply-architecture-best-practices

npx skills add https://www.iskills.cc/skills/flutter/agent-plugins/flutter-apply-architecture-best-practices/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 flutter-apply-architecture-best-practices 的用途与原始说明

浏览全部 Skill 指南