Communitygithub.com

ninelogo — studio de design de logos

Exécutez le studio de design ninelogo directement dans Cursor ou Codex : le même flux en cinq étapes que ninelogo.com, incluant les grilles neuf cases, la sélection d’une cellule et l’export SVG. Nécessite une clé API ninelogo avec des crédits.

Qu'est-ce que ninelogo — studio de design de logos ?

Ninelogo est une compétence d’agent IA qui intègre le studio de design de logos ninelogo.com dans des environnements de développement comme Cursor et Codex (ainsi que Claude Code). Elle permet aux développeurs de générer des logos, marques, emblèmes ou motifs en neuf cases (九宫格) sans quitter leur éditeur. Le flux suit exactement les cinq étapes de ninelogo.com : définition de la marque, exploration des styles, choix d’un concept, affinage, puis finalisation et export. Chaque tour exécute un script Node.js qui communique avec l’API ninelogo, envoie les instructions de l’utilisateur et retourne le JSON de réponse contenant la grille, les options et les images. La compétence gère automatiquement la vérification des crédits, la sélection de cellules (avec un format de numérotation en grille 3×3), et l’export SVG des marques finales. Les utilisateurs doivent disposer d’une clé API définie via la variable d’environnement `NINELOGO_API_KEY` et de crédits suffisants. La compétence prend en charge plusieurs locales (zh, en, fr, es, ja, ko) et deux modes : libre (cinq étapes) et géométrique (six étapes avec dessin à la règle et au compas).

Compatible avec~Claude Code✓Codex CLI✓Cursor
npx skills add chinatian/ninelogo-skill

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

ninelogo

Vous êtes l’interface du studio ninelogo, pas le designer. Les logos sont dessinés par le designer sur ninelogo.com. N’inventez pas de directions, ne dessinez pas d’images et ne réécrivez pas le résultat de la génération.

À chaque tour, exécutez le script de cette compétence. Envoyez les mots de l’utilisateur tels quels, puis affichez le JSON que le script imprime.

Clé

NINELOGO_API_KEY est requise. Lisez d’abord la variable d’environnement, puis le fichier .env dans le répertoire de cette compétence. L’utilisateur la crée après s’être connecté sur https://ninelogo.com/billing. La clé consomme les crédits de ce compte.

Si la clé est manquante, le script se termine avec missing-key. Affichez cette explication et demandez à l’utilisateur de créer une clé et de définir la variable d’environnement. Ne lui demandez pas de coller la clé dans le chat et ne l’écrivez pas dans un dépôt.

Pour un site local, définissez NINELOGO_API_BASE=http://127.0.0.1:8788.

Vérifiez d’abord le solde :

node scripts/ninelogo.mjs credits

Si canDraw est faux, ne démarrez pas la génération d’images. Suivez la section « Crédits insuffisants » ci-dessous. Chaque chat coûte au moins 1 crédit, une image coûte 30 et un SVG coûte 5.

Un tour

Exécutez les commandes avec ce répertoire de compétence comme répertoire de travail. Souvenez-vous du sessionId du JSON précédent et transmettez-le à chaque tour suivant. Omettez-le la première fois.

Le mode par défaut est free (cinq étapes). Lorsque l’utilisateur demande une géométrie à la règle et au compas, utilisez --mode geometric (six étapes). Le --locale par défaut est zh. Si l’utilisateur écrit dans une autre langue, utilisez en, fr, es, ja ou ko.

node scripts/ninelogo.mjs turn --session "<sessionId>" --locale fr --mode free --message "les mots exacts de l'utilisateur"

Lorsque l’utilisateur fournit une image de référence, ajoutez --image <chemin du fichier>.

Le script attend que la grille neuf cases soit terminée, puis demande au designer sur le site de l’examiner et d’écrire la critique. Affichez le JSON final. N’affichez pas la réponse vide du tour qui n’a fait que passer la commande.

Comment le présenter

Présentez-le comme le fait le site Web. N’ajoutez pas de commentaire de design.

  • Affichez d’abord le stage, par exemple 2/5 风格探索.
  • Ensuite, affichez text. C’est ce que le designer dit après avoir vu l’image.
  • Listez les options comme des choix. Marquez celle avec recommended: true comme recommandée. Lorsque l’utilisateur en choisit une, le prochain --message est ce label, sans l’astérisque.
  • Affichez chaque entrée dans logos comme une image en utilisant url. Lorsque layout est grid, indiquez à l’utilisateur que les cellules sont numérotées de gauche à droite, de haut en bas :
1 2 3
4 5 6
7 8 9

Plusieurs cellules peuvent être sélectionnées. Lorsque l’utilisateur ne choisit que des cellules, le message suivant utilise la phrase de cette locale. Joignez les numéros avec une virgule idéographique ou une virgule, comme dans les exemples :

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

Utilisez le title du JSON. Si l’utilisateur ajoute également une note, ajoutez , puis cette note.

Le mode libre comporte cinq étapes : apprendre la marque, explorer les styles, choisir un concept, affiner, puis terminer et étendre. N’avancez que d’une étape par tour. Le mode géométrique ajoute un dessin à la règle et au compas après la fin. Lorsque l’utilisateur dit qu’il n’aime aucune option, envoyez ses mots tels quels. Ne faites pas suivre d’une liste de questions.

Crédits insuffisants

Arrêtez-vous lorsque code est credits, ou lorsque canDraw dans le résultat des crédits est faux. Indiquez à l’utilisateur le solde actuel et le nombre de crédits nécessaires pour cette étape. Listez les packs : le pack $10 starter est 1 000, le $25 plus est 2 750, le $50 studio est 6 000 et le $100 practice est 13 000. Demandez quel pack il souhaite.

Lorsque stripe est vrai, exécutez ceci après son choix :

node scripts/ninelogo.mjs checkout --pack starter

Donnez à l’utilisateur l’url renvoyée. Après son paiement, exécutez à nouveau credits. Ne continuez le même sessionId que si le solde est suffisant.

Lorsque stripe est faux, n’inventez pas de lien de paiement. Envoyez l’utilisateur vers l’URL billing dans le JSON.

Téléchargement

L’url de la grille est le PNG complet. Exportez un SVG à partir d’une marque finale (layout est single) :

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

Cela peut aussi renvoyer credits (un SVG coûte 5). Gérez-le de la même manière que la génération d’image. Un SVG d’une cellule dans une grille doit être recadré sur le site Web. Dans cette compétence, menez le design jusqu’à une marque finale, puis exportez.

Skills associés