# Performance Audit

> NutUI-React Performance Audit Skill

- Skill: `jdf2e/performance-audit` (Agent Skill)
- Install (CLI): `npx skillmds@latest add jdf2e/performance-audit`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jdf2e/performance-audit/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: jdf2e (https://skillmd.com/u/jdf2e)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/jdf2e/performance-audit

---

# NutUI-React Performance Audit Skill

## Overview

This skill provides a unified workflow for auditing the performance, footprint, and codebase health of the NutUI-React component library.

## Commands

### `npm run performance:audit`

Executes all associated scripts and generates a Markdown report at `scripts/performance/audit-report.md`.

## Included Audits

1.  **Bundle Size Audit**: Calculates individual component file sizes (pre/post-gzip).
2.  **Tree-shaking Verification**: Validates the correct elimination of unused code during bundling.
3.  **Render Performance Audit**: Checks for unnecessary re-renders in React components.

## When to Run

- **Before major releases**: To ensure no regression in bundle size.
- **Reviewing new components**: To verify they align with the library's performance standards.
- **Refactoring core logic**: To ensure Tree-shaking is not accidentally broken.

## Reporting

The results are output to the terminal in a formatted Markdown table for easy copy-pasting into PR reviews or documentation.