IgniteUI/igniteui-webcomponents

igniteui-wc-generate-from-image-design

Implement application views from design images using Ignite UI Web Components. Uses MCP servers (igniteui-cli, igniteui-theming) to discover components, generate themes, and follow best practices. Triggers when the user provides a design image (screenshot,…

igniteui-wc-integrate-with-framework

Integrate Ignite UI Web Components packages into React, Angular, Vue, or vanilla JS applications with framework-specific configurations

igniteui-wc-migrate-grid-lite-to-premium

Step-by-step migration guide from igniteui-grid-lite (IgcGridLite) to the premium igniteui-webcomponents-grids (IgcGridComponent), covering every import, class name, HTML tag, property, event, template, sorting, filtering, and theming API change.

create-new-component

Create a new Lit web component following project conventions, including component class, styles, tests, Storybook story, and proper exports

review-component-pr

Comprehensive code review checklist for component pull requests ensuring quality, accessibility, and adherence to project conventions

add-component-property

Add a reactive property to an existing Lit web component with proper decorators, types, tests, and documentation

update-component-styles

Update component styling following the SCSS to Lit CSS workflow with proper theme support

igniteui-wc-choose-components

Identify and select the right Ignite UI Web Components for your app UI, then navigate to official docs, usage examples, and API references

igniteui-wc-customize-component-theme

Customize Ignite UI Web Components styling using CSS custom properties, optional Sass, and the igniteui-theming MCP server for AI-assisted theming

igniteui-wc-optimize-bundle-size

Optimize application bundle size by importing only necessary components and using tree-shaking effectively