Flutter分层架构规范设计

提供 Flutter 官方推荐的分层架构指导规范，严格隔离 UI 表现层（View 与 ViewModel）、数据层（Service 与 Repository）以及可选的领域逻辑层（Use Case）。通过结构清晰的目录规范与可执行的功能落地 8 步工作流，协助开发者规避视图与业务逻辑高度耦合的问题，构建易于单元测试、易于维护和扩展的高质量 Flutter 应用程序。

它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。

常见场景

它能帮你做什么？

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么，或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“我要在 Flutter 项目中新增用户个人中心功能，请按分层架构规范给出 ProfileService、ProfileRepository、ProfileViewModel 和 ProfileView 的代码骨架。”

“我有一个 600 行混杂了 Dio 请求与 setState 的商品列表页面，请帮我按照 UI、Data 分层原则进行代码重构与解耦。”

“请根据推荐的混合目录结构，为带有本地 SQLite 缓存和远程 API 同步的新闻模块设计数据层与状态管理实现方案。”

适用人群

适合谁？

Flutter 移动应用开发者跨平台客户端工程师移动端技术架构师需要重构大型臃肿页面的研发团队

上手门槛

使用难度

进阶

需要了解任务流程，页面已整理好使用步骤。

兼容范围

支持哪些 AI？

Codex可直接使用

Claude Code可直接使用

OpenClaw可直接使用

Hermes可直接使用

国内 Agent可直接使用

中文用户增强

Skill Px 做了什么？

中文说明简化使用方式补充中文案例整理安装流程降低理解难度

Flutter分层架构规范设计.Skill