MCP HubMCP Hub
Retour aux compétences

frontend-design-fix-svelte

matteocervelli
Mis à jour 28 days ago
150 vues
10
10
Voir sur GitHub
Autredesign

À propos

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.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add matteocervelli/llms -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/matteocervelli/llms
Git CloneAlternatif
git clone https://github.com/matteocervelli/llms.git ~/.claude/skills/frontend-design-fix-svelte

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

matteocervelli/llms
Chemin: frontend-design-system/skills/_archive/frontend-design-fix-svelte
0

Compétences associées

frontend-design-fix-vue

Autre

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.

Voir la compétence

frontend-design-fix-react

Autre

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.

Voir la compétence

frontend-design-fix-html

Autre

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.

Voir la compétence

content-collections

Méta

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.

Voir la compétence