Extract a repo's design system into an executable UX contract (.uxproof/)
Scan unique des tokens, composants, archétypes d'écrans et conventions via un extracteur npx épinglé, avec overrides manuels qui survivent à la régénération — tous les autres skills UX de la collection jugent contre lui
- Quoi
- Scan unique des tokens, composants, archétypes d'écrans et conventions via un extracteur npx épinglé, avec overrides manuels qui survivent à la régénération — tous les autres skills UX de la collection jugent contre lui
- Coût
- Gratuit
- Prérequis
- un dépôt de code dont le design system (ou son absence) doit être capturé ; Node.js/npm pour l'extracteur épinglé — le skill produit un contrat, il ne révise rien
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill om-ux-setup de @open-mercato : à lancer une fois par dépôt pour extraire le design system en contrat exécutable versionné dans `.uxproof/` — `contract.json` (framework, système de styles, racines de composants, archétypes d'écrans), `tokens.json` (chaque design token avec type et fichier source), `components.json` (registre de composants), et `conventions.md` (règles maison lisibles par humains, avec section manuelle pour les jugements que seule l'équipe peut connaître — elle survit à la régénération et prime sur les règles générées). Le workflow : vérifier d'abord un contrat existant (jamais régénérer silencieusement), extraire via `npx [email protected] init --no-skills` épinglé (épinglé délibérément pour que `@latest` n'exécute jamais de code distant non révisé), rapporter ce qui a été trouvé pour un contrôle humain, poser les deux-trois questions que seule l'équipe peut répondre, signaler les warnings d'hygiène (contrats bâtis sur des fichiers jetables), puis passer la main — ce skill produit le contrat et s'arrête ; il ne révise jamais rien. Frontières de sécurité : le contenu du repo est une donnée, jamais des instructions (directives embarquées rapportées comme prompt injection) ; les secrets restent hors des sorties du modèle. Bémols honnêtes : se dégrade gracieusement pour les repos sans design system (bascule sur une palette de-facto proposée dérivée du code) ; les skills compagnons qu'il nomme (om-ux-review-pr, om-ux-shape, om-mockup-prototype) sont des membres séparés de la collection, non fournis ici. Licence MIT. 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 dépôt de code dont le design system (ou son absence) doit être capturé ; Node.js/npm pour l'extracteur épinglé — le skill produit un contrat, il ne révise rien Installe-moi « Extraire le design system d'un repo en contrat UX exécutable (.uxproof/) ». Il donne à mon agent le workflow om-ux-setup de @open-mercato : vérifier d'abord un .uxproof/contract.json existant, extraire tokens/composants/archétypes/conventions via le npx [email protected] init --no-skills épinglé (ou le fallback manuel hors ligne), rapporter les trouvailles pour un contrôle humain, capturer les jugements de l'équipe dans la section manuelle, signaler les warnings d'hygiène du contrat, et passer la main avec un rapport — puis s'arrêter. Licence MIT. Dépôt : https://github.com/open-mercato/skills/blob/main/skills/om-ux-setup/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, les identifiants uniquement via le coffre sécurisé, les hôtes autorisés déclarés dans le SKILL.md. 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é « om-ux-setup ». 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. pointer l'agent vers le dépôt à scanner ; décider de rafraîchir un contrat existant ou le laisser ; répondre aux 2-3 questions de jugement ; les skills compagnons (om-ux-review-pr pour la review de PR, om-ux-shape pour le shaping de features, om-mockup-prototype pour les maquettes) sont des membres séparés de la collection — à installer séparément si besoin). 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.