MCP-сервер FlowZap

Создавайте диаграммы рабочих процессов, последовательностей и архитектуры с помощью ИИ-ассистентов, таких как Claude, Cursor, Windsurf и 8 других инструментов, совместимых с MCP.

FlowZap — это инструмент для визуального построения диаграмм рабочих процессов с использованием текстового DSL под названием FlowZap Code. Этот MCP-сервер позволяет ИИ-ассистентам создавать диаграммы за вас.

Что такое FlowZap?

FlowZap превращает текстовые запросы в диаграммы с тремя представлениями (рабочий процесс, последовательность и архитектура) с использованием DSL FlowZap Code. Это НЕ Mermaid, НЕ PlantUML — это уникальный предметно-ориентированный язык, разработанный для простоты и генерации с помощью ИИ.

Ключевые факты:

• Всего 4 фигуры: circle, rectangle, diamond, taskbox

• Атрибуты узла используют двоеточие: label:"Текст"

• Метки ребер используют знак равенства: [label="Текст"]

• Обработка дескрипторов: n1.handle(right) -> n2.handle(left)

• Метка отображения дорожки (lane) должна быть на той же строке, что и открывающая фигурная скобка: laneName { # Метка

• Качество диаграммы последовательности: каждый запрос между дорожками требует соответствующего ответного ребра перед следующим основным запросом; определяйте ребра в хронологическом порядке; придерживайтесь строгого ритма запрос → ответ → следующий запрос; никаких осиротевших узлов

Установка

MCP-сервер FlowZap работает с любым инструментом, поддерживающим протокол Model Context Protocol (MCP):

Все совместимые инструменты разработки

Не поддерживается: Replit и Lovable.dev поддерживают только удаленные MCP-серверы через URL. Используйте вместо этого Public API.

JSON-конфигурация

Все инструменты используют один и тот же формат JSON-конфигурации:

{
  "mcpServers": {
    "flowzap": {
      "command": "npx",
      "args": ["-y", "flowzap-mcp"]
    }
  }
}

Пользователи Windows: Если инструменты не отображаются, используйте абсолютный путь:

"command": "C:\\Program Files\\nodejs\\npx.cmd"

Узнайте свой путь к npx с помощью команды: where.exe npx

Доступные инструменты

Основные инструменты

Инструменты для агентов

Примеры использования

Базовое создание диаграмм

Попросите своего ИИ-ассистента:

• "Сгенерируй диаграмму последовательности текущего процесса входа в систему, реализованного в этом приложении"

• "Создай диаграмму рабочего процесса для системы обработки заказов"

• "Создай архитектурную диаграмму для API-шлюза микросервисов"

• "Сделай блок-схему, показывающую процесс регистрации пользователя"

• "Нарисуй диаграмму CI/CD-конвейера с этапами сборки, тестирования и развертывания"

Рабочие процессы для агентов

Парсинг HTTP-логов в диаграммы:

"Here are my nginx access logs. Create a sequence diagram showing the request flow."

Агент использует flowzap_artifact_to_diagram с параметром artifactType: "http_logs".

Анализ структуры диаграммы:

"Which steps in this workflow touch the database?"

Агент использует flowzap_export_graph для получения JSON-графа, а затем выполняет запросы к нему.

Показать, что изменилось:

"I updated the workflow. What's different from the previous version?"

Агент использует flowzap_diff для сравнения старого и нового кода.

Безопасные инкрементальные обновления:

"Add a logging step after the API call in this diagram."

Агент использует flowzap_apply_change со структурированным патчем вместо повторной генерации.

Ассистент:

1. Сгенерирует FlowZap Code на основе вашего описания

2. Проверит код

3. Создаст URL-адрес площадки с соответствующим представлением (рабочий процесс, последовательность или архитектура) для просмотра и обмена

Пример FlowZap Code

sales { # Sales Team
  n1: circle label:"Order Received"
  n2: rectangle label:"Submit Order"
  n5: rectangle label:"Receive decision"
  n1.handle(right) -> n2.handle(left)
  n2.handle(bottom) -> fulfillment.n3.handle(top) [label="Submit"]
}

fulfillment { # Fulfillment
  n3: rectangle label:"Review Order"
  n4: rectangle label:"Return decision"
  n3.handle(right) -> n4.handle(left)
  n4.handle(top) -> sales.n5.handle(bottom) [label="Approved"]
}

Безопасность

• Аутентификация не требуется - использует только публичные API FlowZap

• Нет доступа к пользовательским данным - не может читать ваши диаграммы или учетную запись

• Работает локально - MCP-сервер запускается на вашем компьютере

• Защита от SSRF - подключается только к flowzap.xyz

• Ограничение частоты запросов - 30 запросов в минуту на стороне клиента

• Валидация входных данных - максимальный размер кода 50 КБ

Навык агента (skills.sh)

Установите навык FlowZap для 40+ совместимых агентов кодирования через skills.sh:

npx skills add flowzap-xyz/flowzap-mcp

• Список skills.sh: https://skills.sh/flowzap-xyz/flowzap-mcp/flowzap-diagrams

• Исходный код навыка: skills/flowzap-diagrams/

• Совместим с: Claude Code, Cursor, Windsurf, Codex, Gemini CLI, GitHub Copilot, Cline, Roo Code, Augment, OpenCode и другими.

Ссылки

• Веб-сайт FlowZap

• Документация FlowZap Code

• Блог FlowZap MCP

• Контекст LLM

• Библиотека шаблонов

• Пакет npm

• Репозиторий GitHub

Лицензия

MIT