dev-verification-frontend

Automate build, type-check, lint, test, and security scans for Angular and TypeScript applications.

7|3|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/eriklieben/agentic-dev-workflow --skill dev-verification-frontend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dev-verification-frontend
Source: https://github.com/eriklieben/agentic-dev-workflow/tree/main/.claude/skills/dev-verification-frontend
Command: npx skills add https://github.com/eriklieben/agentic-dev-workflow --skill dev-verification-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @angular/cli, typescript, eslint, vitest, prettier, stylelint.

What problem does it solve?

This skill eliminates manual quality assurance bottlenecks by automating the verification of Angular and TypeScript codebases, ensuring that builds, tests, and security standards are met before code is merged.

Core Features & Use Cases

  • Comprehensive Verification: Executes a multi-phase pipeline including production builds, type checking, linting, and unit testing with coverage.
  • Runtime & Security Analysis: Performs automated security audits and verifies runtime health via Aspire integration to catch integration issues early.
  • Use Case: Use this skill to run a full quality gate check on your frontend project to ensure your latest changes pass all CI-equivalent tests and security scans before submitting a pull request.

Quick Start

Invoke the dev-verification-frontend skill to perform a full quality check on your current Angular project.

Frequently Asked Questions about dev-verification-frontend

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

FAQPage Schema
How do I automate Angular build and TypeScript linting checks before a pull request?

Automating security audits for Angular applications involves scanning dependencies and code for vulnerabilities during the build process. This skill executes automated security audits alongside unit testing and runtime health validation to catch integration issues early.

How do I run unit tests with coverage and linting for an Angular project automatically?

Running unit tests with coverage and linting for an Angular project requires executing multiple CLI diagnostic checks sequentially. This skill automates a multi-phase pipeline including Vitest unit testing, ESLint, and Stylelint to validate production-ready code.

Does this frontend verification skill work with existing ESLint and Prettier configurations?

Yes, this frontend verification skill integrates with existing ESLint, Prettier, and Stylelint configurations. It invokes these tools via CLI diagnostic checks to enforce consistent code quality standards across your TypeScript and Angular codebase.

What is the best way to validate runtime health in an Angular and Aspire integrated workflow?

Validating runtime health in an Angular and Aspire workflow involves verifying integration points after build and test phases. This skill verifies runtime health via Aspire integration to catch integration issues early and ensure production-ready code validation.

Can I use Vitest for unit testing coverage in an Angular TypeScript codebase?

Yes, you can use Vitest for unit testing coverage in an Angular TypeScript codebase. This skill incorporates Vitest within its automated verification pipeline to execute unit tests and validate code coverage before submission.

Why should I use an automated quality gate instead of manual frontend testing?

Using an automated quality gate eliminates manual quality assurance bottlenecks by consistently executing builds, tests, and security scans. This skill automates these phases to ensure your Angular and TypeScript code meets production standards before merging.