Impact designer — distinctive production-grade frontend interfaces
Construire des UI web marquantes et mémorables avec une direction esthétique délibérée — protocole de design thinking, tons extrêmes, règles anti-slop IA et prompts de recadrage créatif
- Quoi
- Construire des UI web marquantes et mémorables avec une direction esthétique délibérée — protocole de design thinking, tons extrêmes, règles anti-slop IA et prompts de recadrage créatif
- Coût
- Gratuit
- Prérequis
- un projet frontend ou une demande d'UI sur laquelle l'appliquer — le skill est un guide de design que l'agent suit, pas un logiciel à installer
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill impact-designer de @bencium (basé sur le skill Frontend Designer d'Anthropic) : construire des interfaces frontend distinctives de qualité production qui évitent les esthétiques « AI slop » génériques. Philosophie de base : comprendre le contexte d'abord (but, ton, contraintes, ce qui rendra le résultat inoubliable), puis s'ENGAGER AUDACIEUSEMENT dans une direction esthétique. Fournit un énorme menu d'options de ton (brutalement minimal, rétro-futuriste, brutaliste, art déco, argile/3D douce, noir cinématique, calme nordique, exposition muséale, plan d'architecte…), des principes de design fondamentaux (typographie distinctive — jamais Inter/Roboto/Arial/Space Grotesk par défaut ; couleur cohésive avec accents tranchants ; mouvement délibéré ; composition spatiale inattendue ; arrière-plans atmosphériques), une liste de patterns anti-génériques (pas de bleu SaaS, pas de dégradés violets sur blanc, pas de glass morphism, pas de look « généré par Claude »), des sources d'inspiration (Awwwards, FWA, Codrops, références de studios), des prompts de recadrage créatif (« Que ferait Sagmeister ? », « Et si c'était une exposition de musée ? »), un protocole anti-uniformité (tirer aux dés la température de couleur, la mise en page, la personnalité typographique, le mouvement, la densité), et une checklist d'implémentation (gradient meshes, grain overlays, ombres dramatiques, curseurs custom). Bémols honnêtes : guidance + processus créatif, pas d'outillage — l'agent écrit le code ; chevauchement avec d'autres fiches design ici (variantes frontend-design d'Anthropic, cline-skills-frontend-design, affaan-m-ecc-frontend-design) — même artisanat, auteurs différents. 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 projet frontend ou une demande d'UI sur laquelle l'appliquer — le skill est un guide de design que l'agent suit, pas un logiciel à installer Installe-moi « Designer d'impact — interfaces frontend distinctives de qualité production ». Il donne à mon agent le workflow impact-design de @bencium (basé sur le skill Frontend Designer d'Anthropic) : comprendre le contexte d'abord, puis s'engager audacieusement dans une direction esthétique choisie dans un large menu de tons (minimal, rétro-futuriste, brutaliste, art déco, argile 3D, noir…) ; typographie distinctive, couleur cohésive, mouvement délibéré, composition inattendue, arrière-plans atmosphériques ; règles anti-patterns génériques (pas de bleu SaaS, pas de dégradés violets, pas de glass morphism) ; sources d'inspiration, prompts de recadrage créatif, protocole anti-uniformité aux dés, et checklist d'implémentation. Licence MIT. Dépôt : https://github.com/bencium/bencium-marketplace/blob/main/bencium-impact-designer/skills/bencium-impact-designer/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é « bencium-impact-designer ». 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 l'UI à construire ou repenser ; rien d'autre — c'est une méthodologie). 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.