Skills publiés 24
typeset
Transformez la typographie en un design intentionnel
Les polices génériques et les tailles incohérentes compromettent la crédibilité de votre interface. Typeset applique des principes de typographie professionnelle pour créer une hiérarchie claire, un texte lisible et des visuels soignés qui reflètent la personnalité de votre marque.
teach-impeccable
Capturez le contexte de conception pour une collaboration IA cohérente
Les assistants IA prennent de meilleures décisions de conception lorsqu'ils comprennent votre marque et vos utilisateurs. Cette compétence s'exécute une seule fois pour recueillir le contexte de conception spécifique au projet et l'enregistre pour toutes les sessions futures.
shape
Planifier la Conception UX/UI Avant le Codage
La plupart des interfaces générées par IA échouent car elles ignorent la pensée conceptuelle. Cette compétence exécute un entretien de découverte structuré pour comprendre les besoins, les contraintes et les objectifs des utilisateurs avant de produire un brief de conception complet qui guide l'implémentation.
polish
Affinez votre UI à la perfection
Une compétence de contrôle qualité méticuleuse qui détecte les problèmes d'alignement, d'espacement, de cohérence et de détails dans le code d'interface utilisateur. Transforme un bon travail en interfaces professionnelles et soignées.
quieter
Affiner les designs trop audacieux
Claude peut automatiquement atténuer les designs trop agressifs ou visuellement écrasants, créant une esthétique plus raffinée et sophistiquée tout en préservant l'impact et la fonctionnalité.
overdrive
Créez des interfaces web extraordinaires avec des effets de pointe
Les interfaces web standards semblent statiques et prévisibles. Overdrive les transforme avec des transitions cinématographiques, des visuels accélérés par GPU, et des animations basées sur la physique qui surprennent et ravissent les utilisateurs.
optimize
Optimiser les performances web pour un chargement plus rapide et des interactions plus fluides
Des interfaces lentes frustrent les utilisateurs et nuisent aux métriques. Cette compétence identifie et corrige systématiquement les goulots d'étranglement de performance en termes de vitesse de chargement, de rendu, d'animations, d'images et de taille de bundle pour créer des expériences plus rapides et plus fluides.
onboard
Concevez des flux d'intégration utilisateur qui favorisent l'adoption
Les utilisateurs abandonnent les produits lorsqu'ils ne comprennent pas rapidement la valeur. Cette compétence vous aide à créer des expériences d'intégration qui guident les utilisateurs vers leur premier succès sans les submerger.
normalize
Normaliser les composants UI selon le design system
Élimine les incohérences de design en détectant et corrigeant automatiquement les déviations par rapport à votre design system. Garantit que chaque composant utilise les bons tokens, patterns et conventions établies.
layout
Créer des mises en page soignées avec un espacement systématique
Résolvez les grilles monotones et l'espacement incohérent qui rendent les interfaces amateurs. Cette compétence établit des échelles d'espacement systématiques, un rythme visuel et une hiérarchie claire pour transformer des mises en page génériques en compositions intentionnelles.
impeccable
Créer des interfaces frontend raffinées avec l'IA
Les interfaces générées par l'IA ont souvent un aspect générique et templaté. Impeccable guide l'IA à travers des décisions de conception expertes, produisant un code frontend distinctif de qualité production.
harden
Renforcez Vos Interfaces Contre la Réalité de la Production
Les interfaces se cassent lorsque les utilisateurs réels saisissent des données inattendues, perdent leur connexion ou utilisent des technologies d'assistance. Cette compétence renforce systématiquement votre UI contre les cas limites, les problèmes d'internationalisation, les erreurs et les lacunes d'accessibilité pour garantir une résilience prête pour la production.
frontend-design
Créez des interfaces frontend distinctives qui marquent les esprits
Le code générique par IA produit des designs oubliables et basés sur des modèles. Cette compétence enseigne une direction esthétique audacieuse et une mise en œuvre de qualité production qui créent des expériences utilisateur mémorables.
extract
Extraire les composants du design system
Identifiez et extrayez des composants réutilisables, des design tokens et des patterns depuis votre codebase dans un design system structuré. Cette skill consolide le code UI dispersé en assets systématiques et documentés.
distill
Simplifier et Ramener le Design à l'Essentiel
Cette compétence aide les assistants IA à simplifier les designs complexes en supprimant les éléments inutiles, créant des interfaces utilisateur propres et concentrées qui guident les utilisateurs vers leurs objectifs.
delight
Transformez les interfaces avec des micro-interactions agréables
Les interfaces fonctionnelles semblent souvent froides et mécaniques. Cette compétence ajoute des moments stratégiques de joie et de personnalité qui font sourire les utilisateurs tout en maintenant l'utilisabilité.
critique
Critiquez votre design
Obtenez des avis d'experts en UX qui identifient les modèles générés par IA, les problèmes de hiérarchie visuelle et des améliorations concrètes pour faire passer votre interface au niveau supérieur.
colorize
Ajoutez une Couleur Stratégique à Vos Designs
Transformez les interfaces grises et sans vie en expériences chaleureuses et engageantes. Cette compétence applique une théorie des couleurs intentionnelle pour améliorer la hiérarchie visuelle et le plaisir utilisateur.
clarify
Améliorer les textes UX peu clairs et les messages d'erreur
Un texte d'interface déroutant frustre les utilisateurs et augmente les coûts de support. Cette compétence transforme le jargon, les libellés ambigus et les messages d'erreur médiocres en un texte clair et convivial qui guide efficacement les utilisateurs.
bolder
Transformez les Designs Ennuyeux en Expériences Audacieuses
Arrêtez de vous contenter d'interfaces génériques et oubliables. Cette compétence aide Claude à créer des designs visuellement frappants qui captivent les utilisateurs tout en respectant les normes d'utilisabilité et d'accessibilité.
audit
Audit de la Qualité de l'Interface
Une mauvaise qualité d'interface nuit à l'expérience utilisateur et exclut les utilisateurs en situation de handicap. Cette compétence fournit un audit systématique couvrant l'accessibilité, les performances, le thème et le design responsive pour identifier les problèmes avant qu'ils n'atteignent la production.
arrange
Transformez les mises en page avec un espacement intentionnel et un rythme
Éliminez les grilles monotones et les espacements arbitraires. Cette compétence fournit une approche systématique pour créer une hiérarchie visuelle grâce à un espacement intentionnel, un rythme varié et des mises en page structurées qui guident l'œil vers l'essentiel.
animate
Ajouter des animations et micro-interactions intentionnelles
Les interfaces statiques semblent inachevées et manquent d'opportunités pour guider les utilisateurs. Cette compétence vous aide à ajouter stratégiquement du mouvement qui fournit un retour d'information, améliore la compréhension et crée des expériences agréables sans submerger les utilisateurs.
adapt
Adapter les conceptions pour tous les écrans et plateformes
Vous avez du mal à faire fonctionner votre conception sur mobile, tablette, bureau, impression ou e-mail ? Cette compétence vous guide pour adapter vos conceptions à différents contextes tout en maintenant la cohérence et la facilité d'utilisation.