agency-frontend-developer

Guide React, Vue, or Angular web development with performance and accessibility standards.

Updated Jul 24, 2026
One-click install
npx skills add https://github.com/imMamdouhaboammar/kaku-chatgpt-harness --skill agency-frontend-developer-immamdouhaboammar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agency-frontend-developer
Source: https://github.com/imMamdouhaboammar/kaku-chatgpt-harness/tree/main/.agents/skills/engineering-frontend-developer
Command: npx skills add https://github.com/imMamdouhaboammar/kaku-chatgpt-harness --skill agency-frontend-developer-immamdouhaboammar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the complexity of building high-performance, accessible, and scalable web interfaces by providing a structured, expert-led methodology for UI implementation.

Core Features & Use Cases

  • Performance Optimization: Implements Core Web Vitals strategies like lazy loading, code splitting, and bundle optimization.
  • Accessibility Compliance: Ensures WCAG 2.1 AA standards through semantic HTML, ARIA labels, and keyboard navigation support.
  • Use Case: Use this skill to architect a new React component library that requires strict performance budgets and full screen-reader compatibility for a production-grade application.

Quick Start

Use the agency-frontend-developer skill to architect a responsive dashboard component with integrated performance monitoring and accessibility testing.

Frequently Asked Questions about agency-frontend-developer

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

FAQPage Schema
How do I optimize React web applications for Core Web Vitals?

To optimize React web applications for Core Web Vitals, implement performance strategies like lazy loading, code splitting, and bundle optimization to reduce load times and improve runtime efficiency in production-grade applications.

What's the best way to ensure WCAG accessibility compliance in a TypeScript component library?

Ensuring WCAG 2.1 AA accessibility compliance requires using semantic HTML, ARIA labels, and keyboard navigation support. These patterns guarantee full screen-reader compatibility across your web components.

Does this frontend development approach support Vue and Angular alongside React?

Yes, this frontend development approach supports Vue and Angular alongside React. It provides expert-level guidance for component architecture and state management across these modern frameworks throughout the development lifecycle.

How do I architect a responsive dashboard component with integrated performance monitoring?

To architect a responsive dashboard component, structure your UI implementation with integrated performance monitoring and accessibility testing. This methodology ensures scalable code patterns and technical excellence from the start.

When do I need automated testing and performance tuning for web development?

You need automated testing and performance tuning for web development when building scalable, high-performance web interfaces. This structured methodology supports the entire lifecycle from architecture through deployment to ensure technical excellence.