·query-layer
*

query-layer

epicenterhq/epicenter

TanStack Query、エラー変換、ランタイム依存関係注入を使用してサービスを利用するためのクエリ レイヤー パターン。クエリ/ミューテーションの実装、UI のサービス エラーの変換、またはリアクティブなデータ管理の追加を行う場合に使用します。

10インストール·1トレンド·@epicenterhq

インストール

$npx skills add https://github.com/epicenterhq/epicenter --skill query-layer

SKILL.md

The query layer is the reactive bridge between UI components and the service layer. It wraps pure service functions with caching, reactivity, and state management using TanStack Query and WellCrafted factories.

Critical: Service errors should be transformed to user-facing error types at the query layer boundary.

The query layer dynamically selects service implementations based on user settings.

TanStack Query、エラー変換、ランタイム依存関係注入を使用してサービスを利用するためのクエリ レイヤー パターン。クエリ/ミューテーションの実装、UI のサービス エラーの変換、またはリアクティブなデータ管理の追加を行う場合に使用します。 ソース: epicenterhq/epicenter。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/epicenterhq/epicenter --skill query-layer
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

query-layer とは?

TanStack Query、エラー変換、ランタイム依存関係注入を使用してサービスを利用するためのクエリ レイヤー パターン。クエリ/ミューテーションの実装、UI のサービス エラーの変換、またはリアクティブなデータ管理の追加を行う場合に使用します。 ソース: epicenterhq/epicenter。

query-layer のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/epicenterhq/epicenter --skill query-layer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/epicenterhq/epicenter