skills.rest
marjan-ahmed
marjan-ahmedCOMMUNITY
Explore all skills by this author →
Website𝕏@m_marjanahmedGitHub

frontend-qa

Automate frontend accessibility and QA validation for HTML, CSS, and JavaScript.

Updated Dec 30, 2025
Search Tags:#accessibility#a11y#WCAG#frontend#qa#responsiveness
One-click install
npx skills add https://github.com/marjan-ahmed/nexusfin --skill frontend-qa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-qa
Source: https://github.com/marjan-ahmed/nexusfin/tree/main/.claude/skills/frontend-qa
Command: npx skills add https://github.com/marjan-ahmed/nexusfin --skill frontend-qa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often struggle to ensure accessibility, semantic markup, keyboard navigation, ARIA implementation, responsiveness, and performance across HTML, CSS, and JavaScript. This Skill provides a structured validation approach and actionable recommendations to improve accessibility, responsive design, and overall frontend quality.

Core Features & Use Cases

  • Accessibility Compliance checks (WCAG 2.1 AA/AAA) across markup, ARIA, and focus management
  • Responsive design validation across mobile, tablet, and desktop
  • Performance and code quality guidance for frontend code
  • Use Case: Audit a new web page for accessibility issues and deliver a remediation plan with concrete fixes.

Quick Start

Run the frontend-qa skill against your HTML/CSS/JS project to validate accessibility, semantics, keyboard navigation, ARIA patterns, and responsive behavior. Review the generated recommendations and implement fixes in your codebase.

Frequently Asked Questions about frontend-qa

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

FAQPage Schema
How do I check my HTML and CSS for WCAG accessibility compliance?▼

To check WCAG accessibility compliance, the skill validates HTML and CSS markup against WCAG 2.1 AA/AAA standards. It audits semantic structure, ARIA implementation, and focus management to generate an actionable remediation plan with concrete code fixes.

What is the best way to automate frontend accessibility and responsive layout validation?▼

Automating frontend accessibility and responsive layout validation involves running structured audits against HTML, CSS, and JavaScript. This skill evaluates keyboard navigation, ARIA patterns, and mobile-to-desktop responsive behavior to deliver targeted recommendations for inclusive web experiences.

Can I integrate automated QA checks into my existing CI pipelines?▼

Yes, you can integrate automated QA checks into existing CI pipelines. The skill is designed to work within your current web project setup, running accessibility, semantic HTML, and performance validations continuously to help teams ship inclusive code.

How do I audit keyboard navigation and ARIA practices in a web project?▼

To audit keyboard navigation and ARIA practices, the skill analyzes your JavaScript and HTML for proper focus management and ARIA roles. It identifies non-compliant patterns and provides structured guidance to ensure keyboard accessibility and correct ARIA implementation.

Does frontend QA validation cover code performance and general code quality?▼

Frontend QA validation covers code performance and general code quality alongside accessibility checks. It assesses your HTML, CSS, and JavaScript to identify performance bottlenecks and structural issues, providing actionable recommendations to improve overall frontend quality.

Related Skills

Explore More Software Engineering Skills→
flext-shflext-sh

frontend-standards

Enforce frontend standards for HTML, CSS/SCSS, and JavaScript/TypeScript components.

Official
Intermediate
daffy0208daffy0208
34

Accessibility Engineer

Audit web UIs for WCAG 2.1 AA compliance and keyboard navigation.

Community
Intermediate
botPhUbotPhU

accessibility-expert

Identify and remediate accessibility issues in web interfaces.

Community
Advanced
joe-watkinsjoe-watkins
1

web-standards

Analyze HTML, CSS, and ARIA code for static accessibility issues.

Community
Basic