po-ui-specialist

What problem does it solve?

This Skill reduces UI implementation errors and inconsistency by enforcing modern, strictly typed Angular (v21+) and PO-UI (v21+) development standards aligned with the project’s local documentation mirror.

Core Features & Use Cases

• Angular 21+ modernization: Generates new frontend code using standalone components, Signals-based state, modern dependency injection (inject()), and native control flow (@if, @for, @switch) to match current best practices.
• PO-UI correct-by-construction usage: Guides correct component selection and interaction patterns (e.g., PO-UI button/table/form conventions, lookup components for large datasets, and proper dialog/notification behavior).
• Prevents common strict-mode compilation issues: Applies project-specific rules to avoid known PO-UI/Angular pitfalls (e.g., PO-combo binding, enum strictness in templates, PUT payload rules excluding id, and string-vs-boolean attribute coercions).

Quick Start

Use the po-ui-specialist skill to generate an Angular 21+ PO-UI screen that follows standalone+Signals patterns and respects the project’s documented binding, typing, and API payload constraints.