theSVGvon glincker

theSVG Skill.

Rufen Sie ein vorhandenes Markenzeichen oder Service-Icon in der Form ab, die Ihr Projekt benötigt.

Marken-Assets
SVG
Cloud-Diagramme

OpenDesign herunterladen Nutzungsanleitung ansehen

Quellenprüfung · theSVGSKILL.md

Aufgabe Marken-Assets Liefert • Geprüfte Slug- und Variantenauswahl für die angefragten Marken. • Einsatzbereite SVG-URLs oder rohes Markup, passend zum Zielort. • Einen Hinweis zu Nutzungsrechten und, falls sinnvoll, eine Ausweichlösung für fehlende Marken. Vor dem Start Benötigt Netzwerkzugriff auf die Registry oder das CDN. React-, CLI-, Figma- und MCP-Integrationen sind optionale Einsatzformen und keine Voraussetzung für das einfache Abrufen von URLs.

Redaktionelle Zusammenfassung · Quelle geprüft 2026-10-07 · kein generiertes Beispiel

01 Funktionen

Marken-SVGs finden, ohne Asset-Pfade zu erraten

Ein registrybasierter Workflow zum Abrufen von Marken-Assets mit vorhersehbaren SVG-Endpunkten, Variantenauswahl, Integrationsformen und Hinweisen zu Nutzungsrechten.

Workflow auf QuellenbasisKein Ausführungs-Benchmark

Die Arbeitsweise

theSVG ist ein Retrieval-Skill für benannte Marken, Frameworks und Cloud-Services. Er löst über eine Registry einen Markennamen oder Alias in einen Slug auf, prüft die verfügbaren Varianten und gibt eine CDN-URL, rohes SVG oder eine integrationsspezifische Form zurück. Er dient nicht dazu, ein neues Logo zu gestalten oder ein generisches Menü-Icon auszuwählen.

Die Quelle unterscheidet das automatisierte Abrufen vom Einbetten einer URL in eine für Nutzer sichtbare Seite und bevorzugt für Agent-Anfragen den jsDelivr-Endpunkt. Sie hält außerdem die Lizenzgrenzen sichtbar: Die MIT-Lizenz des Repositorys hebt Markenrechtsbeschränkungen für einzelne Markenzeichen nicht auf. Prüfen Sie für jedes angefragte Asset die Registry, statt sich auf die in der Quelle beworbene Größe der Bibliothek zu verlassen.

Erwartete Ergebnisse

Geprüfte Slug- und Variantenauswahl für die angefragten Marken.
Einsatzbereite SVG-URLs oder rohes Markup, passend zum Zielort.
Ein Hinweis zu Nutzungsrechten und, falls sinnvoll, eine Ausweichlösung für fehlende Marken.

Beispielbriefing ansehen

Vom Briefing zur Prüfung

01
Marke auflösen
Den angefragten Namen anhand von Titeln und Aliasen in der Registry nachschlagen, statt einen Dateipfad zu erfinden.
02
Verfügbare Variante wählen
Hintergrund und Anwendungsfall mit den aufgeführten Varianten abgleichen und auf default zurückfallen, wenn eine bevorzugte Version nicht existiert.
03
Passende Form zurückgeben
Markdown- oder HTML-Einbettung, SVG-Markup oder die dokumentierte React- bzw. CLI-Form liefern, wenn das Projekt diese Integration bereits nutzt.
04
Nutzungsrechte prüfen
Markenrichtlinien für die kommerzielle Nutzung prüfen und assetspezifische Einschränkungen beibehalten.

02 Einsatzbereiche

Wann der Einsatz sinnvoll ist

Benötigt Netzwerkzugriff auf die Registry oder das CDN. React-, CLI-, Figma- und MCP-Integrationen sind optionale Einsatzformen und keine Voraussetzung für das einfache Abrufen von URLs.

Gut geeignet

IntegrationsseitenNützlich, um echte Markenzeichen für unterstützte Integrationen zusammenzustellen.
Cloud-ArchitekturdiagrammeKann URLs von AWS-, Azure- oder GCP-Service-Icons nach ihrer Rolle im Diagramm gruppieren.
Dokumentations-AssetsSorgt für einheitliches Abrufen von Framework- und Unternehmenslogos in README-Dateien oder technischen Leitfäden.

Zu prüfende Grenzen

Keine generischen UI-IconsPfeile, Chevrons und Menüsymbole gehören in eine UI-Icon-Bibliothek und nicht in diese Marken-Registry.
Keine MarkenfreigabeMarkenzeichen bleiben Eigentum ihrer jeweiligen Inhaber. Eine Code-Lizenz erlaubt weder, sie zu verändern, noch, sie zu einer neuen Identität zu kombinieren.

