Create and extend NgElemental copy-paste Angular UI components (ElIcon, ElButton, ElSelect, CLI registry, Storybook, docs). Use when adding a component, editing packages/ui, ng-elemental add, component-registry, or El widgets. Prefers existing library components before custom CSS, SVGs, or third-party alternatives.
Maintain NgElemental component docs pages. Use when adding, polishing, fixing, or removing component docs in src/app/docs/pages, especially when adding a standards/explanations section, updating API tables, or removing stale references from nav/routes/home.
Use when polishing or auditing any existing NgElemental El widget before the next component, or when the user mentions visual states, a11y, WCAG, ARIA APG, focus-visible, contrast, keyboard, screen reader, touch target, dark mode, 200% zoom, reduced motion, or the component audit checklist. Applies to every…
Use when reviewing or changing NgElemental El widgets in packages/ui, or when the user asks to review UI code. Use when adding selection, open/view, hover/preview, or draft state; mounting a second instance of the same widget; or when a widget grows show/hide flags, mirrored parent/child signals, lastX sync guards…