106.9K+Download
Zur Nutzungsanleitung springen
Better Iconsvon better-auth

Better Icons Skill.

Finden Sie ein vorhandenes Icon und rufen Sie sein SVG über eine geprüfte Bibliotheks-ID ab.

  • Icon-Suche
  • SVG
OpenDesign herunterladenNutzungsanleitung ansehen
Quellenprüfung · better-iconsSKILL.md
Aufgabe Finden Sie ein vorhandenes Icon und rufen Sie sein SVG über eine geprüfte Bibliotheks-ID ab. Ergebnis Eine Auswahlliste konkreter Icon-IDs passend zu den angefragten Begriffen. Bevor Sie beginnen Dieser Workflow ruft vorhandene Bibliotheksgrafiken ab; er beschreibt keinen Prozess zur Gestaltung eines eigenständigen Logos.
Redaktionelle Zusammenfassung · Quelle geprüft 2026-11-02 · kein generiertes Beispiel

01 Funktionen

Vorhandene Icons finden und SVGs über geprüfte Bibliotheks-IDs abrufen

Durchsuchen Sie Iconify-Sammlungen, vergleichen Sie Icon-Stile und rufen Sie SVG-Dateien über die Better Icons CLI oder MCP-Werkzeuge ab.

Quellenbasierter WorkflowKein Ausführungs-Benchmark

Die Arbeitsweise

Better Icons gibt einem Agenten einen konkreten Weg, Icons in Iconify-Sammlungen zu finden und abzurufen. Suchbegriffe lassen sich durch ein Sammlungspräfix eingrenzen. Jedes Ergebnis besitzt eine eindeutige Kennung wie lucide:home. Der Skill unterstützt den SVG-Abruf mit Größen- und Farboptionen und macht so aus einer vagen Icon-Anfrage eine nachvollziehbare Auswahl.

Die gleichen Möglichkeiten stehen über Befehlszeilenoperationen und MCP-Werkzeuge zur Verfügung. Die MCP-Schnittstelle umfasst das Durchsuchen von Sammlungen, die Suche nach ähnlichen Icons, Empfehlungen, Projektscans und Synchronisierung. Das ist beim Aufbau oder der Bereinigung einer Oberfläche hilfreich, deren Icons aus einer einheitlichen Familie stammen sollen.

Erwartete Ergebnisse

  • Eine Auswahlliste konkreter Icon-IDs passend zu den angefragten Begriffen.
  • SVG-Dateien in der gewünschten Größe und Farbe.
  • Eine Icon-Zuordnung oder Projektintegration über den gewählten unterstützten Workflow.
Beispiel-Briefing ansehen

Vom Briefing zur Prüfung

  1. 01
    Die Icon-Familie festlegen

    Prüfen Sie die bereits verwendeten Icons und bestimmen Sie die darzustellenden Begriffe. Wählen Sie ein Sammlungspräfix, wenn das Design bereits eine einheitliche visuelle Sprache besitzt.

  2. 02
    Suchen und vergleichen

    Suchen Sie nach Bedeutung und prüfen Sie die zurückgegebenen IDs. Die MCP-Werkzeuge können außerdem Sammlungen durchsuchen, Icons für einen Anwendungsfall empfehlen oder ähnliche Symbole in verschiedenen Bibliotheken finden.

  3. 03
    Die ausgewählten Dateien abrufen

    Rufen Sie SVGs über ihre Kennungen im Format prefix:name ab. Legen Sie Größe und Farbe bewusst fest und speichern oder synchronisieren Sie anschließend nur die ausgewählten Icons am vorgesehenen Projektort.

02 Einsatzbereiche

Wann der Skill sinnvoll ist

Dieser Workflow ruft vorhandene Bibliotheksgrafiken ab; er beschreibt keinen Prozess zur Gestaltung eines eigenständigen Logos.

Gut geeignet

  • Icons für Oberflächen auswählenFinden Sie Navigations-, Aktions- oder Status-Icons, die zu einer ausgewählten bestehenden Sammlung passen.
  • Einheitliche Icons herstellenPrüfen Sie die Icon-Verwendung eines Projekts und ersetzen Sie unpassende Varianten anhand einer dokumentierten Zuordnung.

Zu prüfende Grenzen

  • Vorhandene GrafikenDieser Workflow ruft vorhandene Bibliotheksgrafiken ab; er beschreibt keinen Prozess zur Gestaltung eines eigenständigen Logos.
  • Verfügbarkeit der WerkzeugeDie CLI oder MCP-Integration muss verfügbar sein. Der Abruf verwendet die Iconify API.

Diese Eingaben mitbringen

  • Darzustellende BegriffeNennen Sie die Aktionen, Ziele oder Zustände, die die Icons darstellen sollen.
  • Gewünschte SammlungGeben Sie ein Präfix an oder legen Sie fest, ob Sie Kontur-Icons, ausgefüllte Icons oder keine Stilbeschränkung bevorzugen.
  • AusgabeanforderungenNennen Sie Zielort, Abmessungen, Farbe und das unterstützte Framework für die Integration.

03 Wichtige Entscheidungen

