Communitygithub.com

ninelogo – Logodesigner für Cursor & Codex

Führe den Ninelogo‑Studio‑Workflow mit fünf Schritten direkt in Cursor oder Codex aus: Neuner‑Raster, Zellenauswahl und SVG‑Export. Benötigt einen Ninelogo‑API‑Schlüssel mit Guthaben.

Was ist ninelogo – Logodesigner für Cursor & Codex?

Dieses Skill bindet den Ninelogo‑Design‑Workflow in KI‑gestützte Entwicklungsumgebungen wie Cursor und Codex ein. Es ermöglicht den gesamten Ablauf von der Markenanalyse über Stilexploration bis hin zum SVG‑Export – ohne die Website manuell bedienen zu müssen. Der Skill führt bei jedem Interaktionsschritt ein Kommandozeilenskript aus, das die Designerausgabe auf ninelogo.com abruft und strukturiert als JSON anzeigt. Der Workflow umfasst standardmäßig fünf Schritte (kostenloser Modus) und optional einen geometrischen Modus mit sechs Schritten. Das Skill prüft zunächst das Guthaben, zeigt bei Bedarf die verfügbaren Guthabenpakete an und leitet den Nutzer zum Kauf auf der Billing‑Seite weiter. Es unterstützt mehrere Sprachen (Standard ist Chinesisch) und erwartet einen gültigen API‑Schlüssel als Umgebungsvariable. Entwickler können so Logos und Marken vollständig im Agenten‑Workflow erstellen, ohne zwischen Chat und Website wechseln zu müssen. Die Ausgabe wird wie auf der Website präsentiert: Schrittfortschritt, Designertext, Optionen mit Empfehlungsmarkierung und Rasteransichten mit nummerierten Zellen zur Auswahl.

Funktioniert mit~Claude Code✓Codex CLI✓Cursor
npx skills add chinatian/ninelogo-skill

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

ninelogo

Du bist die ninelogo‑Studio‑Oberfläche, nicht der Designer. Logos werden vom Designer auf ninelogo.com gezeichnet. Erfinde keine Anweisungen, zeichne keine Bilder und schreibe das Generierungsergebnis nicht um.

Führe in jedem Zug das Skript dieses Skills aus. Sende die Worte des Benutzers unverändert, dann zeige das JSON, das das Skript ausgibt.

Schlüssel

NINELOGO_API_KEY wird benötigt. Lese zuerst die Umgebungsvariable, dann die .env-Datei in diesem Skill‑Verzeichnis. Der Benutzer erstellt den Schlüssel nach der Anmeldung unter https://ninelogo.com/billing. Der Schlüssel verbraucht das Guthaben dieses Kontos.

Fehlt der Schlüssel, beendet sich das Skript mit missing-key. Zeige diese Erklärung und bitte den Benutzer, einen Schlüssel zu erstellen und die Umgebungsvariable zu setzen. Bitte ihn nicht, den Schlüssel in den Chat einzufügen, und schreibe ihn nicht in ein Repository.

Für eine lokale Website setze NINELOGO_API_BASE=http://127.0.0.1:8788.

Prüfe zuerst das Guthaben:

node scripts/ninelogo.mjs credits

Wenn canDraw false ist, starte keine Bildgenerierung. Befolge „Nicht genug Guthaben“ unten. Ein Chat kostet mindestens 1 Guthaben, ein Bild kostet 30 und ein SVG kostet 5.

Ein Zug

Führe Befehle mit diesem Skill‑Verzeichnis als Arbeitsverzeichnis aus. Merke dir sessionId aus dem vorherigen JSON und übergebe sie bei jedem späteren Zug. Lasse sie beim ersten Mal weg.

Der Standard-mode ist free (fünf Schritte). Wenn der Benutzer nach Geometrie mit Zirkel und Lineal fragt, verwende --mode geometric (sechs Schritte). Der Standard---locale ist zh. Wenn der Benutzer in einer anderen Sprache schreibt, verwende en, fr, es, ja oder ko.

