frontend-specialist

Design frontend architectures and component systems for React/Vue apps.

47|8|Updated Jan 3, 2026
One-click install
npx skills add https://github.com/huangwb8/skills --skill frontend-specialist-huangwb8
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-specialist
Source: https://github.com/huangwb8/skills/tree/main/awesome-code/agents/frontend-specialist
Command: npx skills add https://github.com/huangwb8/skills --skill frontend-specialist-huangwb8

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend Specialist helps teams implement modern frontend architecture, componentization, state management, and UX practices to streamline UI development and maintainability.

Core Features & Use Cases

  • Component-driven design and architecture guidance for React, Vue, Next.js, and Nuxt.js
  • State management, performance optimization, accessibility, and responsive UI recommendations
  • Use Case: Architect a design system and reusable components for large-scale applications

Quick Start

Describe your app’s UI goals and constraints and I will propose a starter component architecture and wiring plan.

Frequently Asked Questions about frontend-specialist

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a component architecture for a large-scale React or Vue app?

Design a component architecture by defining a component-driven system with reusable UI elements, state management wiring, and responsive interfaces. This approach streamlines maintainability and UI development for modern React, Vue, Next.js, and Nuxt.js applications.

What is the best way to manage state in modern SPA and SSR frontend projects?

Managing state in SPA and SSR projects requires architecture guidance tailored to your framework. Apply state management best practices alongside performance optimization and accessibility rules to ensure maintainable React, Vue, Next.js, or Nuxt.js apps.

Does this approach work for building both Next.js and Nuxt.js applications?

Yes, the approach works for both Next.js and Nuxt.js applications. It provides architecture and componentization guidance across SPA and SSR projects, satisfying requirements for performance optimization, responsiveness, and accessibility in modern frameworks.

How do I implement accessibility and responsive UI in a frontend component system?

Implement accessibility and responsive UI by applying best practices directly into your component system design. Architecture guidance helps satisfy these constraints while maintaining performance optimization and state management across your React or Vue components.

Can I get a starter component architecture and wiring plan for my UI goals?

Yes, you can get a starter component architecture and wiring plan. Describe your app's UI goals and constraints to receive a proposed architecture that integrates componentization, state management, and performance-optimized responsive interfaces.