skills.rest
ai-enhanced-engineer
ai-enhanced-engineerOFFICIAL
Explore all skills by this author →
WebsiteGitHub

qa-angular

Automate Angular QA checks with code review, accessibility, and visual regression.

3|Updated Jan 25, 2026
Search Tags:#code review#accessibility#qa#angular#visual regression
One-click install
npx skills add https://github.com/ai-enhanced-engineer/aiee-skills --skill qa-angular
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: qa-angular
Source: https://github.com/ai-enhanced-engineer/aiee-skills/tree/main/skills/qa-angular
Command: npx skills add https://github.com/ai-enhanced-engineer/aiee-skills --skill qa-angular

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires web-codegen-scorer, axe-core, playwright, typescript, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates Angular QA checks, streamlining code review, accessibility audits, visual regression testing, and AI-generated code quality validation.

Core Features & Use Cases

  • Automated Code Review: Validates Angular code for best practices, signal reactivity, and accessibility.
  • Accessibility Audits: Ensures compliance with WCAG standards using axe-core.
  • Visual Regression Testing: Compares screenshots to detect layout changes.
  • AI-Generated Code Quality: Scores AI-generated components for correctness, best practices, accessibility, performance, and maintainability.
  • Use Case: Before merging a pull request, run this Skill to automatically check for issues in Angular code, ensuring high-quality, accessible, and reliable components.

Quick Start

Run the qa-angular skill to perform a full QA check on your Angular project.

Frequently Asked Questions about qa-angular

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

FAQPage Schema
How do I automate code review and accessibility checks for an Angular project?▼

Automate Angular code review and accessibility checks by running a QA skill that validates best practices, signal reactivity, and WCAG compliance using axe-core and TypeScript to detect component issues before merging.

How do I detect visual regression in Angular components?▼

Detect visual regression in Angular components by using Playwright to capture and compare screenshots. This approach identifies unintended layout changes and verifies that your UI remains visually consistent across code updates.

Can I validate the quality of AI-generated Angular code before a pull request?▼

Yes, you can validate AI-generated Angular code quality before a pull request by scoring components for correctness, performance, and maintainability using a Web Codegen Scorer integrated with TypeScript.

Does this automated Angular QA workflow work with Playwright and axe-core?▼

Yes, this automated Angular QA workflow integrates directly with Playwright for visual regression testing and axe-core for accessibility audits, validating UI consistency and WCAG compliance.

What is the best way to ensure Angular signal reactivity complies with best practices?▼

The best way to ensure Angular signal reactivity complies with best practices is to run an automated code review that validates your components. This process checks reactivity patterns and highlights deviations from recommended standards.

Related Skills

Explore More Software Engineering Skills→
jbaranskijbaranski

jeff-skill-angular-project

Install or update the Angular CLI globally and verify with ng version.

Community
Intermediate
takemo101takemo101

implement

Automate GitHub Issue implementation with TDD, worktrees, and pull requests.

Community
Advanced
eventua11yeventua11y
1

writing-accessibility-tests

Automate web accessibility tests with axe-core scans and Playwright assertions.

Official
Advanced
dachentdachent
18

frontend-design-codex

Validate frontend UI components through browser rendering and screenshot analysis.

Community
Advanced