Обзор сервиса

MCP Report Generator — сервер для генерации HTML-отчётов и инструкций через Model Context Protocol (MCP). Работает через SSE-транспорт, подключается к Claude Code и другим MCP-клиентам.

Главная страница — hero-секция с описанием сервиса
Главная страница — hero-секция с описанием сервиса
Карточки: отчёт, инструкция, MCP API
Карточки: отчёт, инструкция, MCP API
Подключение

Три способа подключить MCP-сервер к Claude Code.

1.1 Проектный конфиг

Файл .mcp.json в корне проекта — сервер доступен только в этом проекте.

Корень проекта.mcp.json
ПолеОписание
typeТип транспорта: sse
urlURL SSE-эндпоинта: https://tpl.developing-site.ru/mcp/sse
Примеры конфигурации на главной странице
Примеры конфигурации на главной странице
1.2 Глобальный конфиг

Файл ~/.claude/mcp.json — сервер доступен из любого проекта.

~/.claudemcp.json
Как сделать
  1. 1Создайте или отредактируйте ~/.claude/mcp.json
  2. 2Добавьте блок "reports" в mcpServers
  3. 3Перезапустите Claude Code→ MCP-инструменты появятся автоматически
1.3 Совместно с другими серверами

Добавьте "reports" в существующий mcpServers рядом с другими серверами.

Важно: После изменения .mcp.json необходимо перезапустить Claude Code.
Инструменты MCP

Сервер предоставляет три MCP-инструмента для генерации документов.

Секция инструментов на главной странице
Секция инструментов на главной странице
generate_report

Генерирует HTML-отчёт (чеклист) по задачам проекта. Статусы: выполнено, частично, ошибка. Поддерживает шаги проверки и E2E-тесты.

3.1 Параметры и схема

Основные параметры инструмента generate_report.

ПолеОписание
project_nameНазвание проекта (string, обязательный)
project_urlURL сайта (string, обязательный)
dateДата отчёта (string, обязательный)
groupsГруппы задач с пунктами (ItemGroup[], обязательный)
test_summaryСводка E2E-тестов (TestFile[], опционально)
darkТёмная тема по умолчанию (boolean, false)
Документация: параметры generate_report
Документация: параметры generate_report
3.2 Пример результата

Сгенерированный отчёт с боковой навигацией, статусами и шагами проверки.

Пример сгенерированного отчёта
Пример сгенерированного отчёта
generate_guide

Генерирует HTML-инструкцию администратора с таблицами полей, хлебными крошками, скриншотами и пошаговыми инструкциями.

4.1 Параметры и схема

Основные параметры инструмента generate_guide.

ПолеОписание
project_nameНазвание проекта (string, обязательный)
admin_urlURL админ-панели (string, обязательный)
credentialsДанные доступа: url, login, password (Credentials, обязательный)
sectionsРазделы инструкции (GuideSection[], обязательный)
darkТёмная тема по умолчанию (boolean, false)
Документация: параметры generate_guide
Документация: параметры generate_guide
4.2 Пример результата

Сгенерированная инструкция с боковой панелью, SVG-иконками и блоком данных доступа.

Пример сгенерированной инструкции
Пример сгенерированной инструкции
Документация

Полная документация по всем моделям данных, дизайн-системе и примерам использования.

5.1 Обзор документации

Страница docs.html содержит описание всех инструментов, моделей, иконок и примеров.

Как сделать
  1. 1Откройте tpl.developing-site.ru/docs.html→ Страница документации с боковой навигацией
  2. 2Используйте навигацию слева для перехода между разделами
  3. 3Скопируйте JSON-пример для вызова инструмента→ Готовый JSON для MCP-вызова
Обзор страницы документации
Обзор страницы документации
5.2 Модели данных

Типизированные Pydantic-модели: Step, Note, CheckItem, ItemGroup, GuideSection, GuideSubsection, Credentials, Screenshot и др.

Раздел моделей данных
Раздел моделей данных
5.3 Примеры использования

JSON-примеры для generate_report и generate_guide, промпты на естественном языке для Claude.

Примеры вызовов инструментов
Примеры вызовов инструментов
Дизайн-система

Четыре семантических цвета, SVG-иконки Lucide, адаптивная вёрстка, светлая/тёмная тема.

6.1 Цвета и компоненты

Синий (акцент), зелёный (выполнено), оранжевый (внимание), красный (ошибка). Каждый в трёх вариантах: основной, фон, рамка.

Дизайн-система: цвета и компоненты
Дизайн-система: цвета и компоненты
6.2 Иконки

17 SVG-иконок из набора Lucide (16x16, контурные): lock, fileText, monitor, package, calculator, settings, barChart, shield, msgSquare, list, image, mapPin, fileMinus, user, smartphone, calendar, mail.

Доступные SVG-иконки
Доступные SVG-иконки
6.3 Тёмная тема

Все шаблоны поддерживают светлую и тёмную тему. Переключение кнопкой или параметром dark: true.

Главная страница в тёмной теме
Главная страница в тёмной теме
Документация в тёмной теме
Документация в тёмной теме
Совет: Выбор темы сохраняется в localStorage. Пользователь может переключить тему кнопкой в боковой панели.