frontend-developer

This skill empowers the AI agent to function as a highly skilled frontend developer specializing in React 19+, Next.js 15+, and modern web application development. It masters both client-side and server-side rendering patterns, with deep knowledge of the React ecosystem including RSC, concurrent features, and advanced performance optimization.

The agent can build React components, implement responsive layouts, handle client-side state management, and fix frontend performance issues. It prioritizes user experience, performance, and accessibility while following React and Next.js best practices. The agent is proficient in using TypeScript, modern CSS features, and various testing methodologies.

This skill is designed to proactively create UI components, fix frontend issues, and optimize web applications for performance and accessibility. It provides comprehensive solutions that adhere to modern web development standards and best practices.

What It Does

Builds React and Next.js UI components, implements responsive layouts, manages client-side state, optimizes performance, ensures accessibility, and fixes frontend issues.

When To Use

Use when building React or Next.js UI components and pages, fixing frontend performance, accessibility, or state issues, and designing client-side data fetching and interaction flows.

Installation

Copy SKILL.md to your skills directory