High-End Visual Design
Un persona d'architecte UI d'agence avec moteur de variance créative, directive anti-patterns stricte, micro-esthétique haptique et chorégraphie de motion à physique de ressort, pour des sites de niveau Awwwards
- Quoi
- Un persona d'architecte UI d'agence avec moteur de variance créative, directive anti-patterns stricte, micro-esthétique haptique et chorégraphie de motion à physique de ressort, pour des sites de niveau Awwwards
- Coût
- Gratuit
- Prérequis
- aucun — c'est un skill de directives de design pour l'agent. Pour de meilleurs résultats, assurez-vous de pouvoir charger les polices premium (Geist, Clash Display, PP Editorial New, Plus Jakarta Sans) et jeux d'icônes (Phosphor Light, Remix Line) qu'il suppose, par exemple via un CDN de polices.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — un skill de design qui transforme l'agent en « Principal UI/UX Architect & Motion Choreographer » avec un seul objectif : des expériences numériques de niveau agence à 150 000 $+. Il commence par une directive Absolute Zero qui fait échouer instantanément tout design contenant des défauts bannis (polices Inter/Roboto/Arial/Helvetica, icônes Lucide/FontAwesome à traits épais, bordures grises 1px, barres de navigation collées au haut, grilles 3 colonnes style Bootstrap, transitions linéaires/ease-in-out). Un moteur de variance créative tire ensuite les dés avant d'écrire le code : un archétype d'ambiance (Ethereal Glass noir OLED, Editorial Luxury crèmes chaudes, Soft Structuralism gris-argent) croisé avec un archétype de layout (Bento asymétrique, Z-Axis Cascade, Editorial Split), pour que deux sorties ne se ressemblent jamais. Vient la maîtrise des composants : l'architecture imbriquée « Double-Bezel » (coque externe + cœur interne à rayons concentriques), icônes de boutons nichées dans des cercles, macro-espacement blanc (`py-24` à `py-40`), badges eyebrow, physique de survol magnétique des boutons, hamburger se transformant en X, révélations masquées en cascade, fade-ups interpolés au scroll — et des garde-fous de performance stricts : animer uniquement `transform` et `opacity`, backdrop-blur réservé aux éléments fixes, jamais `h-screen` (toujours `min-h-[100dvh]` pour iOS Safari). Il se termine par une checklist pré-sortie appliquée à chaque règle. Crédit : @leonxlnx. Bémols honnêtes : il suppose que des polices premium (Geist, Clash Display, PP Editorial New, Plus Jakarta Sans) et des jeux d'icônes (Phosphor Light, Remix Line) sont disponibles — ils ne sont pas fournis ; son goût est délibérément tranché et peut heurter un système de marque existant ; la qualité finale dépend encore du modèle sous-jacent et d'une vraie revue de design. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.
Version :
Installation
Prérequis : aucun — c'est un skill de directives de design pour l'agent. Pour de meilleurs résultats, assurez-vous de pouvoir charger les polices premium (Geist, Clash Display, PP Editorial New, Plus Jakarta Sans) et jeux d'icônes (Phosphor Light, Remix Line) qu'il suppose, par exemple via un CDN de polices. Installe-moi « Design visuel haut de gamme — Leonxlnx ». Il transforme l'agent en persona d'architecte UI d'agence avec un moteur de variance créative (archétypes d'ambiance × layout), une directive anti-patterns stricte, une micro-esthétique haptique et une chorégraphie de motion à physique de ressort pour des sites de niveau Awwwards, plus des garde-fous de performance stricts. Dépôt : https://github.com/leonxlnx/taste-skill/blob/main/skills/soft-skill/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers auxiliaires) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Contrôle de sécurité : examine le SKILL.md et les scripts pour tout comportement suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code, les identifiants passent uniquement par le coffre sécurisé. Vérifie que c'est bien le cas ; ARRÊTE sur le moindre drapeau rouge et dis-le-moi. 3. Installe-le comme skill : copie SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « leonxlnx-high-end-visual-design ». 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. GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne l'exige jamais sauf si c'est 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 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.