mcpField
R
regle-advanced

regle-advanced

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

regle-advanced について

regle-advancedは、Vue 3のフォーム検証におけるRegleの高度なパターンを扱うスキルです。コレクション、非同期検証、サーバーエラー、スコープ付き検証など、複雑なフォーム状態や設定を扱う開発者向けです。

主な機能

  1. 01配列コレクションの検証
  2. 02非同期検証とデバウンス
  3. 03サーバーエラー処理
  4. 04フォームのリセットオプション
  5. 05バリアントとスコープ付き検証
  6. 06フォームインスタンスの統合

活用シーン

  1. 01動的な配列フィールドの検証
  2. 02非同期ルールと保留状態の処理
  3. 03サーバーエラーの反映と消去
  4. 04コンポーネント間の検証整理

インストール

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

$npx skills add https://github.com/victorgarciaesgi/regle --skill regle-advanced

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

同梱ファイル

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

references/
advanced-global-config.md
advanced-merge-regles.md
advanced-scoped-validation.md
advanced-self-validation.md
advanced-variants.md
common-async-validation.md
common-collections.md
common-reset-forms.md
common-server-errors.md

詳細

Regle の高度なパターン

Vue 3 での Regle フォーム検証における高度な使用パターンです。コレクション、非同期検証、サーバーエラー、リセットオプション、グローバル設定、判別共用体(バリアント)、スコープ付き検証、マージ、オブジェクトレベルのセルフ検証について説明します。

一般的なパターン

トピック説明リファレンス
コレクション配列検証のための $each、コレクションエラー、カスタムキーcommon-collections
非同期検証非同期ルール、$pending 状態、デバウンスcommon-async-validation
サーバーエラーexternalErrors、ドットパスエラー、エラーのクリアcommon-server-errors
フォームのリセット$reset オプション:toInitialState、toOriginalState、toStatecommon-reset-forms

高度なパターン

トピック説明リファレンス
グローバル設定defineRegleConfig、カスタムメッセージ、i18n、グローバル修飾子advanced-global-config
バリアントcreateVariant、narrowVariant、判別共用体advanced-variants
スコープ付き検証useScopedRegle、useCollectScope、コンポーネント間検証advanced-scoped-validation
Regle のマージ複数のフォームインスタンスを結合する mergeReglesadvanced-merge-regles
セルフ検証オブジェクトレベルのフィールド間検証のための $selfadvanced-self-validation

関連スキル

  • regle — useRegle によるフォームのセットアップ、検証プロパティ、エラー表示、修飾子。
  • regle-rules — 組み込みルール/カスタムルール、ラッパー、演算子。
  • regle-schemas — Zod、Valibot、ArkType、Standard Schema との統合。
  • regle-typescript — ルールスキーマとコンポーネントの props の型付け。

コメント