mcpField
G
genui-helper

genui-helper

github.com/flutter開発1.8k97 回インストール2 週間前に更新
リポジトリ

genui-helper について

genui リポジトリの開発ワークフローと規約を扱うスキルです。コミット前のテストと修正、コンポーネント作成要件、ドキュメントの編集方針、コードの可視性に関する指針をまとめています。

主な機能

  1. 01コミット前にリポジトリ全体のテストと修正を実行
  2. 02指定パスに genui パッケージのコンポーネントを配置
  3. 03UiComponent と A2UI の要件に準拠
  4. 04docs を文書の基準として編集
  5. 05コード要素を可能な限りプライベートにする

活用シーン

  1. 01コミット前にプロジェクトの状態を確認
  2. 02genui パッケージにコンポーネントを追加
  3. 03genui リポジトリのドキュメントを更新

インストール

コマンドをコピーしてターミナルで実行します。

$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 を使用します。

参考資料

コードの可視性

クラス、関数、メソッド、プロパティ、パラメーター、変数など、すべてのコード要素は可能な限りプライベートにしてください。

コメント