skills.rest
PeterHdd
PeterHddCOMMUNITY
Explore all skills by this author →
Website𝕏@peterndevGitHub

engineering-frontend-developer

Guide frontend developers in framework selection, layout design, performance optimization, accessibility, and code quality.

10|Updated Mar 4, 2026
Search Tags:#accessibility#web development#React#performance optimization#frontend development#Vue#Angular#Svelte
One-click install
npx skills add https://github.com/PeterHdd/agent-skills --skill engineering-frontend-developer-peterhdd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: engineering-frontend-developer
Source: https://github.com/PeterHdd/agent-skills/tree/main/skills/engineering-frontend-developer
Command: npx skills add https://github.com/PeterHdd/agent-skills --skill engineering-frontend-developer-peterhdd

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides in-depth guidance for modern frontend development, including decision rules, architecture patterns, performance optimization, accessibility, and code quality practices, streamlining the process from project setup to deployment.

Core Features & Use Cases

  • Comprehensive Guide: Covers modern frontend development with React, Vue, Angular, and Svelte.
  • Decision Rules: Includes framework and layout decision rules, performance optimization strategies, accessibility best practices, and CSS debugging tips.
  • Code Quality: Provides guidelines for code quality, testing, and deployment.
  • Use Case: For a developer building a complex web application, this Skill offers a full spectrum of best practices, patterns, and tools to ensure a robust and performant frontend.

Quick Start

Install the engineering-frontend-developer skill using the command: npx skills add PeterHdd/agent-skills --skill engineering-frontend-developer

Frequently Asked Questions about engineering-frontend-developer

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

FAQPage Schema
What's the best way to choose a frontend framework for a complex web application?▼

Choosing a frontend framework depends on your project requirements, as this Skill provides decision rules for selecting among React, Vue, Angular, and Svelte. It evaluates each option against your architecture patterns and performance needs to guide your final decision.

How do I optimize frontend performance and ensure accessibility in modern web development?▼

To optimize frontend performance and ensure accessibility, this Skill provides specific performance optimization strategies and accessibility best practices. It guides developers through layout design and CSS debugging to maintain high code quality across modern web applications.

Can I use these frontend development guidelines with both React and Svelte projects?▼

Yes, you can use these frontend development guidelines with React, Vue, Angular, and Svelte projects. The Skill delivers a comprehensive suite of tools and patterns specifically designed to support modern web applications built on these frameworks.

Do I need prior experience with modern web development concepts to use these frontend patterns?▼

Yes, you need familiarity with modern web development concepts and practices to effectively use these frontend patterns. The Skill provides advanced architecture and code quality guidelines intended for developers building complex applications.

What frontend testing and deployment practices should I follow to maintain code quality?▼

To maintain code quality, this Skill provides guidelines for frontend testing and deployment alongside CSS debugging tips. It streamlines the entire process from project setup to final deployment to ensure a robust and performant frontend.

Related Skills

Explore More Software Engineering Skills→
jimCresswelljimCresswell

package-deps-up-to-date

Detect outdated JavaScript packages and apply safe upgrades via npm, yarn, or pnpm.

Community
Intermediate
reomgitreomgit

setup-deploy

Detect deployment platforms and write configuration settings to CLAUDE.md.

Community
Advanced
xlelibertyxleliberty

a11y-audit

Automate detection and remediation of WCAG 2.2 Level A and AA violations in frontend apps.

Community
Advanced
involvexinvolvex

application-performance-performance-optimization

Coordinate specialized agents to profile, tune, and load test application performance.

Community
Advanced