frontend-design-fix-react

Cette compétence améliore automatiquement les conceptions de composants Vue génériques en appliquant des améliorations systématiques à la typographie, aux couleurs, aux animations, à la composition spatiale et aux arrière-plans. Elle analyse les fichiers Vue existants pour identifier les motifs fades et les transforme en interfaces distinctives en utilisant le framework de conception d'Anthropic. Utilisez-la lorsque vous avez besoin de moderniser rapidement l'esthétique visuelle de vos composants Vue au-delà d'un style basique.

Cette compétence transforme des conceptions HTML/CSS génériques en appliquant des améliorations esthétiques à la typographie, la couleur, l'animation, la composition spatiale et les arrière-plans. Elle analyse le code existant pour identifier les motifs fades et les améliore systématiquement en utilisant le framework de conception d'Anthropic. Utilisez-la lorsque vous avez besoin d'élever rapidement des conceptions frontend basiques en interfaces visuellement plus distinctives.

Cette compétence améliore automatiquement les conceptions de composants Svelte génériques en appliquant des améliorations esthétiques sur cinq dimensions clés : la typographie, la couleur, le mouvement, la composition spatiale et les arrière-plans. Elle analyse les composants existants, identifie les anti-patrons de conception et les transforme systématiquement en interfaces visuellement plus distinctives. Utilisez-la lorsque vous avez besoin d'améliorer rapidement l'attrait visuel de composants Svelte fades dans votre projet.

Cette compétence propose une configuration éprouvée en production pour Content Collections, un outil axé sur TypeScript qui transforme des fichiers Markdown/MDX en collections de données typées de manière sûre avec une validation Zod. Utilisez-la lors de la création de blogs, de sites de documentation ou d'applications Vite + React riches en contenu pour garantir la sécurité de typage et la validation automatique du contenu. Elle couvre tout, de la configuration du plugin Vite et de la compilation MDX à l'optimisation des déploiements et la validation des schémas.