How does it help with web performance?

The skill includes specialized modules for performance optimization, covering code splitting, dynamic imports, image optimization, and memoization techniques.

Which framework versions does this skill support?

This skill is specifically optimized for the latest versions including React 19, Next.js 16, and Vue 3.5, including features like Server Components and the App Router.

Can I use this skill for state management implementation?

Yes, it provides standardized patterns for popular state management libraries including Zustand, Pinia, Redux Toolkit, and React Context.

Does it provide guidance on UI component styling?

Absolutely. It includes best practices for component architecture using Class Variance Authority (CVA), design tokens, and accessibility-first patterns.

MoAI Frontend Specialist

Name: MoAI Frontend Specialist
Author: zellycloud

byzellycloud

デザインツール

Accelerates modern web development with advanced architectural patterns for React 19, Next.js 16, and Vue 3.5.

概要

The MoAI Frontend Specialist is a comprehensive Claude Code Skill designed to streamline the creation of high-performance, accessible web interfaces. It provides domain-specific expertise in the latest framework ecosystems, offering production-ready patterns for React 19 Server Components, Next.js 16 App Router architectures, and Vue 3.5 Composition API. Whether you are building complex design systems with CVA, optimizing core web vitals through advanced memoization, or implementing robust state management with Zustand or Pinia, this skill ensures your frontend code follows modern industry best practices and scalable architecture.

主な機能

Next.js 16 App Router optimization including Server Actions and ISR
Modern component architecture using CVA and compound components
0 GitHub stars
Vue 3.5 Composition API and Pinia state management guidance
Expert patterns for React 19 Server Components and concurrent features
Frontend performance strategies for code splitting and memoization

ユースケース

Optimizing frontend performance and implementing complex state logic
Building enterprise-grade web applications with modern framework features
Developing reusable, accessible component libraries and design systems

概要

主な機能

Next.js 16 App Router optimization including Server Actions and ISR
Modern component architecture using CVA and compound components
0 GitHub stars
Vue 3.5 Composition API and Pinia state management guidance
Expert patterns for React 19 Server Components and concurrent features
Frontend performance strategies for code splitting and memoization

ユースケース

Optimizing frontend performance and implementing complex state logic
Building enterprise-grade web applications with modern framework features
Developing reusable, accessible component libraries and design systems