Thématisation des composants web Ignite UI

Name: Thématisation des composants web Ignite UI
Author: igniteui

Stylisation et thématisation professionnelles pour les composants web Ignite UI utilisant les propriétés CSS personnalisées, Sass et un serveur MCP de thématisation dédié.

déclencheurs:theme ignite uicustomize ignite ui componentsignite ui colorsignite ui dark modeignite ui sass

GitHub SKILL.md

Ce que cela fait

Permet aux agents IA d'implémenter des thèmes complexes pour les composants web Ignite UI et les applications React. Cela couvre toute l'architecture, des piliers de palette/typographie/élévation aux substitutions au niveau des composants et aux contrôles de mise en page (taille, espacement, arrondi).

Quand l'utiliser

Utilisez cette compétence lorsque vous devez modifier l'identité visuelle d'un projet Ignite UI, implémenter un commutateur de mode sombre/clair ou créer des substitutions de composants très spécifiques tout en évitant les valeurs de couleurs codées en dur.

Ce qui est inclus

Scripts : Intégration avec le serveur MCP igniteui-theming pour la génération automatisée de thèmes et de palettes.
Références : Conseils sur les rôles de couleurs, les règles de luminance et les schémas de systèmes de conception (Material, Bootstrap, Fluent, Indigo).
Instructions : Flux de travail étape par étape pour la génération de thèmes, la découverte de jetons et la thématisation de composants composés.

Agents compatibles

Tout agent supportant les serveurs MCP (par exemple, Claude Desktop, Cursor, VS Code) et ayant accès au fournisseur d'outils igniteui-theming.

Étiquettes

#ui-ux #theming #css #sass #web-components #igniteui #design-tokens

Pas encore audité

Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.

Informations

Dépôt: igniteui-webcomponents
Étoiles: 167

Compétences similaires

ClearShot — Screenshot UI Analysis

Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe

DAUB UI

A drop-in CSS+JS component library with 70+ carefully designed components and 20 theme families for fast, consistent UI building.

dotLottie Web

Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin

Muse — Design Token System

Define, manage, and apply design tokens (color, spacing, typography, shadows) and build a token-first design system with dark-mode and accessibility support.

Atomic Design — Quarks

Guidance for creating and organizing ‘quarks’—design tokens and primitive values (colors, spacing, typography, shadows) that form the foundation of a design sys

Tailwind Configuration

Guides configuring tailwind.config (content paths, theme extension, plugins, dark mode and production optimizations) for projects using Tailwind CSS.

Frontend UI Engineering

Production-grade UI development focusing on design contracts, accessibility, and rigorous visual QA.

FigUI3

Guidance for developing and maintaining the FigUI3 web components library (fig-*) with best practices for accessibility, React/Vite integration, theming, and ov

Retour aux compétences