elite-frontend-ux-required-cn-helper
À propos
Cette compétence fournit une fonction utilitaire (`cn()`) qui combine `clsx` et `twMerge` pour joindre et dédupliquer conditionnellement les noms de classes Tailwind CSS. Elle démontre les meilleures pratiques pour gérer les styles dynamiques, incluant une règle stricte interdisant la concaténation de chaînes pour les noms de classes et une introduction à l'utilisation de `cva` pour les variantes de composants. Utilisez-la pour assurer une gestion de classes propre et sûre pour la purge dans les composants React avec Tailwind.
Installation rapide
Claude Code
Recommandénpx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/elite-frontend-ux-required-cn-helperCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Compétences associées
sparc-methodology
DéveloppementLa méthodologie SPARC offre un cadre de développement multi-agent complet avec 17 modes spécialisés pour la création systématique de logiciels. Elle guide les développeurs à travers les phases de Spécification, Pseudocode, Architecture, Raffinement et Achèvement, en intégrant les principes du TDD et des modèles d'orchestration. Utilisez cette compétence lorsque vous avez besoin d'un flux de travail de développement structuré et de bout en bout, depuis la recherche initiale jusqu'au déploiement.
sparc-methodology
DéveloppementLa compétence méthodologie SPARC fournit un cadre systématique multi-agent pour le développement logiciel complet. Elle guide les développeurs à travers 17 modes spécialisés couvrant toutes les phases, de la spécification et de l'architecture au raffinement et à l'achèvement. Utilisez cette compétence lorsque vous avez besoin de flux de travail de développement structurés avec des capacités intégrées de test, d'orchestration et de déploiement.
sparc-methodology
DéveloppementLa compétence méthodologie SPARC fournit un cadre de développement multi-agent systématique pour des projets logiciels complets. Elle structure le travail en cinq phases — Spécification, Pseudocode, Architecture, Raffinement et Achèvement — avec 17 modes spécialisés couvrant tout, de la recherche au déploiement. Utilisez cette compétence lorsque vous avez besoin d'une approche orchestrée et structurée pour guider une tâche de développement complexe du début à la fin.
rust-desktop-applications
DéveloppementCette compétence aide les développeurs à créer des applications de bureau multiplateformes en utilisant Rust, principalement via le framework Tauri ou des alternatives GUI natives. Elle est idéale pour créer des applications performantes nécessitant une intégration système, de petites tailles de bundle et des performances élevées. Les conseils couvrent la configuration de projet, l'IPC, la gestion d'état, ainsi que les tests et le déploiement multiplateformes.
