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

2026-03-075

spfx-enterprise-design-core

sudharsank/spfx-enterprise-skills

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.

2026-03-075

spfx-enterprise-implementation-core

sudharsank/spfx-enterprise-skills

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

2026-03-075

spfx-enterprise-ux-hub

sudharsank/spfx-enterprise-skills

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.

2026-03-075

name	spfx-theme-and-brand-integration
description	Theme token, semantic slot, and brand font guidance for SPFx enterprise customizations.

SPFx Theme and Brand Integration

Use for

Applying semantic slots and theme-aware styling.
Integrating Brand Center font usage safely.
Ensuring light/dark/high-contrast compatibility.

Do not use for

Hard-coded theme color overrides.
Ad-hoc font imports that bypass tenant strategy.

Trigger conditions

Theme-related UI work or branding requests.
Cross-tenant visual consistency requirements.

Enterprise guardrails

Prefer semantic tokens over fixed values.
Validate high-contrast accessibility.
Keep branding extensible and tenant-aware.

Output expectations

Theme-safe enterprise UI.
No regressions across standard SharePoint themes.

Typical target paths (any SPFx project)

src/**/**/*.module.scss
src/shared/components/**