skills.rest
IgniteUIIgniteUIOfficial·8 Agent Skills Included

igniteui-webcomponents

Build, theme, and integrate Ignite UI web components

Builds web application views from design images using Ignite UI Web Components, with automated component selection, theming, and framework integration. Eliminates manual component lookup, hardcoded styling, and trial-and-error grid migrations across React, Angular, Vue, and vanilla JavaScript. Guides bundle optimization, Grid Lite to premium grid upgrades, and component creation with built-in accessibility and testing checks.
169|10
↗
npx skills add IgniteUI/igniteui-webcomponents --all -g -y

All Skills in This Repository (8)

Pure Emerald Level Indicators
📦 In Repo
IgniteUIIgniteUI

create-new-component

Generate a Lit web component scaffold with theme files, tests, Storybook story, and exports.

Official
Advanced
📦 In Repo
IgniteUIIgniteUI

review-component-pr

Review pull requests for web components against accessibility and coding standards.

Official
Advanced
📦 In Repo
IgniteUIIgniteUI

add-component-property

Adds a reactive property to an existing Lit web component with decorators and tests.

Official
Intermediate
📦 In Repo
IgniteUIIgniteUI

update-component-styles

Update component styles across themes using the SCSS to Lit CSS workflow.

Official
Intermediate
📦 In Repo
IgniteUIIgniteUI

igniteui-wc-customize-component-theme

Generate token-based themes for Ignite UI Web Components using CSS custom properties and Sass.

Official
Advanced
📦 In Repo
IgniteUIIgniteUI

igniteui-wc-integrate-with-framework

Detect the target framework and load matching Ignite UI Web Components integration references.

Official
Advanced
📦 In Repo
IgniteUIIgniteUI

igniteui-wc-optimize-bundle-size

Minimize Ignite UI Web Components bundle sizes with selective imports and tree-shaking.

Official
Advanced
📦 In Repo
IgniteUIIgniteUI

igniteui-wc-choose-components

Map UI requirements to Ignite UI Web Components with official docs and demos.

Official
Advanced

Frequently Asked Questions

FAQPage Schema
How to install igniteui-webcomponents skills?▼

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

How to build a UI from a design screenshot?▼

The generate-from-image-design skill analyzes your mockup, maps each region to the right Ignite UI component, generates a matching theme, and produces working code that you refine against the original image.

How to migrate from Grid Lite to the premium Data Grid?▼

The migration skill walks through every import, tag, property, event, and template change needed to move from the free Grid Lite to the commercial Data Grid with editing, paging, and grouping.

Do these skills work with React, Angular, and Vue?▼

Yes. The framework integration skill detects your project type automatically and applies the correct setup steps for React, Angular, Vue 3, or plain JavaScript.

How to reduce Ignite UI bundle size?▼

The bundle optimization skill replaces bulk registration with selective component imports, adds lazy loading, and shows you how to audit your bundle with analyzer tools.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills