Can this skill help with web accessibility (a11y)?

Yes, it specializes in WCAG 2.1 AA compliance, offering help with semantic HTML, ARIA roles, keyboard navigation, focus management, and screen reader optimization.

Does it support performance optimization?

Absolutely. It provides strategies for code splitting, lazy loading, image optimization, virtualized lists for large datasets, and monitoring Core Web Vitals like LCP and CLS.

Which frameworks does the Frontend Assistant support?

It provides comprehensive support for all major modern frameworks including React (Hooks/Context), Vue (Composition API), Angular (Standalone components), Next.js, React Native, and SwiftUI for native Apple platforms.

How does it handle styling and design systems?

The skill implements token-based architectures using Tailwind CSS, CSS Modules, or CSS-in-JS. It can generate theme factories, dark mode support, and reusable UI components like Avatars, Buttons, and Inputs.

Frontend Engineering Assistant

Name: Frontend Engineering Assistant
Author: diegouis

bydiegouis

•

デザインツール

Builds production-ready web and mobile interfaces using modern frameworks, design systems, and advanced accessibility standards.

The Frontend Engineering Assistant is a comprehensive specialized capability for developers building modern web and mobile applications. It provides expert guidance on component architecture across React, Vue, and Angular, implements robust design systems with Tailwind CSS, and ensures WCAG 2.1 AA accessibility compliance. Whether you are optimizing Core Web Vitals, architecting Next.js App Router patterns, or developing cross-platform mobile apps with React Native and SwiftUI, this skill streamlines the frontend lifecycle from initial scaffolding to production performance tuning and internationalization.

主な機能

01Multi-framework component scaffolding for React, Vue, Angular, and Next.js

02Cross-platform mobile development support for React Native and SwiftUI

03Design system implementation with token-based theming and Tailwind CSS v4

042 GitHub stars

05Automated WCAG 2.1 AA accessibility auditing and remediation guidance

06Advanced performance optimization for Core Web Vitals and bundle size reduction

ユースケース

01Building a responsive, accessible component library with consistent design tokens

02Architecting Next.js applications using Server Components and App Router patterns

03Implementing internationalization (i18n) and RTL support for global applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add diegouis/provectus-marketplace frontend-assistant

For use in Claude.ai and ChatGPT

Download Skill