skills.rest
MoisesAldas
MoisesAldasCOMMUNITY
Explore all skills by this author →
GitHub

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

Related Skills

Explore More Software Engineering Skills→
b33eepb33eep
57

standards-typescript

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

Community
Basic
TrainLCDTrainLCD
71

argent-react-native-optimization

Profile and optimize React Native app rendering, lists, and animations.

Official
Advanced
DexploarerDexploarer
7

nextjs-page-generator

Generate Next.js 13+ App Router pages, components, and API routes.

Community
Intermediate
HardyLiu6HardyLiu6

gsap-frameworks

Animate components in Vue, Svelte, and other non-React frameworks.

Community
Intermediate