skills.rest
elihuvillaraus
elihuvillarausCOMMUNITY
Explore all skills by this author →
GitHub

eng-frontend

Develop responsive React, Vue, or Angular web applications with TypeScript and modern CSS.

2|Updated Feb 25, 2026
Search Tags:#ui#performance#accessibility#web development#frontend#react
One-click install
npx skills add https://github.com/elihuvillaraus/skills --skill eng-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: eng-frontend
Source: https://github.com/elihuvillaraus/skills/tree/main/eng-frontend
Command: npx skills add https://github.com/elihuvillaraus/skills --skill eng-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the need for expert frontend development, ensuring the creation of responsive, accessible, and high-performance web applications with meticulous attention to design and user experience.

Core Features & Use Cases

  • Modern Web App Development: Build applications using frameworks like React, Vue, or Angular.
  • UI Implementation: Achieve pixel-perfect designs with modern CSS and component libraries.
  • Performance Optimization: Focus on Core Web Vitals and smooth user interactions.
  • Accessibility: Ensure WCAG compliance and inclusive design principles.
  • Use Case: Integrate this Skill into your development pipeline to rapidly build and optimize a new user interface for your web application, ensuring it's both visually appealing and highly performant.

Quick Start

Use the eng-frontend skill to create a responsive React component for a data table with virtual scrolling.

Frequently Asked Questions about eng-frontend

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

FAQPage Schema
How do I build a responsive React component with optimized Core Web Vitals?▼

Build a responsive React component with optimized Core Web Vitals by developing modern web applications using TypeScript and modern CSS, focusing on performance optimization and pixel-perfect UI implementation for smooth user interactions.

What is the best way to ensure WCAG compliance in web development?▼

Ensure WCAG compliance in web development by applying inclusive design principles and accessibility guidelines throughout the UI implementation process, guaranteeing your web applications remain accessible to all users.

Does this frontend development approach work with Vue and Angular frameworks?▼

Yes, this frontend development approach works with Vue and Angular frameworks, specializing in integrating them with backend APIs while adhering to Core Web Vitals and WCAG guidelines for maintainable solutions.

Do I need TypeScript and robust testing strategies for scalable frontend solutions?▼

Yes, you need TypeScript and robust testing strategies for scalable frontend solutions, as they are required to maintain high-performance web applications and ensure meticulous attention to design and user experience.

How do I implement virtual scrolling in a data table using modern CSS?▼

Implement virtual scrolling in a data table using modern CSS by creating a responsive React component that focuses on performance optimization and pixel-perfect UI implementation for your web application.

Related Skills

Explore More Software Engineering Skills→
vecearvecear

responsive-design-system

Define responsive design systems with Tailwind CSS breakpoints, fluid typography, and container queries.

Community
Advanced
Likas07Likas07

frontend-developer

Develop responsive web applications with React, Vue, or Angular.

Community
Advanced
jay6697117jay6697117

agency-frontend-developer

Plan and guide frontend implementation across React, Vue, Angular, and Svelte.

Community
Advanced
seanmcquaidseanmcquaid
8

shadcn

Create accessible UI components with shadcn/ui and Tailwind CSS.

Community
Advanced