mcpField
F
flow

flow

github.com/reactテスト・品質251.8k1.1k 回インストール今日更新
リポジトリ

flow について

ReactコードのFlow型チェックを実行するスキルです。DOMまたはReact Nativeのレンダラーを選択でき、エラーのファイル位置を報告します。

主な機能

  1. 01DOMまたはReact Nativeのレンダラーを選択
  2. 02yarn flowで型チェックを実行
  3. 03yarn flow-ciで包括的にチェック
  4. 04型エラーとファイル位置を報告

活用シーン

  1. 01DOMコードの型をチェック
  2. 02ブラウザー固有のDOMコードを検証
  3. 03React NativeまたはFabricのコードをチェック

インストール

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

$npx skills add https://github.com/react/react --skill flow

インストール後、Claude Code で/flowを入力して読み込まれたか確認します。

詳細

Flow による型チェック

引数：

  • $ARGUMENTS：チェックするレンダラー（デフォルト：dom-node）

レンダラー

レンダラー使用する場面
dom-nodeデフォルト。ほとんどの変更に推奨
dom-browserブラウザー固有の DOM コード
nativeReact Native
fabricReact Native Fabric

手順

  1. yarn flow $ARGUMENTS を実行します（引数がない場合は dom-node を使用）
  2. 型エラーをファイルの場所とともに報告します
  3. 包括的なチェック（時間がかかります）には、yarn flow-ci を使用します

よくある間違い

  • レンダラーを指定せずに実行する — 必ず指定するか、デフォルトの dom-node を使用してください
  • 抑制コメントを無視する — $FlowFixMe コメントが実際の問題を隠していないか確認してください
  • 型のインポート漏れ — 型が正しいパッケージからインポートされていることを確認してください

コメント

Markdown 対応