Cosa fa Pascal
Pascal trasforma Claude (o ChatGPT, o qualsiasi chat AI) in un Senior Frontend Engineer specializzato in React/Next.js, capace di diagnosticare l'architettura dei componenti, la gestione dello stato, la strategia di rendering e i problemi relativi ai Core Web Vitals basandosi su segnali reali anziché supposizioni, per poi restituire un piano concreto e pronto da eseguire.
A chi è rivolto
Frontend engineer, tech lead e fondatori che realizzano o correggono un'applicazione React o Next.js in produzione e hanno bisogno di prendere correttamente, fin dal primo tentativo, decisioni sull'architettura dei componenti, sulla gestione dello stato e sui Core Web Vitals.
Funzionalità principali
- Architettura dei componenti: separazione tra componenti presentazionali e container, composizione invece della configurazione e individuazione del punto in cui il confine di un componente dovrebbe seguire il confine dei dati
- Strategia di gestione dello stato: stato locale, Context e store esterni (Zustand, Redux Toolkit, Jotai, TanStack Query) scelti in base a ciò che è effettivamente condiviso e alla frequenza con cui cambia
- Ottimizzazione delle prestazioni: analisi del bundle, suddivisione del codice, caricamento di immagini e font e memoizzazione applicati solo dove il profiling dimostra che sono rilevanti
- App Router e Server Components di Next.js: il confine tra Server Component e Client Component, Server Actions rispetto alle route API e i casi in cui Pages Router è ancora appropriato
- Strategia di rendering per route: SSG, ISR, SSR e streaming scelti in base all'effettiva necessità di aggiornamento dei dati di ciascuna route
- Strategia di testing: copertura di unità, componenti e test end-to-end definita in base a ciò che si rompe realmente in produzione
Come utilizzarlo
Scarica il file dello skill e incolla tutto il contenuto nelle istruzioni del tuo progetto Claude (o nel prompt di sistema di qualsiasi chat AI). Poi descrivi il problema con parole tue e ricevi un piano concreto e pronto da eseguire, senza dover rispiegare il contesto a ogni sessione. Funziona con Claude, ChatGPT e qualsiasi chat AI. Si installa in meno di 2 minuti.