Reskin — rebuild a site's pages with byte-faithful content on a donor design system
Reconstruire les pages d'un site existant avec un contenu fidèle à l'octet (texte, images ordonnées, métadonnées SEO) sur un design system donneur défini séparément — vérifié par égalité d'octets, pages générées par programme, jamais retapées
- Quoi
- Reconstruire les pages d'un site existant avec un contenu fidèle à l'octet (texte, images ordonnées, métadonnées SEO) sur un design system donneur défini séparément — vérifié par égalité d'octets, pages générées par programme, jamais retapées
- Coût
- Gratuit
- Prérequis
- un projet de site web + Node.js 22+ avec Playwright/Chromium installé, playwright-cli sur le PATH, et le skill impeccable installé à côté des skills stardust (voir la note de compatibilité)
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill reskin de @adobe (chaîne Stardust) : reconstruire les pages d'un site existant pour que chaque octet visible de contenu survive — texte visible normalisé, ensemble ordonné des images visibles, report complet des métadonnées SEO — pendant que toute la surface provient des tokens et modules d'un design donneur (un autre site live, ou des prototypes HTML statiques locaux ; les donneurs Figma sont définis au contrat mais pas encore implémentés). La règle décisive : la page est générée par programme depuis le modèle de contenu capturé — les chaînes ne sont jamais retapées ; la fidélité à l'octet est alors garantie par construction et la barrière devient un test de régression. Six phases : ingestion du donneur (feuille de tokens curée et contrôlable + vocabulaire de modules énumérés, en épinglant une page de référence par famille de modules), capture byte-orientée du modèle de contenu (déclaration de scope obligatoire, registre de normalisation exécutable), brief de mapping (≥80 % des slots de contenu mappés sur des modules donneurs nommés), rendu programmatique depuis le flux ordonné du modèle, trois familles de barrières (égalité d'octets du contenu, sonde d'adoption du design, santé), puis relais vers les skills migrate/deploy existants. Bémols honnêtes : installation lourde — requiert Node 22+, Playwright avec Chromium, playwright-cli sur le PATH, et le skill impeccable installé à côté ; ni pour redesigner depuis l'intention ni pour migrer en gardant le design actuel (ce sont les flows frères extract/replica). Licence Apache-2.0. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet de site web + Node.js 22+ avec Playwright/Chromium installé, playwright-cli sur le PATH, et le skill impeccable installé à côté des skills stardust (voir la note de compatibilité) Installe-moi « Reskin — reconstruire les pages d'un site avec un contenu fidèle à l'octet sur un design system donneur ». Il donne à mon agent le workflow reskin Stardust de @adobe : capturer un design system donneur dans une feuille de tokens curée et un vocabulaire de modules (en épinglant une page de référence par famille de modules), capturer un modèle de contenu byte-orienté de chaque page (déclaration de scope obligatoire + registre de normalisation exécutable), rédiger un brief de mapping avec ≥80 % des slots mappés sur des modules donneurs, générer les pages par programme depuis le flux ordonné du modèle (sans jamais retaper le contenu), et passer trois familles de barrières — égalité d'octets du contenu, sonde d'adoption du design, et santé — avant de relayer vers migrate/deploy. Licence Apache-2.0. Dépôt : https://github.com/adobe/skills/blob/main/plugins/stardust/skills/reskin/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « reskin ». 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 (p. ex. vérifier les prérequis Node 22+/Playwright/impeccable ; noter que les donneurs Figma ne sont pas encore implémentés — utiliser un donneur URL live ou des prototypes HTML statiques). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure 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-toi 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.