Подключить WikiVibe MCP

Добавьте адрес сервера в настройки MCP или передайте этот промпт вашему AI-агенту.

URL

https://wikivibe.dev/mcp/

Промпт для агента

Подключи MCP-сервер WikiVibe.

URL: https://wikivibe.dev/mcp/
Transport: streamable-http

После подключения выполни tools/list и покажи доступные инструменты.

Макеты и шаблоны

Готовые макеты интерфейсов с демо и исходниками.

Найдено: 4

Сбросить фильтры

04.07.2026

Strapi Next Ecommerce Starter

Next.js Strapi E-commerce

05.07.2026

CMSaasStarter

SaaS CMS Starter

05.07.2026

Nextjs Blog Cms

Next.js Tailwind CSS TypeScript shadcn/ui

05.07.2026

Интернет-магазин: T Shop

Next.js React Tailwind CSS TypeScript

Подключить WikiVibe MCP

Скопируйте промпт и отправьте его в Codex, Cursor, Claude или другой AI-агент, чтобы подключить WikiVibe MCP и проверить доступные инструменты.

Адрес MCP: https://wikivibe.dev/mcp/Транспорт: streamable-http

prompt.md

Настрой подключение Wikivibe MCP в моём AI-агенте.

Endpoint: https://wikivibe.dev/mcp/
Transport: streamable-http

После подключения проверь доступность инструментов:
- search_design_templates
- get_design_template

Используй каталог готовых макетов Wikivibe как read-only источник для подбора шаблонов, демо, исходников и файлов.

Подключить WikiVibe к Manather

Сохраните макет ссылкой на страницу WikiVibe через Add web link. Подключите каталог отдельно через Add MCP server.

1. Сохранить каталог

Manather → кнопка «+» → Add web link

URL

https://wikivibe.dev/ru/vibe-design/makety/

Вставьте URL и нажмите Add URL. Manather загрузит название и превью страницы.

Не добавляйте JSON как code snippet: макет сохраняется ссылкой.

2. Подключить каталог как MCP

Manather → кнопка «+» → Add MCP server

Name

WikiVibe Templates MCP

Launch Command

Оставьте пустым

Config JSON

{
  "mcpServers": {
    "wikivibe": {
      "type": "http",
      "url": "https://wikivibe.dev/mcp/",
      "transport": "streamable-http"
    }
  }
}

Notes

Read-only MCP endpoint Wikivibe для поиска готовых UI-шаблонов и карточек шаблонов.
Основные tools: search_design_templates, get_design_template.
Launch Command в Manather оставь пустым: это remote HTTP MCP, весь конфиг лежит в Config JSON.

Заполните поля и сохраните MCP server.

Добавить через AI-агента

В Manather откройте Settings → MCP Server → Enable MCP server. Локальный MCP записывает данные в вашу библиотеку; WikiVibe MCP предоставляет каталог макетов только для чтения.

Manather покажет локальный адрес http://127.0.0.1:4319/mcp и токен.

agent-prompt.md

У меня установлен Manather. Настрой Wikivibe Templates как источник шаблонов.

Если Manather MCP недоступен, попроси меня открыть Manather, включить Settings → MCP Server и дать агенту команду подключения с токеном.

Когда MCP доступен:
1. Создай или найди collection "Wikivibe Templates".
2. Добавь Web link:
   - url: https://wikivibe.dev/ru/vibe-design/makety/
   - title: Wikivibe Templates Catalog
   - collection: Wikivibe Templates
   - notes: "Каталог русскоязычных UI-шаблонов Wikivibe: лендинги, дашборды, компоненты, анимации, дизайн-системы.\nСохрани как главный вход в коллекцию Manather и подключи Wikivibe MCP как отдельный MCP server asset.\nMCP endpoint: https://wikivibe.dev/mcp/"
   - tags: ["wikivibe", "vibedesign", "templates", "ui", "mcp"]
3. Добавь MCP server:
   - name: WikiVibe Templates MCP
   - command: пустая строка
   - configJson: "{\n  \"mcpServers\": {\n    \"wikivibe\": {\n      \"type\": \"http\",\n      \"url\": \"https://wikivibe.dev/mcp/\",\n      \"transport\": \"streamable-http\"\n    }\n  }\n}"
   - notes: "Read-only MCP endpoint Wikivibe для поиска готовых UI-шаблонов и карточек шаблонов.\nОсновные tools: search_design_templates, get_design_template.\nLaunch Command в Manather оставь пустым: это remote HTTP MCP, весь конфиг лежит в Config JSON."
   - collection: Wikivibe Templates
4. Объясни, что дальше искать шаблоны можно через Wikivibe MCP tools search_design_templates и get_design_template.

Макеты и шаблоны

Strapi Next Ecommerce Starter

CMSaasStarter

Nextjs Blog Cms

Интернет-магазин: T Shop

Spline V2: AI-агент собирает интерактивные 3D-сцены, а интерфейс можно написать поверх них

Распределённый интеллект: кому будет подчинена сеть

Просто пробуй всё. Как я пришёл к вайб-кодингу

Мне внедрили Grafana: что она показывает и зачем нужна проекту

GPT-6 получила Sol и Luna: Terra остаётся моделью линейки GPT-5.6

Awwwards MCP: как AI-агенту искать референсы и проверять web-дизайн

Figma связала макеты с Weave и обновила папки: что меняется в работе с вариациями

Вышла GPT Image 2.5: точечные правки, эскизы и меньше потерянных деталей

ChatGPT в России сломался по-новому: похоже, впервые заблокировали не в OpenAI, а на стороне РФ

Figma добавила управление прозрачностью через токены: как это упрощает дизайн-системы

browser-use: библиотека, которая превращает браузер в инструмент AI-агента

omp (oh-my-pi): полный гайд по функциям CLI-агента для кодинга

OpenAI выпустила GPT-6 Astra — компанию называет это началом «эры AGI»

Figma открыла генеративные плагины и шейдеры: что теперь можно передать из канваса в React

Runway Solaris: интерфейс, который генерируется в реальном времени — и почему это пока не замена веб-разработке

Figma показала, как измерять влияние ИИ на дизайн — и почему одной метрики скорости мало

AI-видеоредакторы, управляемые через Codex и Claude Code

Orca (stablyai/orca) — ADE для оркестрации флота параллельных AI-агентов

oh-my-pi (omp) — терминальный AI-агент для кодинга с «вшитой» IDE

Что такое ИИ-агенты и как они работают: понятное руководство для бизнеса

Get Shit Done (GSD): как организовать работу ИИ-агента

Google Flow: AI Credits, лимиты и сколько видео

Почему Claude блокирует аккаунты: причины бана и VPN

ChatGPT-подписка в Codex: разбор codex-chatgpt-web и codex-with-chatgpt