Wichtige Entscheidungen

  1. Nachvollziehbare Auswahl

    Jede gewählte Grafik besitzt eine konkrete ID im Format prefix:name.

  2. Einheitlicher Abruf

    Farbe und Größe lassen sich beim Abrufen der Dateien angeben.

  3. Agenten-Anbindung

    MCP-Werkzeuge decken Suche, Sammelabruf und das Prüfen von Projekt-Icons ab.

04 Beispielbriefing

Mit einem gezielten Briefing beginnen

Das folgende Beispiel-Briefing wurde nicht getestet. Prüfen Sie die Einrichtung des Skills, bevor Sie es verwenden.

Quelle und Einrichtung prüfen

Nennen Sie die Aktionen, Ziele oder Zustände, die die Icons darstellen sollen.

Upstream-Quelldatei
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md

Der folgende Verweis öffnet die Originalanleitung. Prüfen Sie vor der Verwendung die Einrichtungshinweise im Repository; der Verweis ist kein Installationsbefehl.

Mit einem Ergebnis beginnen

Passen Sie Umfang, Quellmaterial und Rahmenbedingungen in diesem Briefing an, bevor Sie den Skill ausführen.

Beispiel-Briefing
Nutze better-icons, um Icons für unsere Projektnavigation auszuwählen: Übersicht, Aktivität, Mitglieder, Abrechnung und Einstellungen. Prüfe vor der Suche die bereits im Repository verwendete Icon-Familie. Bevorzuge passende Kontur-Icons aus dieser Sammlung und gib für jede Auswahl die genaue ID im Format prefix:name zurück. Rufe die ausgewählten SVGs mit 24 Pixeln und currentColor ab und lege sie im festgelegten Grafikverzeichnis ab. Halte die Zuordnung von Navigationsbezeichnung zu Icon-ID fest. Ersetze in diesem Durchlauf keine anderen Icons und installiere kein neues anwendungsweites Icon-System.

Das Ergebnis prüfen

Prüfen Sie die tatsächliche Ausgabe anhand dieser beobachtbaren Kriterien.

  • Jede ausgewählte Icon-ID wird zum erwarteten SVG aufgelöst.
  • Die Auswahl besitzt einen einheitlichen visuellen Stil sowie eine konsistente Größen- und Farbbehandlung.
  • Nur die vereinbarten Grafik- und Integrationsdateien wurden verändert.

OpenDesign bietet einen lokalen Design-Arbeitsbereich für Coding-Agenten. Dieser Eintrag bedeutet nicht, dass der Skill mitgeliefert wird oder dass seine externen Tools, Zugangsdaten und Software-Abhängigkeiten enthalten sind.

OpenDesign herunterladenSchnellstart lesen

05 Quelle und Lizenz

Quelle und Lizenz

Diese Seite beschreibt die unten verlinkte, festgelegte Quellrevision. Verhalten und Anforderungen im Upstream können sich ändern.

Quellinhaber
better-auth
Repository
better-auth/better-icons
Skill-Datei
SKILL.md
Lizenz
MIT
Geprüfter Stand
2026-11-02 · 033316ecb8f4

Lesehinweise

  1. Geltungsbereich der LizenzDer LICENSE-Text des Repositorys wurde für den festgehaltenen Versionsstand geprüft. Im vollständigen Dateinamenverzeichnis des Archivs wurde unter dem Pfad dieses Skills keine speziellere LICENSE-, COPYING- oder NOTICE-Datei gefunden. Die Einordnung gilt für den geprüften Originalquellcode, nicht für erzeugte Ergebnisse oder Abhängigkeiten Dritter. Abgerufene Icon-Sammlungen können eigene Lizenzen haben. Die MIT-Angabe dieses Repositorys legt nicht die Lizenz jedes von Iconify zurückgegebenen Icons fest.
Redaktionelle Quellenzusammenfassung
Finden Sie ein vorhandenes Icon und rufen Sie sein SVG über eine geprüfte Bibliotheks-ID ab.

Originalzusammenfassung von OpenDesign auf Grundlage der verlinkten Quelle. Repository-Sterne sind ein datiertes Popularitätssignal, keine Skill-Nutzung und keine Qualitätsbewertung.

06 Fragen vor dem Start

Fragen vor dem Start

Wie werden Icons identifiziert?

Das Format lautet prefix:name und kombiniert die Kennung einer Sammlung mit dem Namen eines Icons.

Können mehrere Icons abgerufen werden?

Ja. Die CLI kann Suchergebnisse als SVGs herunterladen. Die dokumentierte MCP-Operation get_icons akzeptiert bis zu 20 Icon-IDs pro Anfrage. Wählen und prüfen Sie die IDs vor einem Sammelabruf, damit eine breite Suche keine unerwünschten Dateien hinzufügt.

Ist MCP erforderlich?

Nein. Die Quelle dokumentiert auch die Suche und den Abruf über die Befehlszeile mit Ausführungsoptionen über npm oder Bun.

OpenDesign

Briefing und Designarbeit an einem Ort.

Halten Sie Briefing, Quellmaterial und Designarbeit in einem lokalen Arbeitsbereich zusammen. Prüfen Sie die Einrichtung des Skills, bevor Sie ihn in Ihren Workflow aufnehmen.

OpenDesign herunterladenDesign-Skills durchsuchen
Upstream-Quelldatei
https://github.com/better-auth/better-icons/blob/033316ecb8f4982235af4111a2257e80231f5ab1/skills/SKILL.md