frontend-developer

Automate React component design and Next.js 15 page implementation.

1|Updated Mar 17, 2026

Search Tags:#ui #performance #frontend #react #components #nextjs

Ready to run

npx skills add https://github.com/MoisesAldas/OficiosYA --skill frontend-developer-moisesaldas

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/MoisesAldas/OficiosYA/tree/main/.agents/frontend-developer
Command: npx skills add https://github.com/MoisesAldas/OficiosYA --skill frontend-developer-moisesaldas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often spend excessive time scaffolding React components, wiring state, and ensuring accessibility and performance across Next.js apps.

Core Features & Use Cases

Component design & architecture: Build reusable UI components with responsive behavior and scalable patterns.
State management & performance: Implement client-side state logic with modern hooks and profiling for fast UX.
Use Case: Create a dashboard with server and client components to optimize data flow and rendering.

Quick Start

Create a sample Next.js 15 app and scaffold a reusable React component with responsive layouts to validate the workflow.

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 responsive layouts in Next.js 15?▼

To build reusable React components in Next.js 15, apply scalable patterns and responsive behavior to accelerate frontend delivery. This approach ensures your UI components adapt seamlessly across modern web apps.

What is the best way to manage client-side state and profile performance in React?▼

Managing client-side state and profiling performance in React involves implementing modern hooks and profiling techniques to ensure fast UX. This combination optimizes data flow and rendering efficiency.

Can I use Server and Client Components together to optimize data flow in a Next.js dashboard?▼

Yes, you can use Server and Client Components together in a Next.js dashboard to optimize data flow and rendering. This architecture accelerates frontend delivery by strategically dividing rendering logic.

Does scaffolding UI libraries with TypeScript require accessibility and performance profiling?▼

Scaffolding UI libraries with TypeScript requires accessibility and performance profiling to meet modern web app standards. This ensures components are inclusive, type-safe, and optimized for fast user experiences.