>_SkillsHub▋

> angular-style-guide

Naming conventions, file structure, and coding standards for Angular projects. Use when naming Angular files, organizing project structure, or following Angular style guide. (triggers: **/*.ts, angular style, naming convention, file structure)

fetch
$curl "https://skillshub.wtf/HoangNguyen0403/agent-skills-standard/angular-style-guide?format=md"
SKILL.md•angular-style-guide

Angular Style Guide

Priority: P0 (CRITICAL)

Principles

  • Single Responsibility: One component/service per file. Small functions (< 75 lines).
  • Size Limits: Keep files under 400 lines. Refactor if larger.
  • Strict Naming: feature.type.ts (e.g., hero-list.component.ts).
  • Barrels: Use index.ts only for public APIs of specific features/libraries. Avoid deep barrel imports within the same feature.
  • LIFT: Locate, Identify, Flat structure, Try DRY.

Naming Standards

  • Files: kebab-case.type.ts
  • Classes: PascalCase + Type suffix (HeroListComponent)
  • Directives: camelCase selector (appHighlight)
  • Pipes: camelCase name (truncate)
  • Services: PascalCase + Service suffix (HeroService)

Anti-Patterns

  • Logic in Templates: Move complex logic to the component class or a computed signal.
  • Deep Nesting: Avoid $>3$ levels of folder nesting.
  • Prefixing interfaces: No IUser. Use User.

References

> related_skills --same-repo

> typescript-tooling

Development tools, linting, and build config for TypeScript. Use when configuring ESLint, Prettier, Jest, Vitest, tsconfig, or any TS build tooling. (triggers: tsconfig.json, .eslintrc.*, jest.config.*, package.json, eslint, prettier, jest, vitest, build, compile, lint)

> typescript-security

Secure coding practices for TypeScript. Use when validating input, handling auth tokens, sanitizing data, or managing secrets and sensitive configuration. (triggers: **/*.ts, **/*.tsx, validate, sanitize, xss, injection, auth, password, secret, token)

> typescript-language

Modern TypeScript standards for type safety and maintainability. Use when working with types, interfaces, generics, enums, unions, or tsconfig settings. (triggers: **/*.ts, **/*.tsx, tsconfig.json, type, interface, generic, enum, union, intersection, readonly, const, namespace)

> typescript-best-practices

Idiomatic TypeScript patterns for clean, maintainable code. Use when writing or refactoring TypeScript classes, functions, modules, or async logic. (triggers: **/*.ts, **/*.tsx, class, function, module, import, export, async, promise)

┌ stats

installs/wk0
░░░░░░░░░░
github stars341
██████████
first seenMar 17, 2026
└────────────

┌ repo

HoangNguyen0403/agent-skills-standard
by HoangNguyen0403
└────────────

┌ tags

#angular#editor
└────────────