106.9K+Télécharger
Aller au guide d’utilisation
Better Iconspar better-auth

Better Icons Skill.

Trouvez une icône existante et récupérez son SVG à partir d’un identifiant de bibliothèque vérifié.

  • Recherche d’icônes
  • SVG
Télécharger OpenDesignVoir le guide d'utilisation
Analyse de la source · better-iconsSKILL.md
Tâche Trouvez une icône existante et récupérez son SVG à partir d’un identifiant de bibliothèque vérifié. Résultats Une sélection d’identifiants d’icônes correspondant aux concepts demandés. Avant de commencer Ce workflow récupère des ressources de bibliothèques ; il ne décrit pas un processus de création de logo original.
Synthèse éditoriale · source examinée le 2026-11-02 · pas un exemple généré

01 Fonctionnement

Trouver une icône existante et récupérer son SVG à partir d’un identifiant vérifié

Recherchez dans les collections Iconify, comparez les styles et récupérez des ressources SVG avec la CLI Better Icons ou les outils MCP.

Flux de travail fondé sur la sourcePas un benchmark d'exécution

La méthode de travail

Better Icons donne à un agent une méthode concrète pour trouver et récupérer des icônes dans les collections Iconify. Les termes de recherche peuvent être restreints par un préfixe de collection et chaque résultat possède un identifiant explicite tel que lucide:home. Le Skill prend en charge la récupération SVG avec des options de taille et de couleur, pour transformer une demande vague en choix de ressource traçable.

Cette même capacité est accessible par des commandes et des outils MCP. L’interface MCP comprend l’exploration des collections, la recherche d’icônes similaires, les recommandations, l’analyse de projet et la synchronisation. Elle est utile pour construire ou harmoniser une interface dont les icônes doivent appartenir à une famille cohérente.

Livrables attendus

  • Une sélection d’identifiants d’icônes correspondant aux concepts demandés.
  • Des ressources SVG récupérées à la taille et dans la couleur demandées.
  • Une correspondance des icônes ou une intégration au projet via le workflow pris en charge choisi.
Voir l'exemple de brief

Du brief à la revue

  1. 01
    Définir la famille d’icônes

    Examinez les icônes existantes et identifiez les concepts à représenter. Choisissez un préfixe de collection lorsque le design possède déjà un langage visuel cohérent.

  2. 02
    Rechercher et comparer

    Recherchez par sens et examinez les identifiants renvoyés. Les outils MCP peuvent aussi parcourir des collections, recommander des icônes pour un usage ou trouver des symboles similaires entre bibliothèques.

  3. 03
    Récupérer les ressources choisies

    Récupérez les SVG par leurs identifiants prefix:name. Définissez volontairement taille et couleur, puis enregistrez ou synchronisez uniquement les icônes sélectionnées à l’emplacement prévu du projet.

02 Cas d’usage

Quand l’utiliser

Ce workflow récupère des ressources de bibliothèques ; il ne décrit pas un processus de création de logo original.

Un bon choix

  • Choisir les icônes d’interfaceTrouvez des icônes de navigation, d’action ou d’état adaptées à une collection existante choisie.
  • Harmoniser les icônesExaminez les icônes d’un projet et remplacez les choix incohérents grâce à une correspondance documentée.

Limites à vérifier

  • Des graphismes existantsCe workflow récupère des ressources de bibliothèques ; il ne décrit pas un processus de création de logo original.
  • Disponibilité des outilsLa CLI ou l’intégration MCP doit être disponible ; la récupération utilise l’API Iconify.

Éléments à fournir

  • ConceptsIndiquez les actions, destinations ou états que les icônes doivent représenter.
  • Préférence de collectionPrécisez un préfixe ou une préférence pour des icônes en contour, pleines ou sans restriction de style.
  • Exigences de sortieIndiquez la destination, les dimensions, la couleur et le framework d’intégration pris en charge.

03 Décisions importantes

