What frameworks are covered by this Claude Code skill?

This skill provides specialized support for Angular (15+), React (Functional), Vue 3 (Composition API), and Next.js (App Router).

Does this skill include project structure recommendations?

Yes, it includes detailed folder hierarchies for each framework to help maintain clean code and separation of concerns.

Can it help with modern state management?

Absolutely. It provides patterns for Pinia (Vue), Zustand/React Query (React), and Signals (Angular).

Is the code output optimized for performance?

Yes, the skill enforces best practices like lazy loading, OnPush change detection, and server-side rendering where applicable.

Frontend Development Expert

Name: Frontend Development Expert
Author: majiayu000

bymajiayu000

•

디자인 도구

Provides professional architectural guidance and implementation patterns for modern web frameworks including React, Angular, Vue, and Next.js.

This skill transforms Claude into a senior frontend architect, offering standardized project structures and industry-standard best practices for the industry's leading web frameworks. It covers modern paradigms such as Angular Signals, React Hooks, Vue Composition API, and Next.js App Router patterns. By implementing these domain-specific guidelines, developers can ensure their codebases are scalable, performant, and accessible while adhering to the latest ecosystem standards for state management and data fetching.

주요 기능

01Standardized directory structures for Angular, React, Vue, and Next.js

02Best practices for Next.js App Router and Server Components

03Integrated performance optimization and accessibility (A11Y) guidelines

0464 GitHub stars

05Modern reactivity patterns including Signals and Composition API

06Comprehensive production-readiness checklist for frontend deployments

사용 사례

01Migrating legacy frontend code to modern functional components or standalone architectures

02Optimizing application performance through lazy loading and efficient change detection

03Scaffolding new enterprise-grade web applications with scalable folder architectures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add majiayu000/claude-skill-registry frontend

For use in Claude.ai and ChatGPT

Download Skill