skills.rest
artsmc
artsmcCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-developer

Manage UI state, data fetching, and routing in React 19+ and Next.js 15+ applications.

Updated Mar 1, 2026
Search Tags:#typescript#ui#frontend#react#routing#state-management#web-application
One-click install
npx skills add https://github.com/artsmc/codex-agentic --skill frontend-developer-artsmc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/artsmc/codex-agentic/tree/main/skills/frontend-developer
Command: npx skills add https://github.com/artsmc/codex-agentic --skill frontend-developer-artsmc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams design and implement robust frontend logic, including state management, data fetching, routing, and UI-business logic, enabling maintainable and scalable interfaces.

Core Features & Use Cases

  • State management with libraries like Redux or Zustand to keep UI in sync with data.
  • Data fetching and caching strategies to ensure responsive interfaces.
  • Routing and navigation logic to manage user flows across views.
  • Clear separation of concerns between UI rendering and business logic for maintainability.

Quick Start

Plan and implement frontend state management, API data fetching, and routing to deliver a functional UI feature.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I manage UI state and data fetching in React 19?▼

Manage UI state and data fetching in React 19 by applying strict TypeScript typing and modular architecture. This ensures reliable state engineering, efficient data flows, and clean separation of concerns across components.

What is the best way to structure routing and state management in Next.js 15?▼

Structuring routing and state management in Next.js 15 requires a stateless memory protocol relying on a documentation hub and runtime rules. This separates UI rendering from business logic to maintain scalable interfaces.

Does this frontend state engineering approach support TypeScript for web applications?▼

Yes, this frontend state engineering approach satisfies strict typing with TypeScript. It applies modular architecture to web applications needing reliable data flows and clear separation of concerns.

When do I need a stateless memory protocol for frontend applications?▼

You need a stateless memory protocol for frontend applications when implementing reliable state engineering across React 19 and Next.js 15 projects. It relies on a documentation hub and runtime rules to manage data flows.

How do I separate business logic from UI rendering in modern frontend apps?▼

Separate business logic from UI rendering in modern frontend apps by applying modular architecture and strict typing. This maintains clear separation of concerns for scalable and maintainable interfaces.

Related Skills

Explore More Software Engineering Skills→
b33eepb33eep
57

standards-typescript

Enforce TypeScript coding standards across .ts, .tsx, and .jsx files.

Community
Basic
jfrometajfrometa

nextjs-best-practices

Guide Next.js App Router component division and data fetching practices.

Community
Basic
kibertoadkibertoad
1

add-api-query

Automate data fetching and mutation with API contracts, typed HTTP client, and React Query.

Community
Intermediate
bear2ubear2u
905

flutter-init

Automate Flutter project setup with Clean Architecture and Riverpod.

Community
Intermediate