husheng-web/personal-website-skills

Préparer, optimiser et enregistrer les images et documents du portfolio tout en préservant la provenance, l'accessibilité et les contrats de rendu responsif.

Qu'est-ce que personal-website-skills ?

Cette compétence permet de transformer en toute sécurité des médias approuvés en ressources prêtes pour le site web. Elle inspecte les conventions du répertoire de médias existant et toutes les références de code/données avant de renommer, remplacer ou convertir un actif. Elle enregistre la provenance de la source, l'état d'approbation, le rôle du média, les dimensions d'origine, le format cible et l'utilisation responsive prévue. La compétence s'assure que les chemins résolvent dans la build de production, que les images se chargent sans distorsion, que la qualité visuelle est adéquate à la plus grande taille rendue, et que les images décoratives sont correctement marquées plutôt que dotées d'un texte alternatif trompeur. Elle ne remplace jamais le matériel de projet factuel par des images générées, n'implique pas de droits à partir d'une possession locale et ne supprime pas les originaux dans le cadre d'une optimisation de routine.

Compatible avec~Claude Code~Codex CLI~Cursor

npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-media-asset-ops

Documentation

Opérations sur les actifs médias du portfolio

Convertir en toute sécurité des médias approuvés en ressources prêtes pour le site web.

Flux de travail

Inspecter les conventions du répertoire de médias existant et toutes les références de code/données avant de renommer, remplacer ou convertir un actif.
Enregistrer la provenance de la source, l'état d'approbation, le rôle du média, les dimensions d'origine, le format cible et l'utilisation responsive prévue.
Utiliser le dérivé optimisé le plus petit et approprié tout en conservant l'actif source approuvé, sauf si l'utilisateur autorise explicitement la suppression.
Mettre à jour toutes les références de registre/contenu, les dimensions et le texte alternatif localisé requis simultanément.

Vérifications

Vérifier que les chemins résolvent dans la build de production, que les images se chargent sans distorsion, que la qualité visuelle est adéquate à la plus grande taille rendue et que les images décoratives sont correctement marquées plutôt que dotées d'un texte alternatif trompeur. Tester le comportement de recadrage pour les actifs de couverture en version desktop et mobile.

Limite

Ne jamais remplacer le matériel de projet factuel par des images générées, n'impliquer aucun droit à partir d'une possession locale et ne pas supprimer les originaux dans le cadre d'une optimisation de routine.