Souvent, le plus grand obstacle à la création d’une communauté est de « faire de cet espace le vôtre ».
Vous souhaitez que la typographie et le style correspondent à votre marque.
Dans ce billet, je souhaite montrer ce qui peut être réalisé de manière assez simple à l’aide de :
- Discourse MCP - GitHub - discourse/discourse-mcp: MCP client for Discourse sites · GitHub
- Un essai Pro ou Business de Discourse
- Un abonnement Open AI Codex
J’ai choisi Codex ici, car le récemment sorti GPT-6 Astra est un artiste visuel incroyablement talentueux. Kimi K3 et Fable sont également très performants dans ce domaine, mais pour cette démonstration, j’utilise Astra.
Étape 1 - Générer une clé API
Accédez à : your.site/admin/api/keys/new
Générez une clé API globale.
Note de sécurité : conservez cette clé en lieu sûr, envisagez de la révoquer une fois le travail terminé, car elle fournit un accès illimité au site.
Étape 2 - Ajouter Discourse MCP
Dans ce tutoriel, j’utilise codex :
modification : ~/.codex/config.toml
[mcp_servers.discourse]
command = "npx"
args = [
"-y",
"@discourse/mcp@latest",
"--toolsets",
"all",
"--allow-writes",
"--site",
"https://figment123.discourse.group",
"--auth_pairs",
'[{"site":"YOUR_SITE","api_key":"YOUR_API_KEY","api_username":"system"}]',
]
(remarque : Codex ne vous permet pas de choisir quels MCP sont activés ou désactivés, tout ce qui se trouve dans la configuration sera activé. Vous pouvez placer enabled = false pour désactiver temporairement un MCP)
Une note sur les outils : le Discourse MCP prend en charge plus de 140 outils, cette configuration les rend tous disponibles. Les harnais modernes tels que Claude et Codex peuvent gérer cela sans problème, cependant, de nombreux harnais peuvent avoir du mal avec un nombre d’outils aussi élevé - par exemple, Grok build nécessitera un filtrage.
Une fois que vous avez ajouté Discourse MCP, assurez-vous de confirmer que votre agent peut y accéder :
Étape 3 - Fournir à votre agent les outils dont il a besoin pour faire le travail
Un agent fonctionnera de manière nettement meilleure s’il dispose de :
- Des yeux, la capacité de voir son travail. (playwright MCP, computer use, etc.)
- Du contexte, le Discourse MCP aide, mais le code source de Discourse aussi.
- La génération d’images - au cas où vous auriez besoin d’actifs, etc.
L’application ChatGPT dispose d’un navigateur intégré, assurez-vous qu’il l’utilise. Assurez-vous de cloner le code source discourse/discourse et de démarrer votre agent à partir du répertoire Discourse.
Aucun de ces éléments n’est obligatoire, mais en disposer entraînera des résultats nettement meilleurs.
Étape 4 - Donner à votre agent de l’intelligence et un brief clair
Dans ce cas, comme je voulais obtenir de très bons résultats, j’ai opté pour GPT-6 Astra XHIGH.
Ensuite, j’ai écrit un petit brief avec mon IA sur ce que je voulais (un thème de communauté inspiré de The New Yorker)
Brief rédigé par IA
Créez The Salon, un thème Discourse soigné qui démontre à quel point un client peut transformer radicalement l’identité de Discourse. La référence créative est The New Yorker : une institution éditoriale dont les lecteurs participent à la conversation. Créez une identité originale, pas une réplique—pas de logos empruntés ou de polices propriétaires non licenciées. Utilisez un ivoire chaud (#F7F4ED), une encre quasi noire (#20201E), un rouge éditorial discret (#B52B32), de fines règles, une généreuse marge blanche, des titres serif expressifs, un texte de corps serif lisible et des métadonnées sans-serif compactes. Les illustrations monochromes doivent ajouter de l’esprit et du caractère. Vous avez la latitude créative de chercher, télécharger ou générer tous les actifs dont la démonstration a besoin—polices, illustrations, photographie, avatars et icônes—en utilisant des matériellement correctement licenciés et en conservant l’attribution là où c’est requis. Évitez les cartes SaaS génériques, le parchemin factice et le désordre décoratif. Visez un magazine littéraire contemporain avec une communauté vivante à l’intérieur, pas un forum standard avec des couleurs différentes.
Vous êtes explicitement autorisé à aménager l’instance de démonstration avec les catégories, les sujets, les réponses, les profils de contributeurs fictifs et le contenu de soutien nécessaires pour rendre l’expérience convaincante. Préservez le contenu réel existant et gardez l’activité fictive clairement identifiable comme des données de démonstration. Créez cinq départements éditoriaux—The Commons, Arts & Letters, City Life, Science & Ideas, Table Talk—avec des descriptions distinctes et des illustrations. Construisez un fort mât THE SALON, une discussion principale soigneusement sélectionnée, des titres secondaires et une section des dernières conversations. Insérez des discussions variées et réfléchies telles que « Quand est-ce que chaque passe-temps est devenu un side hustle ? » et « Qu’est-ce qui changerait réellement votre avis ? », avec des messages d’ouverture convaincants, des désaccords substantiels, de courtes réponses, des citations et des images bien choisies. Remplissez suffisamment de contenu pour démontrer la densité, le défilement et la navigation ; n’utilisez pas de remplissage répétitif ou ne laissez pas les écrans importants vides. Chaque titre doit ouvrir un sujet réel, et l’activité, les compteurs de réponses et les états non lus doivent rester visibles. Portez l’identité à travers les listes de catégories, les pages de sujets, la recherche et le composeur : les messages d’ouverture doivent ressembler à des essais magnifiquement composés, tandis que les réponses restent des conversations compactes et utilisables. Le mobile doit devenir une expérience calme en une seule colonne, et le mode sombre doit sembler tout aussi délibéré.
Inspectez la version cible de Discourse et les API de thème prises en charge avant de choisir les détails d’implémentation. Préférez un thème maintenable et des composants de thème ciblés ; évitez les correctifs du noyau, les plugins inutiles, la manipulation fragile du DOM et les fonctionnalités inventées. Rendez la curation éditoriale explicite et configurable. Travaillez de manière autonome sur les décisions de conception, d’actifs et d’aménagement réversibles plutôt que de demander l’approbation pour chaque détail ; établissez le langage visuel avec une page d’accueil représentative et une page de sujet remplie, puis terminez les surfaces de soutien. Livrez un thème installable, les composants requis, une configuration reproductible du contenu de démonstration, la provenance des actifs et des instructions d’installation concises. Vérifiez le résultat dans une instance Discourse réelle sur ordinateur de bureau et mobile, y compris la navigation au clavier, le contraste, les états non lus, la recherche, la citation et la composition. Capturez la même communauté aménagée avant et après l’application du thème pour que la transformation soit incontestable. La norme est une démonstration prête pour le client—pas un maquette, pas juste une belle page d’accueil, mais une communauté cohérente et fonctionnelle avec un sentiment de lieu entièrement différent.
- consultez le source Discourse si nécessaire
- https://figment123.discourse.group/ est un site de démonstration, vous pouvez faire ce que vous voulez avec, regardez les résultats au fur et à mesure, activez le thème
- créez des sujets si nécessaire
Étape 5 - Superbe !
Une heure et dix minutes plus tard, Astra Xhigh a terminé.
Un thème inspiré de New Yorker magnifique.
Le thème n’est pas parfait, il a des cas limites, je recommanderais une Étape 6 de raffinement, où vous collez les zones où la conception est incorrecte et l’agent corrige. Mais comme point de départ, c’est absolument incroyable que nous puissions faire cela aujourd’hui. Ce n’était pas possible il y a un an.
Exemple de raffinement en temps réel :