skills.rest
Dev-Dennis-040
Dev-Dennis-040COMMUNITY
Explore all skills by this author →
GitHub

engineering-frontend-developer

Build scalable, accessible React, Vue, or Angular frontend components with TypeScript.

10|2|Updated Mar 10, 2026
Search Tags:#typescript#performance#frontend#react#ui-development#component-library#accessible
One-click install
npx skills add https://github.com/Dev-Dennis-040/openclaw-agency-skills --skill engineering-frontend-developer-dev-dennis-040
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: engineering-frontend-developer
Source: https://github.com/Dev-Dennis-040/openclaw-agency-skills/tree/main/skills/engineering/engineering-frontend-developer
Command: npx skills add https://github.com/Dev-Dennis-040/openclaw-agency-skills --skill engineering-frontend-developer-dev-dennis-040

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines frontend development by providing a structured approach to building scalable, accessible, and high-performance user interfaces with a focus on reusable components and modern tooling.

Core Features & Use Cases

  • Component Library Foundation: Establish a reusable, type-safe set of UI primitives for React/Vue/Angular projects.
  • Accessibility-First Design: Integrate semantic HTML, ARIA roles, and keyboard navigation from day one.
  • Performance & Responsiveness: Apply Core Web Vitals best practices, code splitting, and responsive design patterns to ensure fast, fluid UIs.
  • Quality & Collaboration: Provide testing strategies (unit/integration), linting, and CI/CD guidance for reliable deployments.

Quick Start

Create a sample React app using the component library to render a responsive, accessible dashboard.

Frequently Asked Questions about engineering-frontend-developer

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

FAQPage Schema
How do I build a scalable frontend component library with TypeScript?▼

Build a scalable frontend component library by establishing a reusable, type-safe set of UI primitives using TypeScript. This structured approach ensures modern web applications maintain robust interfaces and reliable component architecture across React, Vue, or Angular projects.

What is the best way to ensure accessibility in React and Vue applications?▼

Ensure accessibility in React and Vue applications by integrating semantic HTML, ARIA roles, and keyboard navigation from day one. This accessibility-first design approach guarantees that user interfaces are usable and compliant for all individuals.

How do I optimize frontend performance and Core Web Vitals for modern web applications?▼

Optimize frontend performance and Core Web Vitals by applying best practices like code splitting and responsive design patterns. These techniques ensure fast, fluid UIs and high-performance user interfaces for modern web applications.

Does this approach support Angular implementations and UI theming?▼

Yes, this approach supports Angular implementations, UI theming, and responsive design. It applies to projects requiring React, Vue, or Angular architectures, ensuring scalable and accessible frontend UIs across various frameworks.

How do I set up testing and CI/CD integration for frontend deployments?▼

Set up testing and CI/CD integration for frontend deployments by providing comprehensive testing strategies including unit and integration tests. This ensures reliable deployments and maintains quality through linting and continuous integration guidance.

Related Skills

Explore More Software Engineering Skills→
linxulelinxule
14

project-setup

Initialize qualitative research projects with Socratic onboarding and sandwich-methodology folder scaffolding.

Community
Intermediate
josuenavarroaguadojosuenavarroaguado

ci-cd-and-automation

Automate GitHub Actions CI/CD pipelines with quality gates and preview deployments.

Community
Advanced
TNHoang2708TNHoang2708
1

ck:test

Execute unit, integration, end-to-end, and UI tests on codebases.

Community
Advanced
danmestasdanmestas
4

datastar

Stream backend-driven UI updates to Go or Python web apps via SSE.

Community
Advanced