·frontend-performance
</>

frontend-performance

Questa competenza deve essere utilizzata quando l'utente desidera ottimizzare le prestazioni del frontend Next.js utilizzando Lighthouse, l'analisi dei bundle e le migliori pratiche di animazione. Da utilizzare per la diagnosi di pagine lente, l'ottimizzazione delle dimensioni del bundle o il miglioramento dei Core Web Vitals (LCP, TBT, CLS).

48Installazioni·3Tendenza·@b-open-io

Installazione

$npx skills add https://github.com/b-open-io/prompts --skill frontend-performance

Come installare frontend-performance

Installa rapidamente la skill AI frontend-performance nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/b-open-io/prompts --skill frontend-performance
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: b-open-io/prompts.

Important: Always test production builds (next build && next start), not dev mode. Dev mode has 2-10x overhead from HMR, source maps, and no optimizations.

For libraries with many exports (icons, utilities, animation libraries):

This ensures tree-shaking works correctly - only imports you use get bundled.

Questa competenza deve essere utilizzata quando l'utente desidera ottimizzare le prestazioni del frontend Next.js utilizzando Lighthouse, l'analisi dei bundle e le migliori pratiche di animazione. Da utilizzare per la diagnosi di pagine lente, l'ottimizzazione delle dimensioni del bundle o il miglioramento dei Core Web Vitals (LCP, TBT, CLS). Fonte: b-open-io/prompts.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/b-open-io/prompts --skill frontend-performance
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-11
Aggiornato
2026-03-11

Browse more skills from b-open-io/prompts

Risposte rapide

Che cos'è frontend-performance?

Questa competenza deve essere utilizzata quando l'utente desidera ottimizzare le prestazioni del frontend Next.js utilizzando Lighthouse, l'analisi dei bundle e le migliori pratiche di animazione. Da utilizzare per la diagnosi di pagine lente, l'ottimizzazione delle dimensioni del bundle o il miglioramento dei Core Web Vitals (LCP, TBT, CLS). Fonte: b-open-io/prompts.

Come installo frontend-performance?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/b-open-io/prompts --skill frontend-performance Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/b-open-io/prompts