role-frontend

Documentation

# role-frontend

Senior Frontend Developer plugin for Claude Code providing expertise in modern frontend development across React, Vue, Angular, CSS architecture, accessibility, performance, state management, and build tooling.

## Agent

- **senior-frontend-developer** - Acts as a Senior Frontend Developer with 8+ years of experience. Activated for UI component development, responsive layouts, frontend performance optimization, accessibility compliance, and framework-specific guidance.

## Skills

| Skill | Description |
|-------|-------------|
| **react-expert** | React hooks, component composition, server components, Suspense, React Query/TanStack, Next.js App Router and Server Actions |
| **vue-expert** | Vue Composition API, Pinia, Nuxt.js 3, Vue Router, custom directives, provide/inject, transitions, Volar |
| **angular-expert** | Modules vs standalone, dependency injection, RxJS patterns, signals, Angular Material, OnPush change detection, NgRx |
| **css-architecture** | BEM, CSS Modules, Tailwind CSS, CSS-in-JS (styled-components, Emotion), design tokens, responsive design, Grid/Flexbox, container queries |
| **accessibility-expert** | WCAG 2.1 AA/AAA, ARIA roles and attributes, keyboard navigation, screen reader optimization, color contrast, focus management, semantic HTML, live regions |
| **frontend-performance** | Core Web Vitals (LCP, INP, CLS), code splitting, tree shaking, image optimization, font loading, service workers, bundle analysis |
| **state-management** | Local vs global state, Redux Toolkit, Zustand, Jotai, MobX, Context API, server state vs client state, optimistic updates, XState |
| **build-tooling** | Vite, webpack 5, esbuild, SWC, Turbopack, module federation, Nx, Turborepo, ESLint/Prettier, TypeScript config |
Commands

Documentation
