Redesign Existing Projects
Workflow d'audit et d'amélioration pour sites et apps existants — diagnostique les patterns IA génériques (dégradés violets, Inter partout, rangées de 3 cartes) et applique des améliorations ciblées sans tout réécrire
- Quoi
- Workflow d'audit et d'amélioration pour sites et apps existants — diagnostique les patterns IA génériques (dégradés violets, Inter partout, rangées de 3 cartes) et applique des améliorations ciblées sans tout réécrire
- Coût
- Gratuit
- Prérequis
- un site ou une app existants que l'agent peut lire et modifier — n'importe quelle stack (Tailwind, CSS vanilla, styled-components…) ; le skill travaille avec l'existant, jamais de migration de framework.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — un skill de refonte qui hisse les sites et apps existants au niveau premium sans les réécrire. Le workflow est scan → diagnose → fix : lire le codebase (framework, méthode de style, patterns actuels), lancer un audit de design détaillé, puis appliquer des améliorations ciblées avec la stack existante. L'audit est le cœur — des dizaines de diagnostics précis couvrant la typographie (polices par défaut du navigateur ou Inter partout, headlines sans présence, sous-titres tout en capitales, mots orphelins), les couleurs et surfaces (fonds noir pur, accents sursaturés, accents multiples en concurrence, l'empreinte « dégradé IA » violet/bleu, box-shadows génériques, sections sombres aléatoires dans une page claire), le layout (tout centré, la rangée de 3 cartes générique, bugs `100vh` sur mobile, cartes forcées à hauteur égale, border-radius uniforme, manque d'espacement), l'interactivité et les états (pas de feedback hover/actif, transitions instantanées, focus rings absents, pas d'états de chargement/vide/erreur, liens morts `#`, animations `top`/`left`), le contenu (clichés IA comme « Elevate » et « Seamless », lorem ipsum, fausses stats `99.99%`, messages d'erreur « Oops! »), l'iconographie (Lucide partout, clichés fusée-pour-lancement, épaisseurs de traits incohérentes), et la qualité du code (div soup, pixels codés en dur, alt text manquant, imports hallucinés). Les correctifs suivent un ordre de priorité — échange de police d'abord (plus gros impact, moindre risque), puis nettoyage de palette, états hover, layout, remplacement de composants, états, et polissage typographique — plus une banque de techniques d'amélioration (grilles brisées, entrées en cascade, physique de ressort, bordures spotlight, overlays de grain) et des règles strictes : jamais de migration de framework, jamais casser une fonctionnalité, vérifier Tailwind v3 vs v4 avant de toucher la config. Crédit : @leonxlnx. Bémols honnêtes : il améliore l'existant — les architectures profondément datées méritent toujours une vraie refonte ; les correctifs sont des suggestions priorisées, et il faut tester après chaque changement ; il n'ajoute ni fonctionnalités ni contenu manquants. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Prérequis : un site ou une app existants que l'agent peut lire et modifier — n'importe quelle stack (Tailwind, CSS vanilla, styled-components…) ; le skill travaille avec l'existant, jamais de migration de framework. Installe-moi « Refonte de projets existants — Leonxlnx ». Un workflow d'audit et d'amélioration : scanner le codebase, diagnostiquer les patterns IA génériques via un audit de design détaillé (typographie, couleur, layout, états, contenu, iconographie, qualité du code), puis appliquer des améliorations ciblées par ordre de priorité sans tout réécrire. Dépôt : https://github.com/leonxlnx/taste-skill/blob/main/skills/redesign-skill/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers auxiliaires) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md et les scripts pour tout comportement suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code, les identifiants passent uniquement par le coffre sécurisé. Vérifie que c'est bien le cas ; ARRÊTE sur le moindre drapeau rouge et dis-le-moi. 3. Installe-le comme skill : copie SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « leonxlnx-redesign-existing-projects ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même. GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne l'exige jamais sauf si c'est dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.