← Produits

Design
⚙ Prérequis: un projet de site web + Node.js 22+ avec Playwright/…

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

L’essentiel
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.

Version :

@
Créé par : @adobe
⌁

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.