Does it help with styling and UI components?

Absolutely. It provides specific patterns for component architecture using Class Variance Authority (CVA), compound components, and accessibility best practices.

How does this skill improve frontend performance?

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

Can I use this for both React and Vue projects?

Yes, the skill is modularized and offers specific guidance for React 19, Next.js 16, and Vue 3.5, making it versatile for modern frontend stacks.

Does this skill support React 19 Server Components?

Yes, it includes comprehensive patterns for React 19 Server Components, concurrent features, and the cache API for optimized data fetching.

Modern Frontend Framework Specialist

Name: Modern Frontend Framework Specialist
Author: modu-ai

bymodu-ai

•

Design Tools

Implements high-performance web interfaces using cutting-edge React 19, Next.js 16, and Vue 3.5 architectural patterns.

The moai-domain-frontend skill empowers developers to build production-grade web applications by providing expert-level guidance on modern framework features. It specializes in React 19 server components, Next.js 16 App Router implementations, and Vue 3.5 composition patterns, ensuring that UI architectures are performant, accessible, and scalable. Whether you are building a component library with CVA or optimizing application state with Pinia or Zustand, this skill provides the specific implementation patterns and best practices needed for modern web development.

Key Features

0116 GitHub stars

02React 19 Server Components and concurrent feature implementation

03Vue 3.5 Composition API and Pinia state management patterns

04Performance optimization strategies including code splitting and memoization

05Advanced component architecture using CVA and compound patterns

06Next.js 16 App Router, Server Actions, and ISR optimization

Use Cases

01Optimizing web application performance and Core Web Vitals

02Migrating legacy frontend codebases to React 19 or Next.js 16

03Building a scalable, accessible design system or component library

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add modu-ai/cc-plugins moai-domain-frontend

For use in Claude.ai and ChatGPT

Download Skill