igniteui-angular-components
Provides guidance on all non-grid Ignite UI for Angular UI components including application setup and architecture, form controls (Input Group, Combo, Select, Date/Time Pickers, Calendar, Checkbox, Radio, Switch, Slider, reactive forms), layout (Tabs, Bottom Navigation, Stepper,
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Provides guidance on all non-grid Ignite UI for Angular UI components including application setup and architecture, form controls (Input Group, Combo, Select, Date/Time Pickers, Calendar, Checkbox, Radio, Switch, Slider, reactive forms), layout (Tabs, Bottom Navigation, Stepper, Accordion, Splitter, Navigation Drawer, Layout Manager), data display (List, Tree, Card, Chips, Avatar, Badge, Icon, Carousel, Paginator, Progress Bar, Linear Progress Bar, Circular Progress Bar, Chat), feedback/overlays (Dialog, Snackbar, Toast, Banner), directives (Button, Ripple, Tooltip, Drag and Drop), Dock Manager, and Charts (Area Chart, Bar Chart, Column Chart, Stock/Financial Chart, Pie Chart, IgxCategoryChart, IgxFinancialChart, IgxDataChart, IgxPieChart). Use when users ask about any Ignite UI Angular component that is not a data grid, such as forms, inputs, dropdowns, date pickers, dialogs, navigation, lists, trees, cards, charts, or application scaffolding and setup.
How to use
- Zainstaluj skill w swoim środowisku Claude/Copilot, wskazując repozytorium igniteui-angular-components z gałęzi master.
- Zadaj pytanie o konkretny komponent Ignite UI Angular, który chcesz użyć — na przykład "Jak skonfigurować Input Group w formularzu reaktywnym?" lub "Pokaż mi przykład dialogu z przyciskami akcji".
- Skill automatycznie zidentyfikuje, które komponenty są zaangażowane w Twoją prośbę (formularze, layouty, wykresy, powiadomienia itp.) i odczyta odpowiednie pliki referencyjne.
- Otrzymasz szczegółowe wskazówki zawierające selektory komponentów, nazwy właściwości wejściowych/wyjściowych, dyrektywy oraz przykłady kodu dla Twojej wersji Ignite UI.
- Jeśli pytasz o siatki danych, stylowanie lub temat — skill przekieruje Cię do odpowiedniego skilla (igniteui-angular-grids lub igniteui-angular-theming).
- Używaj skilla iteracyjnie: zadawaj pytania o poszczególne komponenty, a następnie o ich integrację w większych formularzach lub stronach.