eslint

Enforce ESLint rules for TypeScript and Angular template code.

9|Updated Jan 18, 2025

Search Tags:#code quality #typescript #linting #angular #eslint #reactive forms #import boundaries

Ready to run

npx skills add https://github.com/TheNordicOne/ngx-formbar --skill eslint-thenordicone

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: eslint
Source: https://github.com/TheNordicOne/ngx-formbar/tree/main/.claude/skills/eslint
Command: npx skills add https://github.com/TheNordicOne/ngx-formbar --skill eslint-thenordicone

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams avoid slow, iterative lint-and-fix cycles by enforcing a consistent ESLint baseline for TypeScript and Angular templates from the start.

Core Features & Use Cases

TypeScript strict checking & safer patterns: requires braces, strict equality, disallows explicit any (auto-fixes to unknown), and enforces readonly where appropriate.
Angular template quality gates: enforces OnPush, self-closing tags, and consistent selector prefixing for components/directives.
Project import boundaries: applies boundaries rules so imports stay within allowed packages (shared/project/test) and prevents unknown boundary usage.
Test-file exceptions: relaxes certain lint constraints in *.spec.ts and *.cy.ts to keep test authoring practical.

Quick Start

Apply these ESLint rules whenever you edit any .ts or Angular .html template file to keep your first draft compliant.

Frequently Asked Questions about eslint

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

FAQPage Schema

How do I enforce strict TypeScript linting rules in an Angular project?▼

Angular template quality gates are enforced through ESLint rules that require OnPush change detection, self-closing tags, and consistent selector prefixing for components and directives. This ensures template markup remains compliant and reduces iterative lint-and-fix cycles.

How do I prevent unauthorized imports across different project packages?▼

Project import boundaries are enforced by applying ESLint boundary rules that restrict imports to allowed packages such as shared, project, and test directories. This prevents unknown boundary usage and maintains strict architectural separation between different parts of the codebase.

Can I relax ESLint constraints for test files in TypeScript?▼

Yes, ESLint constraints can be relaxed for test files by configuring exceptions for `*.spec.ts` and `*.cy.ts` files. This keeps test authoring practical while maintaining strict TypeScript and Angular linting rules across standard component logic and template markup.

Why does my Angular code fail linting on the first draft?▼

Angular code fails first-draft linting when it does not adhere to an agreed ESLint rule set for TypeScript and templates. Applying strict checking, OnPush enforcement, and import boundary rules proactively catches these violations to reduce friction from repeated lint-and-fix cycles.

What is the best way to automate code quality checks for Angular templates?▼

Automating code quality checks for Angular templates involves applying an ESLint baseline that enforces template constraints like OnPush, self-closing tags, and selector prefixing. This approach ensures both component logic and template markup remain compliant across everyday development.