skills.rest
herdiansah
herdiansahCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-developer

Develops and optimizes React 19+ and Next.js 15+ frontend applications.

23|2|Updated Jan 19, 2026
Search Tags:#typescript#ui#performance#accessibility#frontend#react#next.js
One-click install
npx skills add https://github.com/herdiansah/Antigravity-Skills-Master --skill frontend-developer-herdiansah
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/herdiansah/Antigravity-Skills-Master/tree/main/.agent/skills/frontend-developer
Command: npx skills add https://github.com/herdiansah/Antigravity-Skills-Master --skill frontend-developer-herdiansah

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation and optimization of modern, accessible, and high-performance user interfaces using React and Next.js.

Core Features & Use Cases

  • Component Development: Build reusable React components with advanced patterns.
  • Next.js Integration: Leverage App Router, Server Components, and Server Actions.
  • Performance Optimization: Enhance Core Web Vitals and reduce bundle sizes.
  • Accessibility: Ensure WCAG compliance and inclusive design.
  • Use Case: Develop a complex dashboard with real-time data updates, server-side rendering, and a fully accessible design system.

Quick Start

Create a new React component for a user profile card with a Tailwind CSS layout.

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 components with Next.js Server Components and Server Actions?▼

Next.js App Router enables React Server Components and Server Actions for enterprise web applications by executing data fetching and mutations on the server, reducing client bundle sizes. This architecture streamlines full-stack integration patterns for complex UI development.

What is the best way to optimize React 19 performance and Core Web Vitals?▼

Optimizing React 19 performance and Core Web Vitals involves reducing client-side JavaScript bundle sizes and utilizing Next.js server-side rendering. Implementing advanced state management patterns ensures performant, accessible user interfaces for modern frontend applications.

Can I use this approach to build an accessible design system with WCAG compliance?▼

Yes, you can build an accessible design system with WCAG compliance using React component architecture. Developing reusable components with inclusive design patterns ensures accessible UIs for enterprise-grade web applications.

How do I manage client-side state in a Next.js 15 App Router application?▼

Managing client-side state in a Next.js 15 App Router application requires advanced state management patterns that coexist with server components. This technique handles real-time data updates within complex dashboards while maintaining server-side rendering benefits.

Does this React and Next.js integration support complex dashboards with real-time data?▼

Yes, React and Next.js integration supports complex dashboards with real-time data updates. It combines server-side rendering, advanced state management, and accessible design systems to handle enterprise-grade UI challenges effectively.

Related Skills

Explore More Software Engineering Skills→
netprtonynetprtony

shadcn-ui

Automate shadcn/ui component setup and usage in React and Next.js projects.

Community
Advanced
json-choijson-choi

expo-deployment

Deploy Expo applications to iOS, Android, and web via EAS workflows.

Community
Intermediate
vtexdocsvtexdocs
39

faststore-data-fetching

Extend the FastStore GraphQL API with typeDefs and server-side resolvers.

Official
Intermediate
WYNDFURYWYNDFURY

nuxt

Develop full-stack Vue.js applications with Nuxt, SSR, and file-based routing.

Community
Advanced