skills.rest
bonnguyenitc
bonnguyenitcCOMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Guide frontend architecture and review tasks with reusable component patterns.

19|2|Updated Mar 21, 2026
Search Tags:#ui#architecture#frontend#react#components#vue#svelte
One-click install
npx skills add https://github.com/bonnguyenitc/antigravity-superpowers --skill frontend-developer-bonnguyenitc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/bonnguyenitc/antigravity-superpowers/tree/main/.agent/skills/frontend-developer
Command: npx skills add https://github.com/bonnguyenitc/antigravity-superpowers --skill frontend-developer-bonnguyenitc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides teams in designing and reviewing frontend architectures and component patterns across frameworks (React, Vue, Svelte), promoting consistency and reusability.

Core Features & Use Cases

  • Establish component-first design principles and reusable patterns for web UI.
  • Provide framework-agnostic guidance for building libraries, UI reviews, and accessible interfaces.
  • Example: craft a scalable component library and a shared review framework across teams.

Quick Start

Outline your current frontend stack and goals, then request a framework-agnostic blueprint that includes a component hierarchy, styling approach, and accessibility considerations.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
What is the best way to structure a scalable frontend component library?▼

A scalable frontend component library requires clear component boundaries, consistent styling conventions, and reusable UI patterns. Establishing component-first design principles helps teams build web interfaces that remain maintainable across large projects.

Can I use the same UI architecture principles for React, Vue, and Svelte?▼

Yes, framework-agnostic UI principles apply across React, Vue, and Svelte. By separating component hierarchy and styling approaches from specific framework implementations, you can maintain consistent frontend architecture patterns across different web interface projects.

How do I conduct a frontend UI review for accessibility and consistency?▼

Conduct a frontend UI review by evaluating reusable component patterns, checking accessibility considerations, and verifying consistent styling conventions. Apply a shared review framework to ensure clear component boundaries and scalable UI architecture across teams.

When do I need to establish formal component boundaries in my web interface?▼

You need formal component boundaries when building scalable frontend patterns for web interfaces. Defining these boundaries early establishes reusable component libraries and ensures consistent styling conventions across React, Vue, or Svelte applications.

Does framework-agnostic frontend architecture work for small component libraries?▼

Framework-agnostic frontend architecture scales effectively for both small and large component libraries. It provides a blueprint for component hierarchy and styling approaches that grows with your web interface project without requiring structural rewrites.

Related Skills

Explore More Software Engineering Skills→
Integrum-GlobalIntegrum-Global
12

uiux-design-principles

Apply framework-agnostic UI/UX design principles to frontend layouts and audits.

Official
Advanced
lemulemu

web-component-design

Design portable component APIs across React, Vue, and Svelte.

Community
Advanced
UCloud-FEUCloud-FE
1

cpn-basic-checkbox

Integrate and render UDesign Checkbox components in React projects.

Official
Intermediate
blencorpblencorp
101

mui

Provides MUI v7 styling and theming patterns via sx and components.

Official
Intermediate