关于 flutter-engineering
flutter-engineering 是面向 HeyEddi 应用开发的工程技能,可审查并补齐 Flutter、FastAPI 和 Firebase 项目的脚手架。它通过分层审计、构建、测试和变更检查组织开发流程。
主要功能
- 01识别 Flutter、FastAPI 与 Firebase 技术栈
- 02审计并补齐项目脚手架
- 03提供本地开发服务器流程
- 04运行前端与后端测试及构建验证
- 05设置计划与变更检查关卡
适用场景
- 01为移动端或 Web 前端搭建 Flutter 项目
- 02为 REST API 配置 FastAPI 后端
- 03为 Firestore 或 Auth 配置 Firebase
- 04按检查流程验证功能变更
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ heyeddi-com/ heyeddi-skills --skill flutter-engineering安装后在 Claude Code 中输入/flutter-engineering确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
manifest.jsoncontext/ANTI_PATTERNS.mdEXAMPLES.mdPROSE_ANTI_SLOP.mdVOCABULARY.mdreference/design-handoff.mddev-server.mdfastapi-client.mdfirebase-client.mdsubagents.mdscaffold/stack-flutter-fastapi.jsonstack-flutter-full.jsonstack-flutter.jsonscaffold/flutter/analysis_options.yamlpubspec.yamlscaffold/flutter/lib/app.dartmain.dartscaffold/flutter/lib/config/env.dartscaffold/flutter/lib/router/app_router.dartscaffold/flutter/lib/screens/home_screen.dartsettings_screen.dartscaffold/flutter/lib/services/api_client.dartscaffold/flutter/lib/theme/app_theme.dartscaffold/flutter/lib/widgets/app_shell.dartscaffold/flutter/test/widget_test.dartscripts/_heyeddi_paths.py_project_detect.py_skill_cli.pyaudit_scaffold.pydev_server_info.py详细介绍
Flutter 工程开发
适用于 HeyEddi 应用的基础 Flutter 工程开发。检测适用的技术栈并添加相应工具:Vue 项目应改用 @project-engineering。
子 Agent(默认)
将脚手架搭建、审计和测试脚本委派给 Task shell;将仓库探索委派给 explore。主聊天根据审计 JSON 选择技术栈。参见 reference/subagents.md。
技术栈
| 技术栈 | 适用场景 | 添加的工具 |
|---|---|---|
| Flutter | 移动端 / Web 前端 | pubspec.yaml、Riverpod、go_router、Material 3、widget 测试 |
| FastAPI | REST API 后端 | backend/、pytest、openapi.json、运行于 8090 的 uvicorn |
| Firebase | Firestore / Auth | firebase.json、规则、模拟器 |
在 .heyeddi/stack.json 中声明意图:
{
"frontend": "flutter",
"backends": ["fastapi"],
"web_port": 8085,
"api_port": 8090
}
或者使用 "backends": ["firebase"] 或 ["fastapi", "firebase"]。
工作流
- 偏好设置门禁(始终启用的硬性要求): 在假设 git / CI / 提交状态前,运行
@heyeddi-setupverify_setup --check;若未完成 → 运行设置流程,直至通过。 audit_scaffold:按层生成 JSON(flutter / fastapi / firebase)。scaffold_stack --stack auto:补齐缺项(flutter、fastapi、firebase或full)。- 按需运行
ensure_flutter和ensure_python(通过@project-engineering)。 dev_server_info:Flutter Web:8085、API:8090、Firebase 模拟器:4000。- 计划门禁(始终启用): 在编写功能代码前运行
@engineering-excellencecheck_engineering_plan --check。 - 实现功能(
@design-handoff-flutter、@flutter-patterns、@dart-type-bridger)。 run_tests+run_backend_tests+verify_build。- 变更门禁(始终启用):
audit_engineering --check(错误会导致失败;警告仅供参考)。
本地开发服务器
| 技术栈 | 命令 | URL |
|---|---|---|
| Flutter Web | flutter run -d web-server --web-port=8085 --web-hostname=127.0.0.1 | http://127.0.0.1:8085 |
| Flutter 移动端 | flutter run | 设备 / 模拟器 |
| FastAPI | cd backend && poetry run uvicorn app.main:app --reload --port 8090 | http://127.0.0.1:8090/docs |
| Firebase | firebase emulators:start | http://localhost:4000 |
在审计 Flutter Web 时,为 @visual-auditor 设置 FLUTTER_WEB_URL(或 DEV_SERVER_URL)。
参考资料
reference/dev-server.md:Flutter Web + 移动端reference/fastapi-client.md:Dio + OpenAPI 类型reference/firebase-client.md:firebase_core + Firestorereference/heyeddi-handoff.md:串联@design-handoff-flutter
相关技能
@dart-type-bridger:OpenAPI / Firestore → Dart 模型@flutter-patterns:仓库、Riverpod providers、身份验证@design-handoff-flutter:截图 → Material widgets@project-engineering:共享的 FastAPI/Firebase 脚手架(由scaffold_stack调用)
任务完成后:建议后续技能
完成此技能的用户请求后(而非每次工具调用或子 Agent 阶段结束后),建议接下来运行:
-
运行:
python .agents/skills/heyeddi/scripts/suggest_next_skill.py --current-skill flutter-engineering --project-root .如果处理的是特定路由,请添加
--route /path。 -
在最终回复中包含脚本的
### Next step部分。用户可将其中的 Prompt 行复制到聊天中(例如@heyeddi-design craft /settings)。
如果知道刚完成的是哪个子命令,请传入 --mode shape(或 craft、audit 等)。
参见 @heyeddi → reference/next-skill-handoff.md。