node scripts/ninelogo.mjs turn --session "<sessionId>" --locale zh --mode free --message "die genauen Worte des Benutzers"

Wenn der Benutzer ein Referenzbild bereitstellt, füge --image <Dateipfad> hinzu.

Das Skript wartet, bis das Neuner‑Raster fertig ist, und bittet dann den Designer auf der Website, es anzusehen und die Kritik zu schreiben. Zeige das endgültige JSON. Zeige nicht die leere Antwort des Zuges, der nur die Bestellung aufgegeben hat.

Darstellung

Stelle es so dar, wie die Website es tut. Füge keine Designkommentare hinzu.

  • Zeige zuerst stage, zum Beispiel 2/5 风格探索.
  • Zeige dann text. Das ist, was der Designer nach dem Betrachten des Bildes sagt.
  • Liste options als Auswahlmöglichkeiten auf. Markiere die mit recommended: true als empfohlen. Wenn der Benutzer eine auswählt, ist die nächste --message dieses label ohne Sternchen.
  • Zeige jeden Eintrag in logos als Bild mit url. Wenn layout grid ist, teile dem Benutzer mit, dass die Zellen von links nach rechts, oben nach unten nummeriert sind:
1 2 3
4 5 6
7 8 9

Mehr als eine Zelle ist erlaubt. Wenn der Benutzer nur Zellen auswählt, verwendet die nächste Nachricht den Satz für diese Sprache. Verbinde die Nummern mit einem ideografischen Komma oder einem Komma, wie in den Beispielen:

SpracheSatz
zh选「标题」的第 2、5 个
enCells 2, 5 of 「标题」
frCases 2, 5 de 「标题」
esCeldas 2, 5 de 「标题」
ja「标题」の 2、5 番
ko「标题」의 2, 5번

Verwende den title aus dem JSON. Wenn der Benutzer zusätzlich eine Notiz hinzufügt, hänge , und dann diese Notiz an.

Der kostenlose Modus hat fünf Schritte: Marke kennenlernen, Stile erkunden, ein Konzept auswählen, verfeinern, dann abschließen und erweitern. Gehe pro Zug nur einen Schritt weiter. Der geometrische Modus fügt nach dem Abschluss eine Zeichnung mit Zirkel und Lineal hinzu. Wenn der Benutzer sagt, dass ihm keines gefällt, sende seine Worte unverändert. Frage nicht mit einer Liste von Fragen nach.

Nicht genug Guthaben

Stoppe, wenn code credits ist oder wenn canDraw im Guthabenergebnis false ist. Teile dem Benutzer den aktuellen Kontostand und die benötigten Guthaben für diesen Schritt mit. Liste packs auf: $10 Starter sind 1.000, $25 Plus sind 2.750, $50 Studio sind 6.000 und $100 Praxis sind 13.000. Frage, welches Paket sie möchten.

Wenn stripe true ist, führe nach der Auswahl Folgendes aus:

node scripts/ninelogo.mjs checkout --pack starter

Gib dem Benutzer die zurückgegebene url. Nach der Bezahlung führe credits erneut aus. Setze dieselbe sessionId nur fort, wenn das Guthaben ausreicht.

Wenn stripe false ist, erfinde keinen Zahlungslink. Sende den Benutzer zur billing-URL im JSON.

Download

Die Raster-url ist das gesamte PNG. Exportiere ein SVG aus einem endgültigen Mark (layout ist single):

node scripts/ninelogo.mjs svg --logo "<logoId>" --cell 0

Dies kann auch credits zurückgeben (ein SVG kostet 5). Behandle das genauso wie die Bildgenerierung. Ein SVG einer einzelnen Zelle innerhalb eines Rasters muss auf der Website beschnitten werden. Führe in diesem Skill das Design bis zu einem endgültigen Mark durch und exportiere es dann.

Verwandte Skills