Manage Svelte data fetching and caching with TanStack Query v6.
npx skills add https://github.com/lepahc/kynetic-spec --skill ui-data-layer
Please help me install this Agent Skill. Skill: ui-data-layer Source: https://github.com/lepahc/kynetic-spec/tree/main/.agents/skills/ui-data-layer Command: npx skills add https://github.com/lepahc/kynetic-spec --skill ui-data-layer
Pattern-driven data fetching and cache management for Svelte apps using TanStack Query v6.
Enable the UI data layer patterns in your Svelte project with TanStack Query v6.
High-intent search queries and answers about installing and using this skill.
You can manage Svelte data fetching by applying standardized query keys, thunk-based options for queries and mutations, and centralized WebSocket invalidation to handle cache management effectively.
Centralized WebSocket-driven invalidation automatically triggers revalidation of active queries, ensuring your Svelte UI cache stays synchronized with real-time server updates without manual refetch logic.
Yes, the pattern provides explicit guidance for static mode compatibility and safe data-layer patterns, ensuring your Svelte application renders correctly without breaking during static generation.
Typed query keys are structured using thunk-based options for queries and mutations, standardizing identifiers across your Svelte application to ensure reliable cache management and invalidation.
Yes, centralized WebSocket invalidation automatically revalidates active queries in your Svelte application, keeping the UI data layer synchronized with real-time server state changes.
nekorush14Manage React client state with Context API and server state with TanStack Query.
sametozkaleProvide Svelte 5 components and schemas for json-render UI development.
StaysrCentralize API calls behind a service layer with Zustand and SWR.
gesmith0606Fetch and manage server state in React 18+ with TanStack Query.
