skills.rest
chicanoandres702
chicanoandres702COMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Solve React 19 frontend architecture challenges in Next.js 15 apps.

Updated Feb 24, 2026
Search Tags:#accessibility#frontend#react#nextjs#server-components#server-actions#design-systems
One-click install
npx skills add https://github.com/chicanoandres702/SentientAIBrowser --skill frontend-developer-chicanoandres702
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/chicanoandres702/SentientAIBrowser/tree/main/.agents/workflows/frontend-developer
Command: npx skills add https://github.com/chicanoandres702/SentientAIBrowser --skill frontend-developer-chicanoandres702

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines building modern React applications with Next.js 15 by providing a comprehensive skill blueprint that emphasizes performance, accessibility, and scalable architecture.

Core Features & Use Cases

  • React 19 features including Server Components, concurrent rendering, and advanced hooks for responsive UI and faster interactions.
  • Next.js 15 App Router integration with Server Components, Client Components, Server Actions, and dynamic routing for robust full-stack capabilities.
  • Performance, accessibility, and design systems guidance to optimize Core Web Vitals, ensure WCAG compliance, and enable reusable component libraries.

Quick Start

Scaffold a new Next.js 15 app with App Router, server components, and a starter design system.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I build React 19 apps with Next.js 15 Server Components and Client Components?▼

Next.js 15 apps use Server Components for data fetching and Client Components for interactivity. This approach leverages React 19 concurrent rendering to build scalable customer-facing UI and robust admin dashboards.

What's the best way to optimize Core Web Vitals and ensure WCAG accessibility in Next.js?▼

Optimizing Core Web Vitals and ensuring WCAG accessibility requires applying performance best practices and accessible design system integration. This streamlines building modern React applications with fast, compliant user interfaces.

How do I use Server Actions for dynamic routing in a Next.js 15 App Router project?▼

Server Actions in the Next.js 15 App Router handle data mutations and form submissions directly on the server. This enables robust full-stack capabilities and dynamic routing without creating separate API endpoints.

Does this approach to frontend architecture support internal admin dashboards and SSR patterns?▼

Yes, this frontend architecture solves challenges for production-grade internal admin dashboards and customer-facing UI. It addresses both Server-Side Rendering (SSR) and Client-Side Rendering (CSR) patterns effectively.

How do I scaffold a new Next.js 15 app with a starter design system?▼

You can scaffold a new Next.js 15 app using the App Router and Server Components. This Quick Start process includes setting up a starter design system to enable reusable component libraries for your project.

When should I not use Server Components in my React architecture?▼

Server Components are not suitable for UI elements requiring direct user interactivity, state management, or browser-only APIs. In these cases, you must use Client Components to handle responsive interactions and advanced hooks.

Related Skills

Explore More Software Engineering Skills→
modu-aimodu-ai
1.2k

moai-domain-frontend

Solve frontend architecture and implementation challenges for React 19, Next.js 16, and Vue 3.5 projects.

Official
Intermediate
SilverAssistSilverAssist
1

web-performance-analysis

Analyze web performance issues with PageSpeed Insights and Lighthouse data.

Official
Intermediate
kriangkraiiikriangkraiii
2

tailwind-patterns

Implement Tailwind CSS v4 design patterns with CSS-native configuration and container queries.

Community
Intermediate
gil00pitagil00pita

storybook

Develop, document, and test UI components in isolated Storybook workshops.

Community
Intermediate