Role Frontend
- 14 repo stars
- Updated July 24, 2026
- rnavarych/alpha-engineer
Build frontend UIs: React, Vue, Angular with accessibility, CSS architecture, state management, and performance.
About
A senior frontend-developer role plugin for building user interfaces. It covers React, Vue, and Angular with a focus on accessibility, CSS architecture, state management, and frontend performance optimization. Helps developers ship polished, accessible, performant web frontends.
- React, Vue, Angular expertise
- Accessibility
- CSS architecture and state management
- Frontend performance optimization
Role Frontend by the numbers
- Data as of Jul 25, 2026 (Skillselion catalog sync)
/plugin marketplace add rnavarych/alpha-engineer/plugin install role-frontend@alpha-engineerAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 14 |
|---|---|
| Last updated | July 24, 2026 |
| Repository | rnavarych/alpha-engineer ↗ |
What it does
Build frontend UIs: React, Vue, Angular with accessibility, CSS architecture, state management, and performance.
README.md
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 |
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k