What problem does it solve? Building admin list screens in Angular involves many subtle conventions — block ordering, table markup, row action columns, sortable headers, toolbar slots, and failure handling — and missing any one of them produces bugs that pass builds and unit tests but fail end-to-end runs. This Skill encodes the complete pattern so screens are assembled correctly the first time. ## Core Features & Use Cases - Screen structure pattern: Defines the required order of blocks (header, toolbar, scrollable table, pagination) using the shared <prefix>-page layout and BEM elements. - Table and row actions: Specifies <prefix>-table markup with columnsConfig, displayedColumns(), the showRowActions vs rowHasActions distinction, and row click handling via cdkRowDef. - Sorting, toolbar, and failure states: Covers sortable headers with [sort] initialization, left/right toolbar slots, and error toasts read directly from the store key instead of signal subscriptions. - Use Case: When creating a new admin section listing records (e.g., proposals or invites), load this Skill to get the exact component decorator, provider, host token, and template structure including the shared admin-list-page slots and QA anchors. ## Quick Start Load this skill and assemble a new admin list screen for the proposals section with a sortable table, row actions menu, and toolbar filters.
