mcpField
G
genui-helper

genui-helper

github.com/flutter开发1.8k97 次安装2 周前更新
代码仓库

关于 genui-helper

面向 genui 仓库开发流程与规范的技能,涵盖提交前运行测试和修复、创建组件的要求、文档维护方式及代码可见性建议。

主要功能

  1. 01提交前运行全仓测试与修复
  2. 02按指定路径在 genui 包中放置组件
  3. 03遵循 UiComponent 和 A2UI 要求
  4. 04以 docs 为文档源进行编辑
  5. 05尽可能将代码元素设为私有

适用场景

  1. 01提交前检查项目状态
  2. 02向 genui 包添加组件
  3. 03更新 genui 仓库文档

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/flutter/genui --skill genui-helper

安装后在 Claude Code 中输入/genui-helper确认已加载。

详细介绍

GenUI 开发助手

此技能提供了适用于 genui 仓库的工作流和最佳实践。

工作流

1. 运行测试并修复问题

该仓库使用自定义工具在提交前运行测试、应用修复并格式化代码。 通常只应在提交前运行该工具,因为每次更改后都运行既低效又耗时。

该工具会对仓库中的所有软件包运行 dart fix --apply、dart format 和 flutter test。

命令:

dart run tool/test_and_fix/bin/test_and_fix.dart

使用时机:

  • 提交更改前,确保项目状态良好。
  • 用于替代逐个手动对仓库中的项目运行 flutter test。
2. 在 genui 软件包中创建新组件

在 genui 中创建新的 UI 组件时:

  1. 位置:将组件文件放在 packages/genui/lib/src/components/ 中。
  2. 继承:组件必须继承 UiComponent。
  3. 符合 A2UI 规范:确保组件符合 A2UI 规范。
  4. 文档:遵循严格的 Dart 文档规范。
3. 更新文档
  • 文档的权威来源位于 docs/。
  • 如果提到 mkdocs,请使用其上下文,但主要直接编辑 Markdown 文件。
  • 严格遵循“自然写作”标准(避免 AI 式表达)。

关键常量和模式

  • 当前 A2UI 版本:v0.9
  • 状态管理:使用来自 genui 的 SurfaceController。

参考资料

代码可见性

让每个代码元素(如类、函数、方法、属性、参数、变量)尽可能保持私有。

评论

支持 Markdown