Diese Angaben mitbringen

Genaue Marke oder genauer ServiceNennen Sie das Produkt, das Framework, das Unternehmen oder den Cloud-Service.
ZielformatGeben Sie HTML, Markdown, React, rohes SVG oder ein Architekturdiagramm an.
Hintergrund und VarianteNennen Sie den Kontext (heller oder dunkler Hintergrund) und ob ein Symbol oder eine Wortmarke benötigt wird.

03 Wichtige Entscheidungen

Entscheidungen, auf die es ankommt

Registry statt Raten
Die Prüfung der verfügbaren Varianten vermeidet eine plausibel aussehende URL, die kein Asset liefert.
Auslieferung passend zum Abnehmer
Ein Agent, der Markup abruft, und eine Seite, die ein Bild einbettet, können unterschiedliche Endpunkte nutzen, ohne dass sich das Markenzeichen ändert.
Asset-Rechte bleiben getrennt
Die Quelle unterscheidet ausdrücklich zwischen Softwarelizenz sowie Marken- und Cloud-Icon-Bedingungen.

04 Beispielbriefing

Ein fokussiertes Briefing ausprobieren

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

Einrichtung prüfen

Lesen Sie die Anweisungen zur Skill-Installation im Repository. Der dokumentierte Befehl npx @thesvg/cli add fügt ein Icon-Asset hinzu; er ist kein Befehl zur Skill-Installation.

Upstream-Quelldatei

https://github.com/glincker/thesvg/blob/0ea4d44764ab73c8500382711736f97cba50afc8/skills/thesvg/SKILL.md

Benötigt Netzwerkzugriff auf die Registry oder das CDN. React-, CLI-, Figma- und MCP-Integrationen sind optionale Einsatzformen und keine Voraussetzung für das einfache Abrufen von URLs.

Mit einem Ergebnis beginnen

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

Beispielbriefing

Nutze thesvg, um Registry-Assets für GitHub, Stripe, AWS Lambda und AWS S3 für ein Integrationsdiagramm auf hellem Hintergrund abzurufen. Bestätige jeden Slug und jede verfügbare Variante, gib gruppierte SVG-URLs und beschreibende Alternativtexte zurück und weise auf Einschränkungen der Markennutzung hin. Die Marken dürfen weder umgefärbt noch verzerrt werden.

Ergebnis prüfen

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

Jeder angefragte Slug und jede angefragte Variante existiert in der Registry.
Die Assets bleiben auf dem angefragten Hintergrund gut lesbar.
Die Lieferung suggeriert nicht, dass MIT Rechte an allen Marken gewährt.

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

OpenDesign herunterladen Schnellstart lesen

05 Quelle und Lizenz

Quelle und Lizenz

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

Quellen-Inhaber: glincker
Repository: glincker/thesvg
Skill-Datei: skills/thesvg/SKILL.md
Lizenz: MIT
Geprüfter Stand: 2026-10-07 · 0ea4d44764ab

Redaktionelle Quellenzusammenfassung

Ein registrybasierter Workflow zum Abrufen von Marken-Assets mit vorhersehbaren SVG-Endpunkten, Variantenauswahl, Integrationsformen und Hinweisen zu Nutzungsrechten.

Originalzusammenfassung von OpenDesign auf Grundlage der verlinkten Quelle. Repository-Sterne sind ein datiertes Popularitätssignal, weder Skill-Nutzung noch Qualitätswert.

06 Fragen vor dem Start

Fragen vor dem Start

Erstellt er ein individuelles Logo?

Nein. Er ruft vorhandene Assets benannter Marken und Cloud-Services ab; ein Workflow für Logodesign ist eine andere Aufgabe.

Kann er ein weißes Logo für einen dunklen Hintergrund liefern?

Er kann eine passende aufgeführte Variante auswählen, sollte aber ehrlich auf eine Alternative zurückfallen, wenn diese Variante fehlt.

Sind alle SVGs frei bearbeitbar, weil das Repository MIT ist?

Nein. Die Quelle weist darauf hin, dass Marken ihre eigenen Nutzungsregeln behalten, und beschreibt AWS-Architektur-Icons ausdrücklich als Assets mit eigenen Bedingungen, die Bearbeitungen ausschließen.

OpenDesign

Schaffen Sie Raum für die nächste Design-Iteration.

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

OpenDesign herunterladen Design-Skills durchsuchen