data-layer-check

Validate React frontend code for consistent data layer access.

Updated Nov 25, 2025
One-click install
npx skills add https://github.com/jimbrig/Realestate --skill data-layer-check
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: data-layer-check
Source: https://github.com/jimbrig/Realestate/tree/main/.claude/skills/data-layer-check
Command: npx skills add https://github.com/jimbrig/Realestate --skill data-layer-check

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enforces consistent data access through the data layer by ensuring frontend code routes all data fetches via the approved module, preventing ad-hoc API calls.

Core Features & Use Cases

  • Centralizes data access via the data layer to ensure uniform fetchers and hooks.
  • Supports auditing and policy checks during code reviews to catch violations.
  • Use case: When a UI component attempts to call a REST endpoint directly, this Skill flags the violation and suggests using the data layer.

Quick Start

Audit your frontend codebase to ensure all data fetching uses the data layer and report violations.

Frequently Asked Questions about data-layer-check

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce a data layer in React frontend projects?

To enforce a data layer in React frontend projects, validate that all UI components route data fetches through approved modules. This prevents ad-hoc API calls and ensures consistent data access paths during code reviews.

What is data layer validation for frontend code?

Data layer validation checks that frontend code uses approved fetchers and hooks instead of direct REST endpoint calls. It centralizes data access, enabling static analysis and policy compliance checks.

Can I use static analysis to prevent direct API calls in TypeScript?

Yes, you can use static analysis to prevent direct API calls in TypeScript by applying data layer rules. It flags UI components attempting direct REST endpoint fetches and suggests using the approved data layer.

How do I audit frontend code for data layer violations?

Audit frontend code for data layer violations by scanning the codebase to ensure all data fetching uses approved fetchers and hooks. Report any ad-hoc API calls that bypass the centralized data access path.

Does data layer validation support geography key formats?

Yes, data layer validation supports geography key formats. It specifies scope, supported fetchers, hooks, geography key formats, and file structure expectations to satisfy static analysis and policy compliance.