Ignite UI for React — Theming Skill

Description

This skill teaches AI agents how to theme Ignite UI for React applications. Two approaches are supported:

• CSS custom properties — works in any project without additional build tooling
• Sass — available when the project has Sass configured; provides the full palette/typography/elevation API

The skill also covers component-level theming, layout controls (spacing, sizing, roundness), and how to use the Ignite UI Theming MCP server for AI-assisted code generation — all in a React application context.

Example Usage

• "How do I change the primary color in my Ignite UI React app?"
• "Apply a dark theme to my React app"
• "Customize the grid header colors"
• "How do I scope a theme to a specific section of my React app?"
• "Set up Material Design theming for Ignite UI components"