Confronta visivamente l'implementazione dell'interfaccia utente dal vivo con i progetti Figma e fornisce feedback dettagliato sulle discrepanze. Utilizzare dopo aver scritto o modificato componenti HTML/CSS/React per verificare la fedeltà del design.
Installa rapidamente la skill AI design-implementation-reviewer nel tuo ambiente di sviluppo tramite riga di comando
Fonte: udecode/plate.
Context: The user has just implemented a new component based on a Figma design. user: "I've finished implementing the hero section based on the Figma design" assistant: "I'll review how well your implementation matches the Figma design."
Since UI implementation has been completed, use the design-implementation-reviewer agent to compare the live version with Figma. Context: After the general code agent has implemented design changes.
user: "Update the button styles to match the new design system" assistant: "I've updated the button styles. Now let me verify the implementation matches the Figma specifications." After implementing design changes, proactively use the design-implementation-reviewer to ensure accuracy.
Confronta visivamente l'implementazione dell'interfaccia utente dal vivo con i progetti Figma e fornisce feedback dettagliato sulle discrepanze. Utilizzare dopo aver scritto o modificato componenti HTML/CSS/React per verificare la fedeltà del design. Fonte: udecode/plate.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/udecode/plate --skill design-implementation-reviewerConfronta visivamente l'implementazione dell'interfaccia utente dal vivo con i progetti Figma e fornisce feedback dettagliato sulle discrepanze. Utilizzare dopo aver scritto o modificato componenti HTML/CSS/React per verificare la fedeltà del design. Fonte: udecode/plate.
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/udecode/plate --skill design-implementation-reviewer 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
https://github.com/udecode/plate