Elite Frontend Image Direction Skill for Muse
Générez des interfaces web frontend via un flux de génération d'images.
- Quoi
- Générez des interfaces web frontend via un flux de génération d'images.
- Coût
- Gratuit
- Prérequis
- rien au-delà de l'outillage skill standard — mais ce skill produit de la génération d'images, donc il faut un environnement Muse capable de générer des images (plusieurs par page ; une page complète peut signifier 6 à 12 appels d'image). Aucun service externe ni compte.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Direction artistique frontend pour génération d'images avec une règle d'airain : une image horizontale séparée par section de site, jamais compressées en une seule grande tranche. Impose un moteur de variation combinatoire (paradigme de thème, mode de fond, caractère typographique, architecture hero, système de sections), une correspondance brief→direction (minimaliste / éditorial / cinématique / SaaS / agence / e-commerce), une structure consciente de la conversion, une seule palette disciplinée sur toutes les images, et une checklist anti-AI-slop exhaustive (pas de dégradés violets par défaut, pas de héros texte-gauche/image-droite clonés, pas de faux bandeaux KPI). Chaque image générée est censée être une référence implémentable à partir de laquelle un développeur ou un modèle de code peut construire. Découvert via skills.sh. Note honnête : il faut un environnement Muse capable de générer des images ; une page complète de 8 sections = 8 appels d'image, ce qui consomme du budget de génération — et ce sont des maquettes de design, pas du code de production. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié.
Sélectionné par Skill Harbor — skill gratuit et open-source (MIT) par @leonxlnx.
Version :
Installation
Prérequis : rien au-delà de l'outillage skill standard — mais ce skill produit de la génération d'images, donc il faut un environnement Muse capable de générer des images (plusieurs par page ; une page complète peut signifier 6 à 12 appels d'image). Aucun service externe ni compte. Installe-moi « Skill direction d'image frontend pour Muse ». Images de référence de design web premium : une image horizontale par section, moteur de variation de composition, correspondance brief→direction, règles anti-AI-slop, maquettes implémentables. Dépôt : https://github.com/leonxlnx/taste-skill 1. Récupérez le fichier SKILL.md du skill « imagegen-frontend-web » (et tout fichier auxiliaire) depuis le dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez le SKILL.md et les scripts pour tout contenu 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é, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « imagegen-frontend-web ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. confirmer que la génération d'images est disponible ; décrire le type de site et le nombre de sections souhaité). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-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.