mcpField
A
angular-best-practices-transloco

angular-best-practices-transloco

github.com/alfredoperezDevelopment36339 installsUpdated 31w ago
Repository

About angular-best-practices-transloco

angular-best-practices-transloco is an add-on skill for Angular runtime internationalization with Transloco. It provides guidance on route-level lazy loading, dynamic language switching, and deterministic translation tests.

Key features

  1. 01Route-scoped lazy translation loading
  2. 02Runtime language switching
  3. 03TranslocoTestingModule test guidance

Use cases

  1. 01Adding Transloco runtime i18n
  2. 02Loading translations by route
  3. 03Testing Angular components with mock translations

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/alfredoperez/angular-best-practices --skill angular-best-practices-transloco

After installing, type/angular-best-practices-translocoin Claude Code to confirm it loaded.

Bundled filesAGENTS.md

Details

From the project README

Angular Transloco Best Practices

Transloco rules for runtime internationalization, lazy-loaded translations, and testing. Use with the core angular-best-practices skill for comprehensive Angular coverage.

Links

When to Apply

  • Adding runtime i18n with the transloco pipe or directive
  • Lazy-loading translation files per route with scopes
  • Writing tests that use TranslocoTestingModule

Rules

RuleImpactDescription
Lazy Load Translation Files per RouteMEDIUMLoad scoped translations only when a route is activated
Mock Translations in TestsMEDIUMFast deterministic tests without HTTP translation loading
Use Transloco for Runtime i18nMEDIUMDynamic language switching without app rebuilds

Install

Install from skills.sh/alfredoperez/angular-best-practices:

Comments

Markdown supported