Часто самым большим препятствием при создании сообщества является «сделать его своим».
Вы хотите, чтобы ваш шрифт и стиль соответствовали вашему бренду.
В этом посте я хотел бы рассказать о том, что можно сделать довольно простым способом с помощью:
- Discourse MCP - GitHub - discourse/discourse-mcp: MCP client for Discourse sites · GitHub
- Пробной версии Pro или Business от Discourse
- Подписки на Open AI Codex
Я выбрал Codex, потому что недавно выпущенный GPT-6 Astra — это невероятно талантливый визуальный художник. Kimi K3 и Fable также довольно сильны в этом плане, но для этой демонстрации я использую Astra.
Шаг 1 - Генерация API-ключа
Перейдите по адресу: your.site/admin/api/keys/new
Сгенерируйте глобальный API-ключ.
Примечание по безопасности: храните этот ключ в безопасности, рассмотрите возможность его отозвать после завершения работы, так как он предоставляет неограниченный доступ к сайту.
Шаг 2 - Добавление Discourse MCP
В этом учебнике я использую codex:
редактирование: ~/.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"}]',
]
(примечание: Codex не позволяет выбирать, какие MCP включены или отключены, все, что указано в конфигурации, будет включено. Вы можете добавить enabled = false, чтобы временно отключить MCP)
Примечание о инструментах: Discourse MCP поддерживает более 140 инструментов, эта конфигурация делает их все доступными. Современные системы, такие как Claude и Codex, справляются с этим без проблем, однако многие системы могут испытывать трудности с таким большим количеством инструментов — например, Grok build потребует фильтрации.
После добавления Discourse MCP убедитесь, что ваш агент может получить к нему доступ:
Шаг 3 - Предоставьте вашему агенту инструменты, необходимые для выполнения работы
Агент будет работать значительно лучше, если у него есть:
- Глаза, способность видеть свою работу. (playwright MCP, computer use и т. д.)
- Контекст, Discourse MCP помогает, но также помогает и исходный код Discourse
- Генерация изображений — на случай, если вам нужны ресурсы и т. д.
В приложении ChatGPT есть встроенный браузер, убедитесь, что он им пользуется. Не забудьте клонировать кодовую базу discourse/discourse и запустить вашего агента из директории Discourse.
Ничто из этого не является обязательным, но наличие этих элементов приведет к значительно лучшим результатам.
Шаг 4 - Предоставьте вашему агенту интеллект и четкое техническое задание
В данном случае, учитывая, что я хотел увидеть очень хорошие результаты, я выбрал GPT-6 Astra XHIGH.
Далее я написал небольшое техническое задание с помощью ИИ о том, что я хотел (тема сообщества в стиле The New Yorker)
ТЗ, составленное ИИ
Создайте The Salon, отполированную тему Discourse, которая демонстрирует, насколько радикально клиент может трансформировать идентичность Discourse. Креативным ориентиром является The New Yorker: редакционное издание, чьи читатели участвуют в разговоре. Создайте оригинальную идентичность, а не реплику — без заимствованных логотипов или несанкционированных проприетарных шрифтов. Используйте теплый слоновая кость (#F7F4ED), почти черный цвет чернил (#20201E), сдержанный редакционный красный (#B52B32), тонкие линии, щедрый белый пространство, выразительные серифные заголовки, читаемый серифный текст и компактные гротескные метаданные. Монохромные иллюстрации должны добавлять остроумие и характер. У вас есть творческая свобода для поиска, загрузки или генерации любых ресурсов, необходимых для демо — шрифтов, иллюстраций, фотографии, аватаров и значков — с использованием материалов с соответствующей лицензией и сохранением атрибуции там, где это требуется. Избегайте универсальных SaaS-карточек, фальшивой пергаментной бумаги и декоративного загромождения. Стремитесь к современному литературному журналу с живым сообществом внутри, а не к стандартному форуму с другими цветами.
Вы явно уполномочены наполнить демо-инстанс категориями, темами, ответами, вымышленными профилями участников и сопутствующим контентом, необходимыми для того, чтобы сделать опыт привлекательным. Сохраните существующий реальный контент и убедитесь, что вымышленная активность четко идентифицируется как демо-данные. Создайте пять редакционных отделов — The Commons, Arts & Letters, City Life, Science & Ideas, Table Talk — с отличительными описаниями и иллюстрациями. Создайте сильный THE SALON заголовок, курируемый ведущий разговор, второстепенные заголовки и раздел последних разговоров. Заполните продуманными и разнообразными обсуждениями, такими как «Когда каждое хобби стало побочным заработком?» и «Что на самом деле изменило бы ваше мнение?», с убедительными стартовыми постами, содержательными разногласиями, короткими ответами, цитатами и хорошо подобранными изображениями. Заполните достаточно контента, чтобы продемонстрировать плотность, прокрутку и навигацию; не используйте повторяющийся заполнитель и не оставляйте важные экраны пустыми. Каждый заголовок должен открывать реальную тему, а активность, количество ответов и непрочитанные состояния должны оставаться видимыми. Проведите идентичность через списки категорий, страницы тем, поиск и композер: стартовые посты должны выглядеть как красиво набранные эссе, в то время как ответы остаются компактными и удобными для общения. Мобильная версия должна стать спокойным одноколоночным опытом, а темный режим должен казаться столь же продуманным.
Изучите целевую версию Discourse и поддерживаемые API тем перед выбором деталей реализации. Предпочитайте поддерживаемую тему и сфокусированные компоненты темы; избегайте патчей ядра, ненужных плагинов, хрупкой манипуляции DOM и вымышленной функциональности. Сделайте редакционную курирование явной и настраиваемой. Работайте автономно над обратимыми решениями по дизайну, ресурсам и наполнению, а не спрашивайте разрешение на каждую деталь; установите визуальный язык с помощью репрезентативной главной страницы и заполненной страницы темы, затем завершите вспомогательные поверхности. Предоставьте устанавливаемую тему, необходимые компоненты, воспроизводимую настройку демо-контента, происхождение ресурсов и краткие инструкции по установке. Проверьте результат в реальном инстансе Discourse на настольном и мобильном устройствах, включая навигацию с клавиатуры, контрастность, непрочитанные состояния, поиск, цитирование и написание. Зафиксируйте одинаковое наполненное сообщество до и после применения темы, чтобы трансформация была неоспоримой. Стандарт — это демонстрация, готовая для клиента, — не макет, не просто красивая главная страница, а целостное, работающее сообщество с совершенно другим ощущением места.
- обращайтесь к исходному коду Discourse по мере необходимости
- https://figment123.discourse.group/ — это демо-сайт, вы можете делать с ним что угодно, смотрите результаты по ходу работы, включите тему
- создавайте темы по мере необходимости
Шаг 5 - Выглядит отлично!
Через час и 10 минут Astra Xhigh закончил работу.
Прекрасная тема, вдохновленная New Yorker.
Тема не идеальна, у нее есть крайние случаи, я бы рекомендовал Шаг 6 — доработку, где вы вставляете области, где дизайн не совсем верен, и агент их исправляет. Но как отправная точка это абсолютно удивительно, что мы можем делать это сегодня. Год назад это было невозможно.
Пример доработки в реальном времени: