frontend-core

Develop React components, routing, and data fetching with TypeScript and TanStack Query.

1|Updated Jan 12, 2026
One-click install
npx skills add https://github.com/stamp-kkookk/digital-stamp-service --skill frontend-core
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-core
Source: https://github.com/stamp-kkookk/digital-stamp-service/tree/main/.claude/skills/frontend-core
Command: npx skills add https://github.com/stamp-kkookk/digital-stamp-service --skill frontend-core

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Frontend Core Skill helps frontend developers build React components, pages, forms, and state management efficiently using TypeScript and TanStack Query, promoting consistency and faster delivery.

Core Features & Use Cases

  • Component scaffolding and reuse
  • Form handling with validation
  • Data fetching and caching with TanStack Query
  • Routing structure for customer, owner, and store terminal interfaces

Quick Start

Initialize a React component using TypeScript, set up a page route, and integrate TanStack Query for data fetching.

Frequently Asked Questions about frontend-core

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

FAQPage Schema
How do I build React components with TypeScript and TanStack Query?

To build React components with TypeScript and TanStack Query, use a scalable file structure with src/components and src/features, integrating TanStack Query for efficient data fetching and caching to promote consistency and faster delivery.

What is the best way to structure routing for customer and owner terminal interfaces in React?

The best way to structure routing for customer and owner terminal interfaces in React is by implementing a scalable file structure that separates features, utilizing TypeScript to maintain consistent route definitions across customer, owner, and store terminals.

How do I handle form validation and state management in a React frontend?

To handle form validation and state management in a React frontend, leverage TypeScript for type safety and component scaffolding, ensuring consistent data fetching and caching with TanStack Query across your terminal interfaces.

Can I use TanStack Query for data fetching across multiple terminal interfaces?

Yes, you can use TanStack Query for data fetching across multiple terminal interfaces. It provides robust data fetching and caching mechanisms within a TypeScript React environment, supporting customer, owner, and store interfaces efficiently.

Does this frontend component development approach require specific folder structures?

Yes, this frontend component development approach requires a scalable file structure using src/components and src/features directories, ensuring organized component scaffolding and reuse alongside TanStack Query integration.

Why use TypeScript for React component scaffolding and data fetching?

Using TypeScript for React component scaffolding and data fetching ensures type safety and consistency across customer, owner, and store terminal interfaces, while TanStack Query handles caching to accelerate frontend delivery.