skills.rest
omeraltn
omeraltnCOMMUNITY
Explore all skills by this author →
GitHub

agency-frontend-developer

Implement responsive frontend UI across React, Vue, and Angular with accessibility and Core Web Vitals.

Updated Apr 11, 2026
Search Tags:#ui#performance#accessibility#frontend#react#angular#vue
One-click install
npx skills add https://github.com/omeraltn/ice_cream_website_testing --skill agency-frontend-developer-omeraltn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agency-frontend-developer
Source: https://github.com/omeraltn/ice_cream_website_testing/tree/main/.antigravity/agency-frontend-developer
Command: npx skills add https://github.com/omeraltn/ice_cream_website_testing --skill agency-frontend-developer-omeraltn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend development often lacks consistency and optimization across frameworks, leading to longer delivery times and subpar UX. This Skill provides an expert approach to implementing modern UI with performance and accessibility in mind.

Core Features & Use Cases

  • Unified UI implementation across React, Vue, and Angular with pixel-perfect accuracy.
  • Performance-focused development including code-splitting, lazy loading, and best practices for Core Web Vitals.
  • Accessibility-first design with keyboard navigation and screen reader support for inclusive experiences.
  • Use Case: Rapidly prototype and deliver high-quality frontend features for enterprise web apps with strong UX.

Quick Start

Ask the agent to outline a responsive React UI plan with accessible components and performance optimizations for a dashboard project.

Frequently Asked Questions about agency-frontend-developer

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

FAQPage Schema
How do I build pixel-perfect responsive UI components in React?▼

Building pixel-perfect responsive UI components in React requires strict adherence to design specs and component libraries. This approach streamlines implementation across frameworks while ensuring visual accuracy and accessibility compliance in modern web apps.

What's the best way to optimize frontend performance for Core Web Vitals?▼

Optimizing frontend performance for Core Web Vitals involves implementing code-splitting, lazy loading, and modern tooling best practices. These techniques reduce load times and improve overall responsiveness in enterprise web applications.

How do I add accessibility compliance to an Angular web app?▼

Adding accessibility compliance to an Angular web app requires implementing keyboard navigation and screen reader support. This inclusive design approach ensures responsive interfaces meet accessibility standards across all user interactions.

Can I use this frontend development approach with Vue and TypeScript?▼

Yes, this frontend development approach fully supports Vue projects with TypeScript compatibility. It ensures unified UI implementation and performance optimization across React, Vue, and Angular environments without framework-specific conflicts.

Why does my frontend UI implementation lack consistency across different frameworks?▼

Frontend UI implementation lacks consistency across frameworks when teams lack a unified optimization strategy. Applying expert-level development practices ensures compatible, high-quality UX delivery and standardized component architecture across diverse projects.

Related Skills

Explore More Software Engineering Skills→
slantviewslantview
1

typescript-specialist

Implement advanced TypeScript patterns with strict type safety and enterprise tooling.

Community
Advanced
vh2224vh2224
1

accessibility

Audit web pages for WCAG 2.1 compliance and suggest fixes.

Community
Intermediate
claudioborjaclaudioborja

skill-ui-ux

Design and implement accessible UI components and design systems across frameworks.

Community
Advanced
involvexinvolvex
2

web-design-reviewer

Detect and fix visual and layout issues in web applications.

Community
Advanced