frontend-design-fix-html

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 Claude améliore automatiquement les conceptions de composants React génériques en appliquant des améliorations esthétiques sur la typographie, les couleurs, les animations, la composition spatiale et les arrière-plans. Elle analyse les composants existants pour identifier les motifs insipides, puis les améliore systématiquement en utilisant le framework de conception d'Anthropic. Utilisez cette compétence lorsque vous avez besoin de transformer rapidement des interfaces React basiques en interfaces visuellement distinctives sans travail de conception manuel.

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.