Skip to content
Development and design with AI
EN
Become an author

Connect WikiVibe MCP

Add the server address to your MCP settings or give this prompt to your AI agent.

URL
https://wikivibe.dev/mcp/
Agent prompt
Connect the WikiVibe MCP server.

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

After connecting, run tools/list and show the available tools.

Search WikiVibe

Recent searches

Popular topics

Become an author

Sign in or create an account to set up your author profile.

Sign in or register
Интернет-магазиныБесплатно

Интернет-магазин: Ecom Store

Open-source шаблон из GitHub для витрины интернет-магазина, каталога товаров, корзины или checkout-сценария. Обложка показывает реальный визуальный результат, а исходники доступны в репозитории abue-ammar/ecom-store. Основа проекта: A modern, fully responsive e-commerce storefront and admin panel built with Next.js 15, TailwindCSS, and Shadcn UI components.

Next.jsReactTailwind CSSshadcn/uiTypeScript
tinyvendor.vercel.app/
GitHubОткрыть страницу
Превью Интернет-магазин: Ecom Store
Интернет-магазин: Ecom Store
Открыть демоGitHub

Related templates

Подключить 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 источник для подбора шаблонов, демо, исходников и файлов.

Добавить макет в Manather

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

1. Сохранить макет

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

URL
https://wikivibe.dev/en/vibe-design/makety/abue-ammar-ecom-store/

Вставьте 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 в мою библиотеку через Manather MCP.

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

Когда MCP доступен:
1. Создай или найди collection "Wikivibe Templates".
2. Вызови add_web_link:
   - url: https://wikivibe.dev/en/vibe-design/makety/abue-ammar-ecom-store/
   - title: Wikivibe Template: Интернет-магазин: Ecom Store
   - collection: Wikivibe Templates
   - notes: "Категория: Интернет-магазины.\nOpen-source шаблон из GitHub для витрины интернет-магазина, каталога товаров, корзины или checkout-сценария. Обложка показывает реальный визуальный результат, а исходники доступны в репозитории abue-ammar/ecom-store. Основа проекта: A modern, fully responsive e-commerce storefront and admin panel built with Next.js 15, TailwindCSS, and Shadcn UI components.\nИсточник: https://github.com/abue-ammar/ecom-store.\nДемо: https://tinyvendor.vercel.app/.\nОбложка: https://cms.wikivibe.dev/assets/6d19837c-025c-4f2a-b983-ddbf5c7b45ec.\nСтек: Next.js, React, Tailwind CSS, shadcn/ui, TypeScript.\nТеги: Интернет-магазин, open-source, GitHub, ecommerce, ecommerce-template, nextjs, nextjs15, reactjs.\nИспользовать как reference asset: сначала открыть страницу Wikivibe, затем проверить GitHub/source и лицензию."
   - tags: ["wikivibe","vibedesign","template","Интернет-магазин","open-source","GitHub","ecommerce","ecommerce-template","nextjs","nextjs15","reactjs"]
3. Вызови set_prompt для добавленного asset:
   "Используй этот шаблон как визуальный UI-референс для Интернет-магазины. Сначала изучи страницу Wikivibe (https://wikivibe.dev/en/vibe-design/makety/abue-ammar-ecom-store/), затем открой исходники (https://github.com/abue-ammar/ecom-store) и демо (https://tinyvendor.vercel.app/). Не копируй вслепую: адаптируй сетку, состояния, типографику и стек под текущий проект."
4. Если Wikivibe MCP ещё не сохранён, вызови add_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
5. Кратко напиши, что добавлено и какие ссылки открыть перед использованием.

Topic catalogue