skills.rest
Anuar7777
Anuar7777COMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/Anuar7777/wedding-crm --skill frontend-developer-anuar7777
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
yuheitomiyuheitomi

set-up-biome

Configure Biome and Shadcn/UI preferences in React projects with pnpm.

Community
Advanced
auxi-wardrobeauxi-wardrobe
1

ck:web-frameworks

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

Official
Advanced
7a336e6e7a336e6e
1

building-components

Develop reusable React function components with TypeScript and Tailwind CSS.

Community
Intermediate
ineersaineersa
5

live-component

Render reactive server-side UI components in Symfony with LiveProp and LiveAction.

Community
Advanced