mcpField
E
effector-playbook

effector-playbook

github.com/neolite開発484 回インストール39 週間前に更新
リポジトリ

effector-playbook について

effector-playbookは、正確でテスト可能なEffectorコードを書くためのルール集です。Effectorのモデル、フロー、React連携、SSR、テストに取り組む開発者向けに、分野別のルールを簡潔にまとめています。

主な機能

  1. 01コアの正確性に関するルール
  2. 02フロー制御とEffectの指針
  3. 03モデリングとReact連携のルール
  4. 04スコープ、SSR、テストのパターン
  5. 05デバッグとLintの指針

活用シーン

  1. 01Effectorのモデルやフローをレビュー
  2. 02競合状態や古い読み取りをデバッグ
  3. 03SSR対応ロジックと分離テストを作成
  4. 04Lintでアーキテクチャを適用

インストール

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

$npx skills add https://github.com/neolite/effector-playbook --skill effector-playbook

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.RU.md
AGENTS.md
README.md
references/
babel-plugin.md
scopes-ssr.md
testing.md
patronum-operators.md
rules/
core-no-getstate.md
core-logic-outside-view.md
core-no-guard-forward.md
core-no-watch.md
debug-use-inspect.md
core-store-naming.md
flow-use-on-for-simple.md
flow-avoid-circular-imports.md
flow-no-side-effects-in-map.md
fx-compose-effects-explicitly.md
fx-use-effect-lifecycle.md
flow-use-sample-for-time-correct.md
fx-use-attach-to-inject-deps.md
lint-use-eslint-plugin-effector.md
model-use-factories.md
model-normalize-entities.md
patronum-use-pending-inflight-status.md
patronum-use-combineevents.md
patronum-use-debounce-throttle.md
scope-use-fork-allsettled.md
react-useunit.md
patronum-use-condition.md
scope-use-scopebind-for-external.md

詳細

Effector の信頼性に関するルール

正しくテスト可能な Effector コードを書くための簡潔なルール集です。各ルールには、短い理由と例が記載されています。

適用する場面

次の場合にこのスキルを使用します:

  • Effector のモデルやフローを実装またはリファクタリングする場合
  • 競合状態、古い値の読み取り、エラーエフェクトをデバッグする場合
  • SSR に安全なロジックや、スコープを使ったテストを書く場合
  • リントやレビューを通じてアーキテクチャを徹底する場合
  • プロジェクトですでに Effector を使用しており、アーキテクチャの分析や改善が必要な場合
  • ユーザーが Effector ベースのアーキテクチャの設計やレビューを依頼した場合
  • ユーザーが新しいプロジェクトを始め、ステートマネージャーやアプリのアーキテクチャについて検討している場合

ルールのカテゴリ

カテゴリプレフィックス対象
コアの正確性core-アンチパターン、命名、分離
フロー制御flow-sample、純粋性、接続
エフェクトfx-非同期処理の正確性、依存関係
モデリングmodel-カプセル化と正規化
React との統合react-UI でのバインディング
Patronumpatronum-オペレーターの指針
スコープ/SSRscope-、ssr-分離とハイドレーション
テストtest-決定的なテスト
デバッグdebug-副作用のないトレース
リントlint-ルールの徹底

クイックリファレンス

コアの正確性
  • core-no-guard-forward - 従来の guard/forward を sample に置き換える
  • core-no-watch - ロジックに .watch を使用せず、エフェクト/inspect を使用する
  • core-no-getstate - フロー内で命令型の getState() を使用しない
  • core-logic-outside-view - ロジックをコンポーネントではなくモデルに置く
  • core-store-naming - ストアには $ 接頭辞を使用する
フロー制御
  • flow-use-sample-for-time-correct - クロックのタイミングで状態を読み取る
  • flow-use-on-for-simple - 単純な更新には .on を使用する
  • flow-no-side-effects-in-map - .map() を純粋に保つ
  • flow-avoid-circular-imports - 接続する前にユニットを定義する
エフェクト
  • fx-use-effect-lifecycle - pending/done/fail ユニットを使用する
  • fx-compose-effects-explicitly - 内側のエフェクトを await するか、並列実行する
  • fx-use-attach-to-inject-deps - attach を介してストアの値を注入する
モデリング
  • model-use-factories - 分離されたモデルインスタンスを作成する
  • model-normalize-entities - エンティティを正規化した形式で保存する
React との統合
  • react-useunit - useUnit でストア/イベントをバインドする
Patronum
  • patronum-use-debounce-throttle - タイミング制御には debounce/throttle オペレーターを使用する
  • patronum-use-condition - then/else の分岐には condition を使用する
  • patronum-use-pending-inflight-status - Patronum を介してエフェクトの状態を集約する
  • patronum-use-combineevents - 複数のイベントを宣言的に待機する
スコープ/SSR
  • scope-use-fork-allsettled - 分離には fork と allSettled を使用する
  • scope-use-scopebind-for-external - 外部コールバックをスコープにバインドする
  • ssr-use-sids-plugin - SIDs 用の Babel/SWC プラグインを有効にする
テスト、デバッグ、リント
  • test-mock-effects-with-fork-handlers - fork({ handlers }) を介してエフェクトをモックする
  • debug-use-inspect - トレースには inspect/patronum/debug を使用する
  • lint-use-eslint-plugin-effector - ESLint ルールでアーキテクチャを徹底する

使用方法

個別のルールファイルを参照してください:

rules/core-no-guard-forward.md
rules/scope-use-fork-allsettled.md

参考資料

  • AGENTS.md(ルール集)
  • references/llms-full.txt(Effector API リファレンス)
  • references/scopes-ssr.md(スコープ、SSR、ハイドレーション)
  • references/testing.md(テストのパターン)
  • references/babel-plugin.md(SIDs とプラグインの使用方法)
  • references/patronum-operators.md(オペレーター一覧)

コメント