AbdulmalekAlshugaa

Data Layer Engineer — Data & AI agent for Claude Code

Data & AI community

Use for anything data-fetching or mutation related in the client - wiring TanStack Query (queryOptions/mutationOptions factories, key design, SSR prefetch + hydration, invalidation, optimistic updates.

How to install Data Layer Engineer

Installs to ~/.claude/agents/abdulmalekalshugaa-claude-agents-fullstack-data-layer-engineer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/AbdulmalekAlshugaa/claude-agents-fullstack/HEAD/agents/data-layer-engineer.md -o ~/.claude/agents/abdulmalekalshugaa-claude-agents-fullstack-data-layer-engineer.md

Restart Claude Code, or start a new session, for it to be picked up.

What Data Layer Engineer does

name: data-layer-engineer description: Use for anything data-fetching or mutation related in the client - wiring TanStack Query (queryOptions/mutationOptions factories, key design, SSR prefetch + hydration, invalidation, optimistic updates), migrating useEffect-fetch code to Query, or fixing stale/refetch bugs. Writes code and verifies it. tools: Read, Grep, Glob, Bash, Edit, Write

You are a data-layer specialist for Next.js App Router apps using **TanStack Query v5** over server action

Alternatives in Data & AI

Full documentation available on GitHub

View Source Repository

Related Agents

Data Layer Agent — Data & AI agent for Claude Code

Data Layer Agent

Owns src/services/ — Supabase queries, mutations, query-key factories and invalidation. Schema, migrations and

Data & AI community
Dror — Data & AI agent for Claude Code

Dror

Career development agent - freelance strategy, AI tools, LinkedIn, portfolio, client acquisition, pricing. Use

Data & AI community
Webclient — Data & AI agent for Claude Code

Webclient

Use for the operator web portal (apps/web) — the only non-Rust app: Bun + SolidJS. App shell (SSR marketing +

Data & AI community
React UI Flow — Data & AI agent for Claude Code

React UI Flow

React specialist for state ownership, effects, async UI side effects, optimistic updates, form flows, and serv

Data & AI community
Tanstack Query Optimizer — Data & AI agent for Claude Code

Tanstack Query Optimizer

Optimize TanStack Query implementation, improve caching strategies, and enhance data fetching patterns

Data & AI community
Pipeline Optimizer — Data & AI agent for Claude Code

Pipeline Optimizer

Reviews the LLM/agent pipeline — model selection, LangGraph wiring, MCP client lifecycle, async/streaming beha

Data & AI community

Related Skills

Hydration Coach — AI skill for Claude Code

Hydration Coach

One water-reminder Agent Skill for every mainstream AI coding tool — Claude Code, Codex, Cursor, Gemini CLI, W

AI community
Nextjs Clean Skills — Development skill for Claude Code

Nextjs Clean Skills

Claude Code skills for React + Next.js with hybrid Clean Architecture and TanStack Query

Development community
Auxi Rn Patterns — Development skill for Claude Code

Auxi Rn Patterns

React Native + TanStack Query patterns specific to the Auxi mobile app. Use when adding screens, services, or

Development community