Frontend Design
Frontend design skill for UI/UX implementation
Générez des interfaces frontend distinctives et de qualité production qui se démarquent des designs génériques produits par l'IA. Ce plugin permet à Claude de créer un code soigné avec des choix esthétiques audacieux, des typographies et palettes de couleurs singulières, des animations à fort impact et des détails visuels adaptés au contexte.
Le plugin établit un cadre de design avant de commencer à coder — en identifiant la finalité, le public cible et une direction esthétique précise (brutaliste, maximaliste, rétro-futuriste, luxe, ludique, etc.). Il évite délibérément les patterns courants tels que les polices système génériques, les dégradés violets prévisibles et les composants interchangeables.
Les axes de design clés comprennent une typographie réfléchie avec des associations de polices inattendues, des animations orchestrées et des interactions déclenchées au défilement, une composition spatiale jouant sur l'asymétrie et les ruptures de grille, ainsi que de la profondeur visuelle via dégradés, textures et effets en couches.
Mode d'emploi : Demandez simplement à Claude de créer des interfaces frontend : cette compétence s'active automatiquement. Essayez des instructions telles que « Crée un tableau de bord pour une application de streaming musical », « Conçois une page d'accueil pour une startup spécialisée en sécurité IA » ou « Réalise un panneau de paramètres avec prise en charge du mode sombre ».