genui-helper について
genui リポジトリの開発ワークフローと規約を扱うスキルです。コミット前のテストと修正、コンポーネント作成要件、ドキュメントの編集方針、コードの可視性に関する指針をまとめています。
主な機能
- 01コミット前にリポジトリ全体のテストと修正を実行
- 02指定パスに genui パッケージのコンポーネントを配置
- 03UiComponent と A2UI の要件に準拠
- 04docs を文書の基準として編集
- 05コード要素を可能な限りプライベートにする
活用シーン
- 01コミット前にプロジェクトの状態を確認
- 02genui パッケージにコンポーネントを追加
- 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 コンポーネントを作成する場合:
- 配置場所:コンポーネントファイルは
packages/genui/lib/src/components/に配置します。 - 継承:コンポーネントは
UiComponentを継承する必要があります。 - A2UI への準拠:コンポーネントが A2UI 仕様に適合していることを確認します。
- ドキュメント:Dart の厳格なドキュメント規約に従います。
3. ドキュメントの更新
- ドキュメントの正式な情報源は
docs/です。 mkdocsのコンテキストについて言及されている場合は使用しますが、主に Markdown ファイルを直接編集します。- 「自然な文章」の規約(AI らしい表現を避ける)を厳守します。
主な定数とパターン
- 現在の A2UI バージョン:v0.9
- 状態管理:
genuiのSurfaceControllerを使用します。
参考資料
- A2UI 仕様
- サブモジュール @submodules/a2ui で利用できます。
- 仕様のドキュメントは @submodules/a2ui/specification/v0.9/docs で利用できます。
- 仕様のスキーマは @submodules/a2ui/specification/v0.9/json で利用できます。
- サブモジュールであるため、最新の仕様を入手するにはサブモジュールを更新する必要がある場合があります。
- Dart コンパイラの特定の診断メッセージの詳細を確認するには、次の URL 形式で検索します。
- 特定のアナライザーの lint メッセージの詳細を確認するには、次の URL 形式で検索します。
コードの可視性
クラス、関数、メソッド、プロパティ、パラメーター、変数など、すべてのコード要素は可能な限りプライベートにしてください。
コメント
Markdown 対応