frontend-developer

Build React components and manage client-side state for React 19 and Next.js 15 projects.

Updated Aug 23, 2026

Search Tags:#accessibility #frontend #react #nextjs #server-components #ui-performance

Ready to run

npx skills add https://github.com/Anuar7777/wedding-crm --skill frontend-developer-anuar7777

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/Anuar7777/wedding-crm/tree/main/.cursor/.skills/frontend/frontend-developer
Command: npx skills add https://github.com/Anuar7777/wedding-crm --skill frontend-developer-anuar7777

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Builds guidance and patterns to help developers create robust React UI components, implement responsive layouts, and manage client-side state in modern applications.

Core Features & Use Cases

Reusable component patterns for React 19+ and Next.js 15 apps
Strategies for responsive design, accessibility, and performance optimization
Use cases spanning UI composition, client-side state flows, and server-client interaction patterns

Quick Start

Create a reusable React component with responsive layout and client-side state management for a Next.js 15 app.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema

How do I build reusable React components with Next.js 15 server components?▼

To build reusable React components with Next.js 15, apply modern patterns that separate server and client data flows, ensuring responsive layouts and efficient client-side state management for robust UI composition.

What is the best way to manage client-side state in React 19 applications?▼

Managing client-side state in React 19 involves implementing modern patterns that support server-client interaction flows, ensuring responsive design and performance optimization are maintained across reusable UI components.

How do I optimize UI performance and accessibility in a Next.js 15 app?▼

Optimizing UI performance and accessibility in Next.js 15 requires applying targeted strategies for responsive design and performance tuning, ensuring robust React UI components meet modern accessibility considerations.

Does this approach support responsive layouts and server-client data flows in React 19?▼

Yes, this approach supports responsive layouts and server-client data flows in React 19 by providing reusable component patterns that handle client-side state and modern server component architecture effectively.

Why does my Next.js 15 component architecture struggle with client-side state?▼

Next.js 15 component architecture may struggle with client-side state if it lacks proper server-client interaction patterns, making it necessary to implement modern React patterns for effective state management and UI performance.