Les décisions importantes

  1. Une sélection traçable

    Chaque ressource choisie possède un identifiant concret prefix:name.

  2. Une récupération cohérente

    La couleur et la taille peuvent être spécifiées lors de la récupération.

  3. Intégration aux agents

    Les outils MCP couvrent la recherche, la récupération par lots et l’analyse des icônes du projet.

04 Exemple de brief

Essayez un brief ciblé

L'exemple de brief ci-dessous n'a pas été testé. Vérifiez la configuration du skill avant de l'utiliser.

Examiner la source et la configuration

Indiquez les actions, destinations ou états que les icônes doivent représenter.

Fichier source amont
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md

La référence ci-dessous ouvre les instructions d’origine. Consultez la configuration du dépôt avant de les utiliser ; ce n’est pas une commande d’installation.

Commencer par un seul livrable

Adaptez le périmètre, les sources et les contraintes de ce brief avant d’exécuter le skill.

Exemple de brief
Utilise better-icons pour choisir les icônes de navigation de notre projet : vue d’ensemble, activité, membres, facturation et paramètres. Examine la famille déjà utilisée dans le dépôt avant de chercher. Privilégie des icônes en contour cohérentes de cette collection et renvoie l’identifiant exact prefix:name de chaque choix. Récupère les SVG sélectionnés en 24 pixels avec currentColor et place-les dans le répertoire de ressources défini. Garde une correspondance entre libellé de navigation et identifiant d’icône. Ne remplace pas d’autres icônes et n’installe pas de nouveau système d’icônes global pour cette étape.

Inspecter le résultat

Comparez le résultat réel à ces critères observables.

  • Chaque identifiant choisi correspond au SVG attendu.
  • L’ensemble présente un style, une taille et une gestion des couleurs cohérents.
  • Seuls les fichiers de ressources et d’intégration convenus ont changé.

OpenDesign fournit un espace de travail de design local pour les agents de code. Cette fiche ne signifie pas que le skill est fourni avec ses outils externes, ses identifiants et ses dépendances logicielles.

Télécharger OpenDesignLire le guide de démarrage rapide

05 Source et licence

Source et licence

Cette page décrit la révision source figée liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source
better-auth
Dépôt
better-auth/better-icons
Fichier du skill
SKILL.md
Licence
MIT
Version examinée
2026-11-02 · 033316ecb8f4

Notes de lecture

  1. Portée de la licenceLe texte LICENSE du dépôt a été vérifié pour la révision fixée ; l’inventaire complet des noms de fichiers de l’archive n’a révélé aucun fichier LICENSE/COPYING/NOTICE plus spécifique sous le chemin de ce Skill. La classification concerne la source d’origine examinée, pas les résultats générés ni les dépendances tierces. Les collections d’icônes récupérées peuvent avoir leurs propres licences ; la déclaration MIT de ce dépôt ne détermine pas la licence de chaque icône renvoyée par Iconify.
Résumé éditorial de la source
Trouvez une icône existante et récupérez son SVG à partir d’un identifiant de bibliothèque vérifié.

Résumé original de OpenDesign, fondé sur la source liée. Les étoiles du dépôt sont un indicateur de popularité daté, pas une mesure d'utilisation du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

Comment les icônes sont-elles identifiées ?

Le format prefix:name combine l’identifiant d’une collection et le nom d’une icône.

Peut-il récupérer plusieurs icônes ?

Oui. La CLI peut télécharger les résultats comme SVG ; l’opération MCP documentée get_icons accepte jusqu’à 20 identifiants par requête. Sélectionnez et vérifiez les identifiants avant un lot afin qu’une recherche large n’ajoute pas de ressources indésirables.

MCP est-il obligatoire ?

Non. La source documente aussi la recherche et la récupération en ligne de commande avec des options d’exécution via npm ou Bun.

OpenDesign

Gardez votre brief et votre travail de design au même endroit.

Gardez votre brief, vos sources et votre travail de design ensemble dans un espace de travail local. Vérifiez la configuration propre au skill avant de l'ajouter à votre flux de travail.

Télécharger OpenDesignParcourir les skills de design
Fichier source amont
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md