Locked design language + buildable UI/UX spec, no AI slop
Un skill DESIGN-SPEC qui n'écrit jamais d'UI de production — s'engager sur une esthétique audacieuse, bannir l'AI slop par son nom, verrouiller l'identité dans DESIGN.md, et remettre à un agent délégué une spec réalisable
- Quoi
- Un skill DESIGN-SPEC qui n'écrit jamais d'UI de production — s'engager sur une esthétique audacieuse, bannir l'AI slop par son nom, verrouiller l'identité dans DESIGN.md, et remettre à un agent délégué une spec réalisable
- Coût
- Gratuit
- Prérequis
- une fonctionnalité, un écran, ou un problème de design à spécifier (plus URLs d'inspiration optionnelles) — ce skill produit une spec de design sous .ulpi/design/, jamais du code UI de production
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — fiche courte (le repo ne déclare aucune licence, donc aucun contenu n'est reproduit) : le skill frontend-design-ui-ux de @ulpi-io — un skill DESIGN-SPEC avec des règles non négociables, pas un skill d'implémentation. Le workflow : découverte et inputs (utilisateurs cibles, objectif, contexte — demander une fois les URLs de référence), intake d'inspiration optionnel (visiter les liens avec le skill browse, extraire l'ADN de design, synthétiser — jamais cloner), lecture de design et direction esthétique (s'engager sur UNE direction nommée du menu anti-slop et passer le test du défaut contrefactuel), dériver et VERROUILLER le langage de design (palette en OKLCH, rôles typo, une seule échelle espacement/radius/motion, la Signature, la voix — écrit dans .ulpi/design/DESIGN.md, relu à chaque session), modéliser les flux et états (parcours principal plus états chargement/vide/erreur/cas limites dans .ulpi/design/<feature>.md), spécifier composants et règles d'interaction (variantes, props, états, responsive, accessibilité), exécuter la gate Design Pre-Flight (verrouillage d'identité, anti-slop, couverture d'états, auto-critique notée — corriger tout ce qui échoue), et finir avec un handoff de build (agent d'ingénierie cible + critères d'acceptation : « implémente exactement cette spec, NE redesign PAS »). Tout est écrit sous .ulpi/design/. Bémols honnêtes : produit des specs, jamais d'UI de production — confier le build à un agent d'ingénierie délégué ; la visite des liens d'inspiration nécessite le skill browse (se dégrade gracieusement sans) ; licence non déclarée par le repo source — fiche courte avec lien uniquement, rien copié. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : une fonctionnalité, un écran, ou un problème de design à spécifier (plus URLs d'inspiration optionnelles) — ce skill produit une spec de design sous .ulpi/design/, jamais du code UI de production Installe-moi « Langage de design verrouillé + spec UI/UX réalisable, zéro AI slop ». Il donne à mon agent le skill DESIGN-SPEC frontend-design-ui-ux de @ulpi-io : les règles non négociables, la découverte et l'intake d'inspiration, l'engagement sur une direction esthétique audacieuse avec le menu anti-slop, la dérivation et le verrouillage du langage de design dans DESIGN.md, la modélisation des flux et états, la spécification des composants avec accessibilité, l'exécution de la gate Design Pre-Flight, et la remise du brief de build à un agent délégué. IMPORTANT : le repo ne déclare aucune licence — récupérer depuis le lien seulement, et ne rien reproduire au-delà du lien. Dépôt : https://github.com/ulpi-io/skills/blob/main/frontend-design-ui-ux/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é « frontend-design-ui-ux ». 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. décrire la fonctionnalité ou le problème de design ; ce skill n'écrit jamais d'UI — remettre sa spec à un agent d'ingénierie pour le build). 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.