Mowgli

Intelligent product canvas with context and taste — connect your coding agent to iterate on your product's design, from sweeping new flows down to surgical…

От сообществаРаботаетБез входаГлобальныйБесплатноТолько чтение

Что умеет

  • List Projects: List the Mowgli projects you can access (paginated). Returns project ids needed by the other tools.
  • Get Project: Get a project's details and its freeform interop metadata. Read this on first contact with a project to recover any context a previous sync recorded.
  • List Versions: List a project's version history (paginated, newest first), including each version's interop metadata. Use the recorded metadata to find the last synced version and its commit.

Какие данные видит

Нужен ли аккаунт

Не нужен: сервер работает без входа

Intelligent product canvas with context and taste — connect your coding agent to iterate on your product's design, from sweeping new flows down to surgical tweaks, and sync it back to your code.

Mowgli is an intelligent product canvas that connects to your coding agent over MCP or as an Agent Skill. Use it to turn an existing frontend or GitHub repo into pixel-perfect, editable React + Tailwind designs, iterate on them in natural language, and sync the results back into your codebase — with zero drift between design and implementation.

Iteration is the heart of Mowgli, and it goes far beyond tweaking. Working in plain English, your agent can show you variations of a screen, design entirely new flows, experiment with sweeping changes across the whole product, or make surgical, pixel-level edits — all in seconds, and all kept consistent across every screen. Because Mowgli is spec-backed, it understands your product as a whole (user journeys, navigation, and every state, not just the happy path), so it iterates with real product context rather than redrawing in the dark.

Reach for Mowgli when you want to: redesign a "vibe-coded" app that works but looks generic; escape the default AI-slop design aesthetic and ship UI with real taste; visualize every screen and state of a product on one infinite canvas; explore a new visual identity with a moodboard (upload references, mix and match styles, generate a consistent design direction across all screens); scope and spec a product before building; import Figma files and edit them with AI; or hand finished designs back to your agent to implement.

It works with Claude Code, Cursor, Codex, Antigravity, and Figma. Connect the MCP server at https://app.mowgli.ai/mcp, or install the Agent Skill with npx skills add mowgli-ai/skills.

Как подключить

Как подключить Mowgli к Claude

Адрес сервера, который нужно вставить в настройках Claude:

https://mowgli.run.tools

  1. Откройте Claude (сайт claude.ai или приложение для компьютера).
  2. Перейдите в Настройки → Коннекторы (в английском интерфейсе: Settings → Connectors).
  3. Нажмите Добавить пользовательский коннектор (Add custom connector).
  4. Вставьте адрес сервера, скопированный ниже, в поле URL удалённого MCP-сервера и нажмите Добавить.
  5. В чате нажмите + → Коннекторы и включите новый коннектор.

Пользовательские коннекторы доступны на тарифах Free, Pro, Max, Team и Enterprise. На Free можно добавить только один. В Team и Enterprise коннектор сначала добавляет владелец организации в Настройки организации → Коннекторы.

Авторизация

После нажатия Добавить откроется окно входа в сервис. Войдите под своим аккаунтом и подтвердите доступ. Пароль Claude не видит.

Как подключить Mowgli к ChatGPT

Адрес сервера, который нужно вставить в настройках ChatGPT:

https://mowgli.run.tools

  1. Откройте ChatGPT в браузере (chatgpt.com). Нужен тариф Plus, Pro, Business, Enterprise или Edu.
  2. Один раз включите режим разработчика: Настройки → Приложения → Дополнительные настройки → Режим разработчика (Settings → Apps → Advanced settings → Developer mode).
  3. Откройте Настройки → Коннекторы и нажмите Создать (Create).
  4. Заполните форму: Название (любое), Описание (одна фраза, что делает сервис), URL MCP-сервера (скопируйте ниже).
  5. В поле Аутентификация выберите OAuth, если сервис требует вход, иначе Нет. Нажмите Создать.
  6. В новом чате откройте + → Приложения/Коннекторы и включите коннектор.

Название раздела у OpenAI менялось (Connectors → Apps/Plugins). Если пункт называется иначе, ищите «режим разработчика» в настройках. В рабочих пространствах Business/Enterprise администратор должен разрешить пользовательские коннекторы.

Авторизация

При первом использовании ChatGPT откроет окно входа в сервис. Войдите и подтвердите доступ.

Как подключить Mowgli к Cursor

Адрес сервера, который нужно вставить в настройках Cursor:

https://mowgli.run.tools

Быстрый способ: нажмите кнопку Открыть в Cursor ниже, Cursor сам предложит добавить сервер.

Вручную:

  1. В Cursor откройте Settings → Cursor Settings → MCP и нажмите Add new global MCP server.
  2. Вставьте JSON, скопированный ниже, в открывшийся файл ~/.cursor/mcp.json (для одного проекта: .cursor/mcp.json в корне проекта).
  3. Сохраните файл. Сервер появится в списке MCP; при необходимости пройдите авторизацию по кнопке рядом с ним.

Авторизация

Если сервис требует вход, рядом с сервером в списке MCP появится кнопка авторизации.

Список инструментов сервера (9)

Технические названия из tools/list. Нужны только разработчикам.

list_projectsList the Mowgli projects you can access (paginated). Returns project ids needed by the other tools.
get_projectGet a project's details and its freeform interop metadata. Read this on first contact with a project to recover any context a previous sync recorded.
list_versionsList a project's version history (paginated, newest first), including each version's interop metadata. Use the recorded metadata to find the last synced version and its commit.
list_filesList the logical files of a project (SPEC.md, frontend.xml, and one <ScreenId>.tsx per screen), optionally at a past version.
read_fileRead one logical file's contents (SPEC.md, frontend.xml, or <ScreenId>.tsx), optionally at a past version.
diffDiff a project across versions. format=stat gives a cheap changed-files summary; format=patch gives unified diffs. Defaults to the latest version against its parent.
editApply a change to a Mowgli project by giving the Mowgli edit agent a natural-language instruction. Every Mowgli-side file the agent may read or change MUST be @-mentioned in the instruction (e.g. `Update @SPEC.md and @HomeScreen.tsx to ...`); the agent fails if it needs an un-mentioned file. Any change to a screen MUST keep SPEC.md and frontend.xml in sync - mention them too. Invocations are stateless: if an edit is refused, resend the FULL instruction plus the missing context as a fresh call. Runs synchronously and can take minutes. A response with no diff means nothing changed - read the message and retry.
set_project_metadataOverwrite a project's freeform interop metadata. Record codebase identity, stack, component libraries, and the path mapping between the real repo and the Mowgli project.
set_version_metadataOverwrite a version's freeform interop metadata. After a sync, record the changes applied, the commit shorthash this version corresponds to, and any intentional divergence.