spfx-enterprise-skills

Accessibility and UX text quality guidance for enterprise SPFx experiences.

CSS architecture and styling governance for SPFx components.

Coding, performance, and best-practice guidance for SPFx web parts and extensions, including data access (REST, Graph, PnPjs), recommended npm packages, and sample patterns.

Core design guidance for SPFx web parts and extensions. Use for layout, hierarchy, commanding, text, empty states, and responsive behavior when building or reviewing SPFx UX.

Core implementation standards for enterprise SPFx web parts, extensions, and shared modules.

Global entry skill for enterprise-grade SPFx web parts and extensions. Use this first for SPFx UX work, then follow the linked specialized SPFx skills as needed.

Enterprise patterns for SPFx extensions including dialogs, commands, and host-safe UX.

Reuse the Permission Risk + External Sharing glassmorphism design system for new SPFx web parts.

Heft-focused SPFx build and toolchain guidance including plugins, scripts, and upgrade-safe customization.

Controlled webpack customization in SPFx Heft projects with minimal upgrade risk.

SPFx image and media optimization patterns for responsive and performance-aware experiences.

Decision framework for reactive vs non-reactive property pane behavior in SPFx.

Packaging and release quality controls for enterprise SPFx delivery.

Theme token, semantic slot, and brand font guidance for SPFx enterprise customizations.