query-layer
✓Query layer patterns for consuming services with TanStack Query, error transformation, and runtime dependency injection. Use when implementing queries/mutations, transforming service errors for UI, or adding reactive data management.
Installation
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.
Query layer patterns for consuming services with TanStack Query, error transformation, and runtime dependency injection. Use when implementing queries/mutations, transforming service errors for UI, or adding reactive data management. Source: epicenterhq/epicenter.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/epicenterhq/epicenter --skill query-layer- Source
- epicenterhq/epicenter
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is query-layer?
Query layer patterns for consuming services with TanStack Query, error transformation, and runtime dependency injection. Use when implementing queries/mutations, transforming service errors for UI, or adding reactive data management. Source: epicenterhq/epicenter.
How do I install query-layer?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/epicenterhq/epicenter --skill query-layer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/epicenterhq/epicenter
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01