RMF112018/SPFx Performance Diagnostics & Bundle Optimization
.claude/skills/spfx-performance-diagnostics-and-bundle/SKILL.md
High-ROI bundle reduction, profiler-driven diagnostics, and verification for SPFx + Vite environments
tools
Updated Apr 17, 2026
$ install --global
skillsauthnpx skillsauth add RMF112018/Project-Controls SPFx Performance Diagnostics & Bundle OptimizationInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 24, 2026, 9:03 PM1.9s1 file scanned
SKILL.md
- name:
- SPFx Performance Diagnostics & Bundle Optimization
- description:
- High-ROI bundle reduction, profiler-driven diagnostics, and verification for SPFx + Vite environments
- version:
- 1.0
- category:
- performance
- triggers:
- bundle, chunk, analyze, profiler, high-roi, verify-bundle-size, top 10
- updated:
- 2026-02-21
SPFx Performance Diagnostics & Bundle Optimization Skill
Activation
Any bundle size, ANALYZE, Profiler, or “high-ROI / Top 10” request.
High-ROI Protocol
- Run
npm run build:analyze+npm run verify:bundle-size:fail. - Prioritize heaviest libs (xlsx, jspdf, html2canvas, echarts, @xyflow/react) → dynamic imports.
- Align to existing phase chunks.
- Capture Profiler flamegraph + TanStack DevTools.
- Deliver minimal diff-ready changes.
- Re-verify with
npm run verify:sprint3.
Reference: PERFORMANCE_OPTIMIZATION_GUIDE.md §0–§2 and §5.
Related Skills
RMF112018/TanStack Router Stability SPFx
tools
VerifiedTrustedCommunity
Stable singleton pattern for TanStack Router v1 preventing route-tree recreation and UI freezes on AppContext changes in SPFx
SKILL.mdUpdated Apr 17, 2026
RMF112018/TanStack Query & Virtualization
databases
VerifiedTrustedCommunity
Query-key stability, default options, and virtualization threshold enforcement
SKILL.mdUpdated Apr 17, 2026
RMF112018/Schedule What-If Sandbox & Monte Carlo
databases
VerifiedTrustedCommunity
Branching what-if scenarios and Monte Carlo risk simulation with tornado/S-curve visualization
SKILL.mdUpdated Apr 17, 2026
RMF112018/Schedule Performance Optimization
development
VerifiedTrustedCommunity
Extreme-scale optimization for 10k+ activity schedules under bundle and React 18 constraints
SKILL.mdUpdated Apr 17, 2026