UI Personnalisée Clerk

Ce qu'elle fait

Cette compétence documente la manière de créer des flux d'authentification personnalisés et des adaptations d'apparence pour les SDK Clerk. Elle explique l'utilisation des hooks (useSignIn, useSignUp) pour construire des flux de connexion et d'inscription sur mesure, ainsi que la manière d'appliquer la prop appearance, les thèmes, les variables et le CSS pour modifier le look and feel des composants selon les versions du SDK.

Quand l'utiliser

Utilisez cette compétence lorsque vous devez : intégrer une expérience utilisateur (UX) de connexion/inscription brandée, aligner les composants Clerk sur un système de design existant (par exemple, shadcn/ui), ou ajuster les variables de thème (couleurs, polices, rayons de bordure) pour une image de marque cohérente. Également pertinent lors d'une mise à jour entre Core 2 et les SDK actuels où la structure des hooks diffère.

Ce qui est inclus

• Scripts : Aucun (has_scripts=false)
• Références : Dossiers de référence Core-2 et core-3 liés dans la compétence (has_references=false)
• Instructions : Guide sur la vérification de la version du SDK, le mappage des références de flux personnalisés, l'application de la prop appearance, l'empilement des thèmes et les recommandations de thèmes shadcn. Des tableaux listent les noms de variables et les pièges courants.

Agents compatibles

{}