Claude Skills by janpereira-dev

Migrates Angular Material table, list, card, paginator, and progress components where layout and structure changes can affect business screens.

Migrates Angular Material v15 form controls including form-field, input, select, checkbox, radio, slide-toggle, and autocomplete with validation and layout review.

Detects Angular Material usage, legacy imports, custom CSS overrides, harness assumptions, and MDC migration hotspots before any component changes are made.

Migrates Angular Material applications to the MDC-based v15 component set with visual validation, harness updates, and CSS override review.

Coordinates the Angular Material v15 MDC migration by inventorying usage, selecting a safe migration strategy, delegating to focused Material skills, and enforcing visual and test validation before closing the migration.

Migrates Angular Material dialogs, menus, snack-bars, tooltips, and tabs where overlay structure and navigation behavior can regress.

Updates Angular Material tests and harnesses that rely on legacy DOM structure or internal selectors during the MDC migration.

Reviews Angular Material v15 theme, density, and typography changes, including custom styles, mixins, and MDC class name impacts.

Enforces final visual review for Angular Material v15 MDC migration before the migration can be considered complete.

Review Angular Material v14 changes affecting stepper, selection list, and chips usage. Use when legacy API and styling assumptions need cleanup before or during an Angular 14 upgrade.

Use httpResource() for declarative HTTP fetching with explicit typing, params, errors, and reload behavior. For Angular 22 projects and 21-to-22 upgrade planning.

Use resource() safely for async signal state with explicit params, loader, states, and errors. For Angular 22 projects and 21-to-22 upgrade planning.

Validate resource/httpResource SSR cache, transfer cache, credential, and privacy boundaries. For Angular 22 projects and 21-to-22 upgrade planning.

Bridge rxResource with observable-heavy domains without duplicating data ownership. For Angular 22 projects and 21-to-22 upgrade planning.

Update CanMatchFn implementations for current snapshot context where Angular 22 requires it. For Angular 22 projects and 21-to-22 upgrade planning.

Control route-to-component input binding behavior and missing input handling. For Angular 22 projects and 21-to-22 upgrade planning.

Use official detached route handle destruction instead of private RouteReuseStrategy workarounds. For Angular 22 projects and 21-to-22 upgrade planning.

Audit routes that depend on params/data inheritance so inherited IDs do not silently change behavior. For Angular 22 projects and 21-to-22 upgrade planning.

Adopt withExperimentalPlatformNavigation only with router, scroll, accessibility, and browser-behavior checks. For Angular 22 projects and 21-to-22 upgrade planning.

Replace removed provideRoutes usage with provideRouter or ROUTES token patterns. For Angular 22 projects and 21-to-22 upgrade planning.

Evaluate withExperimentalAutoCleanupInjectors for route-level providers and disposal safety. For Angular 22 projects and 21-to-22 upgrade planning.

Remove or redesign dynamic script host patterns that Angular rejects for security. For Angular 22 projects and 21-to-22 upgrade planning.

Treat iframe credentialless and embedded boundaries as security-sensitive. For Angular 22 projects and 21-to-22 upgrade planning.

Review service worker redirects, referrer policy, and sensitive headers across origins. For Angular 22 projects and 21-to-22 upgrade planning.

Audit SVG/MathML href and xlink:href URL bindings for sanitizer compatibility. For Angular 22 projects and 21-to-22 upgrade planning.

Review dynamic template bindings and sanitizer bypasses before Angular 22 release. For Angular 22 projects and 21-to-22 upgrade planning.

Expose WebMCP tools only with explicit permissions, narrow schemas, and no secret or destructive surface. For Angular 22 projects and 21-to-22 upgrade planning.

Validate incremental hydration defaults, event replay, and deferred views before release. For Angular 22 projects and 21-to-22 upgrade planning.

Validate SSR host/origin handling and reverse-proxy assumptions. For Angular 22 projects and 21-to-22 upgrade planning.

Replace deprecated platform-server XHR assumptions with fetch-compatible server behavior. For Angular 22 projects and 21-to-22 upgrade planning.

Check resource/httpResource SSR caches for credentialed requests and private data leakage. For Angular 22 projects and 21-to-22 upgrade planning.

Harden TransferState against sensitive data leaks, cache mistakes, and DOM clobbering risk. For Angular 22 projects and 21-to-22 upgrade planning.

Controls Angular Extended Diagnostics during framework upgrades so new or changed diagnostics do not turn a minor upgrade into an uncontrolled compile-time blocker.

Detect inputs/outputs/models that incorrectly relied on data-* attribute binding semantics. For Angular 22 projects and 21-to-22 upgrade planning.

Block duplicate bindings to input, output, or model contracts before they reach runtime. For Angular 22 projects and 21-to-22 upgrade planning.

Resolve multiple directive/component selectors matching the same element when diagnostics flag ambiguity. For Angular 22 projects and 21-to-22 upgrade planning.

Migrate invalid template expressions that misuse the in operator. For Angular 22 projects and 21-to-22 upgrade planning.

Review optional chaining/nullish diagnostics so templates express real nullability. For Angular 22 projects and 21-to-22 upgrade planning.

Adopt multiple @case blocks and @default never exhaustiveness checks safely. For Angular 22 projects and 21-to-22 upgrade planning.

Allow inline template arrow functions only when they are trivial and performance-safe. For Angular 22 projects and 21-to-22 upgrade planning.

Use element-level template comments without hiding bindings or reducing readability. For Angular 22 projects and 21-to-22 upgrade planning.

Use spread/rest in templates only for simple, readable, non-expensive expressions. For Angular 22 projects and 21-to-22 upgrade planning.

Test injectAsync lazy services, prefetch behavior, error paths, and resolution timing. For Angular 22 projects and 21-to-22 upgrade planning.

Fix tests that relied on implicit zones or eager change detection timing. For Angular 22 projects and 21-to-22 upgrade planning.

Test resource/httpResource loaders, params, pending, error, reload, and SSR cache paths. For Angular 22 projects and 21-to-22 upgrade planning.

Test Signal Forms field state, validation, touched/dirty, errors, and submit behavior. For Angular 22 projects and 21-to-22 upgrade planning.

Ensure strict template diagnostics are covered by build/test pipelines instead of ignored. For Angular 22 projects and 21-to-22 upgrade planning.

Use modern TestBed fixture helpers only when they improve clarity and do not hide setup. For Angular 22 projects and 21-to-22 upgrade planning.

Route Angular 21 to 22 upgrade work to the hop, preflight, breaking-change, validation, and satellite skills. For Angular 22 projects and 21-to-22 upgrade planning.

Decide whether an Angular 22 app can run zoneless by default or needs a safe bridge. For Angular 22 projects and 21-to-22 upgrade planning.