skills.rest
act70255
act70255COMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Manage modern frontend development with React 19+ and Next.js 15+.

Updated Mar 11, 2026
Search Tags:#state management#React#Next.js#performance optimization#frontend development
One-click install
npx skills add https://github.com/act70255/SkillsBundle --skill frontend-developer-act70255
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/act70255/SkillsBundle/tree/main/dev-dotnet/skills/frontend-developer
Command: npx skills add https://github.com/act70255/SkillsBundle --skill frontend-developer-act70255

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react, next, zustand, react-query, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill empowers frontend development by streamlining the process of building modern web applications, managing UI components, optimizing performance, and handling state.

Core Features & Use Cases

  • Modern UI Components: Develop React/Next.js UI components and pages with state management.
  • Performance Optimization: Optimize performance, accessibility, and client-side data handling.
  • Use Case: A frontend developer can use this skill to build a complex, performant web application with Next.js, incorporating advanced state management with Zustand or React Query.

Quick Start

Implement a React component using Next.js for dynamic data fetching and state management.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I manage state in a Next.js application using React Query and Zustand?▼

To manage state in Next.js, you can use Zustand for client-side state and React Query for data fetching. This approach streamlines complex state handling by building UI components that integrate both libraries for responsive web applications.

What's the best way to optimize React performance in a modern Next.js application?▼

The best way to optimize React performance is by leveraging modern frontend architecture within Next.js 15+. This skill focuses on optimizing UI components, accessibility, and client-side data handling to improve overall application speed.

Do I need React 19 and Next.js 15 to build accessible UI components?▼

Yes, building accessible UI components requires React 19+ and Next.js 15+. This skill manages modern frontend development using these specific versions to ensure proper responsive layouts and client-side data handling.

Can I use this approach for dynamic data fetching and state management in React?▼

Yes, you can use this approach for dynamic data fetching and state management in React. It implements UI components using Next.js, integrating React Query and Zustand to handle complex data flows and client-side state efficiently.

When should I not use Zustand for client-side state management?▼

Zustand is not optimal when your application lacks complex client-side state interactions. This skill uses Zustand specifically for modern frontend architecture requiring advanced state management alongside React Query for data fetching.

Related Skills

Explore More Software Engineering Skills→
ZeroGravitySkin-RonZeroGravitySkin-Ron

frontend-dev-guidelines

Provide frontend development guidelines for Next.js 16 App Router applications.

Community
Intermediate
Thanh-aperoThanh-apero
1

web-frameworks

Create and manage full-stack web applications with Next.js, Turborepo, and RemixIcon.

Community
Advanced
jlawsjlaws
2

agent-frontend-engineer

Design accessible, responsive UI components for frontend frameworks like React, Next.js, and Vue.

Community
Advanced
nhonvonhonvo

state-management-expert

Design scalable React state management architectures with Redux Toolkit, Zustand, Jotai, TanStack Query, and Context API.

Community
Advanced