Skills
.Work. You
Rest

update-component-styles

Official

Keep component styles in sync with SCSS-to-Lit CSS and theme support

Software Engineering#theming#storybook#scss#css-variables#transpile#component-styles#lit-css
AuthorIgniteUI
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Update component styling following the project's SCSS workflow and theming system to ensure consistency across components and themes.

Core Features & Use Cases

  • Maintain base styles and theme-specific overrides across multiple themes (bootstrap, material, fluent, indigo) plus light/dark variants.
  • Identify and modify the correct SCSS files (base, shared, light/dark) and ensure proper transpilation to CSS.js as part of the build process.
  • Validate changes with Storybook and documentation, ensuring CSS parts and custom properties are exposed and testable.

Quick Start

Update the target component's styles to align with the SCSS to Lit CSS workflow and theming system.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: update-component-styles
Download link: https://github.com/IgniteUI/igniteui-webcomponents/archive/main.zip#update-component-styles

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.