petrvs-angular-ui

Guide Angular 21 frontend changes while preserving typed RxJS and TypeScript strictness.

19|14|Updated Aug 6, 2024
One-click install
npx skills add https://github.com/gestaogovbr/pgd-petrvs-publico --skill petrvs-angular-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: petrvs-angular-ui
Source: https://github.com/gestaogovbr/pgd-petrvs-publico/tree/main/.agents/skills/petrvs-angular-ui
Command: npx skills add https://github.com/gestaogovbr/pgd-petrvs-publico --skill petrvs-angular-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you implement, refactor, debug, or review the Petrvs-PGD frontend Angular 21 codebase efficiently while keeping consistency with existing modules, patterns, and RxJS data flows.

Core Features & Use Cases

  • Angular 21-focused UI changes: Apply safe, maintainable updates across modules, components, services, routes, and forms.
  • Typed RxJS and TypeScript strictness: Prefer strict typing, typed models, and typed RxJS pipelines to reduce regressions.
  • Frontend quality workflow: Validate changes through linting, testing, and build steps aligned to the project’s workflow.

Quick Start

Ask the AI to refactor the specified Angular module in front-end/src/app/modules to remove any use of any, enforce strict typed models and RxJS flows, and then run lint, tests, and build using the petrvs_node container workflow.

Frequently Asked Questions about petrvs-angular-ui

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

FAQPage Schema
How do I refactor Angular components to remove any and enforce strict typed RxJS flows?

Refactoring Angular components involves replacing any with strict typed models and typed RxJS pipelines to preserve data flow integrity. You validate these changes by running lint, test, and build commands within the project container workflow to ensure deterministic validation.

What is the best way to maintain Angular 21 module boundaries during a frontend UI update?

Maintaining Angular 21 module boundaries requires following existing naming conventions and preventing unsafe template rendering. Safe updates are applied across modules, components, services, routes, and forms while enforcing TypeScript strictness to keep the codebase consistent.

Can I debug RxJS data flows and TypeScript strictness issues in an Angular container workflow?

Yes, you can debug RxJS data flows and TypeScript strictness issues in an Angular container workflow. Guide correct component and service changes while preserving typed pipelines, then execute lint, test, and build commands in the project container to verify fixes.

Does refactoring Angular forms and routes require running lint and build commands?

Refactoring Angular forms and routes requires running lint and build commands for deterministic validation. Executing these steps in the project container aligns with the frontend quality workflow and verifies that strict typing and module boundaries are preserved.

Why does my Angular UI refactor fail when unsafe template rendering is introduced?

An Angular UI refactor fails when unsafe template rendering is introduced because it violates enforced naming boundaries and TypeScript strictness. Preventing unsafe rendering ensures safe, maintainable updates across modules, components, services, routes, and forms.

What are the limitations of debugging Angular code without typed RxJS pipelines?

Debugging Angular code without typed RxJS pipelines increases regression risks and reduces maintainability. Enforcing strict typing and typed models during component, service, and route changes is required to preserve deterministic validation and data flow integrity.