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-heft-webpack-customization
description	Controlled webpack customization in SPFx Heft projects with minimal upgrade risk.

SPFx Heft Webpack Customization

Use for

Targeted webpack config overrides.
Loader/plugin adjustments needed for specific capabilities.

Do not use for

General styling decisions.
Unnecessary divergence from SPFx defaults.

Trigger conditions

Requirement cannot be met via standard SPFx/Heft defaults.
Build-time optimization asks tied to bundling.

Enterprise guardrails

Keep overrides isolated and documented.
Validate compatibility with existing build rig.
Avoid broad config rewrites.

Output expectations

Minimal and auditable webpack change set.
No regressions in packaging or dev-server flow.

Typical target paths (any SPFx project)

config/**
package.json