IgniteUIIgniteUIOfficialยท2 Agent Skills Included

igniteui-react

Build, theme, and optimize Ignite UI React applications

Guides building React apps with Ignite UI components, from picking the right grid, chart, or form control to wiring events, refs, and slots correctly. Applies brand themes, dark mode, and per-component styling, and converts design screenshots into working React views. Eliminates common failures like unstyled components, invisible charts, and bloated bundles through proven fixes and code-splitting patterns.
npx skills add IgniteUI/igniteui-react --all -g -y

All Skills in This Repository (2)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install Ignite UI React skills?โ–ผ

Run `npx skills add IgniteUI/igniteui-react --all -g -y` in your terminal to install all skills in this suite globally.

How to choose the right Ignite UI React component?โ–ผ

The components skill maps common UI patterns to the correct Igr* component, covering grids, charts, forms, navigation, and overlays with ready-to-use JSX examples.

How to migrate from Grid Lite to the full data grid?โ–ผ

The migration skill walks you through import changes, renamed template APIs, and adding editing, paging, grouping, and Excel export with the premium IgrGrid.

How to reduce Ignite UI React bundle size?โ–ผ

The bundle optimization skill covers tree-shaking, granular imports, and lazy loading heavy grid and chart packages at the route level.

Can I turn a design mockup into a React view?โ–ผ

Yes. The generate-from-image skill reads a screenshot or wireframe, picks matching Ignite UI components, generates theme tokens, and builds the complete React view.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’