skills.rest
WebWakaHub
WebWakaHubOFFICIAL
Explore all skills by this author →
GitHub

Frontend Developer

Build responsive frontend applications with React, Vue, Angular, or Svelte.

20|9|Updated Mar 10, 2026
Search Tags:#typescript#ui#performance#accessibility#frontend#react#design-system
One-click install
npx skills add https://github.com/WebWakaHub/manus-agency-skills --skill frontend-developer-webwakahub
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Frontend Developer
Source: https://github.com/WebWakaHub/manus-agency-skills/tree/main/agency-engineering-frontend-developer
Command: npx skills add https://github.com/WebWakaHub/manus-agency-skills --skill frontend-developer-webwakahub

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you build modern frontend applications and editor-integrated web experiences that are responsive, accessible, performant, and maintainable without sacrificing design quality.

Core Features & Use Cases

  • Modern UI Implementation: Build React, Vue, Angular, or Svelte interfaces with pixel-perfect layout and clean component architecture.
  • Performance Optimization: Improve Core Web Vitals, reduce bundle size, add lazy loading, and optimize rendering for smooth user experiences.
  • Accessibility and Quality: Apply WCAG 2.1 AA practices, keyboard navigation, semantic HTML, and thorough testing to keep interfaces inclusive and reliable.
  • Use Case: Create a production-ready dashboard or editor extension that needs fast navigation, responsive design, and strong cross-browser support.

Quick Start

Use this skill to design and implement a responsive, accessible frontend for your web application with performance and testing best practices.

Frequently Asked Questions about Frontend Developer

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

FAQPage Schema
How do I build a React frontend application that meets WCAG 2.1 AA accessibility standards?▼

To build an accessible React frontend, apply WCAG 2.1 AA practices using semantic HTML, keyboard navigation, and thorough testing to ensure interfaces are inclusive and reliable.

What is the best way to optimize Core Web Vitals and reduce bundle size in a TypeScript web app?▼

Optimizing Core Web Vitals involves reducing bundle size, adding lazy loading, and optimizing rendering to ensure smooth user experiences and low-latency performance in modern web apps.

Can I use this approach to create a production-ready dashboard with responsive design and cross-browser support?▼

Yes, you can create a production-ready dashboard or editor extension that needs fast navigation, responsive design, and strong cross-browser support using clean component architecture.

How do I structure a modern UI component architecture for an editor-integrated web interface?▼

Structure modern UI component architecture by building React, Vue, Angular, or Svelte interfaces with pixel-perfect layout and clean architecture to ensure maintainable editor-integrated web experiences.

Does frontend performance tuning require low-latency bidirectional communication for modern web products?▼

Yes, frontend performance tuning for modern web products requires low-latency bidirectional communication alongside TypeScript-friendly architecture to maintain responsive cross-application navigation workflows.

Related Skills

Explore More Software Engineering Skills→
priyansh19priyansh19
1

design-guide

Establish and enforce CrewSpace UI design system standards across frontend components.

Community
Advanced
LeandroBenjaminLLeandroBenjaminL

frontend-e2e-testing

Automate multi-page frontend flows with Playwright and Cypress.

Community
Advanced
saeed-vayghansaeed-vayghan
30

websocket-engineer

Design scalable WebSocket architectures for real-time bidirectional communication.

Community
Advanced
fsollafsolla

high-perf-browser

Analyze network protocols and rendering paths to optimize Core Web Vitals.

Community
Advanced