Compare visuellement la mise en œuvre de l'interface utilisateur en direct aux conceptions Figma et fournit des commentaires détaillés sur les écarts. À utiliser après avoir écrit ou modifié des composants HTML/CSS/React pour vérifier la fidélité de la conception.
Installez rapidement le skill IA design-implementation-reviewer dans votre environnement de développement via la ligne de commande
Source : 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.
Compare visuellement la mise en œuvre de l'interface utilisateur en direct aux conceptions Figma et fournit des commentaires détaillés sur les écarts. À utiliser après avoir écrit ou modifié des composants HTML/CSS/React pour vérifier la fidélité de la conception. Source : udecode/plate.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/udecode/plate --skill design-implementation-reviewerCompare visuellement la mise en œuvre de l'interface utilisateur en direct aux conceptions Figma et fournit des commentaires détaillés sur les écarts. À utiliser après avoir écrit ou modifié des composants HTML/CSS/React pour vérifier la fidélité de la conception. Source : udecode/plate.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/udecode/plate --skill design-implementation-reviewer Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/udecode/plate