skills.rest
HCMUTE-RTIC
HCMUTE-RTICOFFICIAL
Explore all skills by this author →
WebsiteGitHub

frontend-developer

Develop and optimize React 19 and Next.js 15 frontend applications.

Updated Feb 21, 2026
Search Tags:#typescript#performance#accessibility#frontend#react#next.js#ui development
One-click install
npx skills add https://github.com/HCMUTE-RTIC/fit-hcmute --skill frontend-developer-hcmute-rtic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/HCMUTE-RTIC/fit-hcmute/tree/main/.agent/skills/frontend-developer
Command: npx skills add https://github.com/HCMUTE-RTIC/fit-hcmute --skill frontend-developer-hcmute-rtic

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill empowers developers to build, optimize, and maintain sophisticated user interfaces for modern web applications using React and Next.js.

Core Features & Use Cases

  • Component Development: Create reusable React components with advanced patterns.
  • Layout Implementation: Build responsive and accessible user interfaces.
  • State Management: Implement efficient client-side and server-side state solutions.
  • Performance Optimization: Ensure fast load times and smooth user interactions.
  • Use Case: Develop a new dashboard feature in a Next.js application, ensuring it's performant, responsive, and integrates seamlessly with existing components.

Quick Start

Create a new React component for a user profile card using Tailwind CSS and TypeScript.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I build a responsive React component with Next.js 15 and TypeScript?▼

Next.js 15 and React 19 handle state management by utilizing advanced Server Components and Actions, allowing you to implement efficient client-side and server-side state solutions for seamless full-stack integration.

What's the best way to optimize frontend performance in a Next.js application?▼

Yes, React 19 Server Components work with Next.js 15 to handle server-side rendering and full-stack integration, utilizing Actions to manage state and build seamless user interfaces without manual API boilerplate.

How do I manage state in a modern React 19 dashboard application?▼

You manage state in a React 19 dashboard by implementing efficient client-side and server-side state solutions, utilizing advanced features like Server Components and Actions for responsive and performant user interactions.

Why does my Next.js 15 application need accessible UI development?▼

Implementing React 19 Actions for full-stack integration provides seamless data mutations and state updates, reducing client-side JavaScript and leveraging server-side rendering for faster, more performant user interfaces.

Related Skills

Explore More Software Engineering Skills→
b33eepb33eep
57

standards-typescript

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

Community
Basic
djnsty23djnsty23
2

deploy

Deploy and configure CI/CD workflows for Vercel, Supabase, and GitHub Actions.

Community
Advanced
ouzayrouzayr

fullstack-js

Build full-stack JavaScript apps with drizzle-zod, wouter, react-hook-form, react-query, and Tailwind CSS.

Community
Advanced
rnavarychrnavarych
14

role-frontend:vue-expert

Guide Vue.js 3 development with Composition API, Pinia, Vue Router, and Nuxt.js 3.

Community
Advanced