Semiotic — MCP-сервер для Claude Code: что делает и как установить
MCP-сервер для создания и проверки графиков на React через ассистента. Пригодится при вёрстке аналитических дашбордов и сложных графов.
claude mcp add --transport http semiotic https://semiotic-mcp-server-481507046413.us-west1.run.app/mcpЧто делает Semiotic
MCP-сервер связывает ассистента с инструментами библиотеки Semiotic. Модель получает доступ к схемам свойств компонентов, проверкам вёрстки и готовым типам визуализаций — от базовых линейных графиков до диаграмм Сэнки и хорд.
Инструмент умеет проверять массивы данных перед отрисовкой. Встроенная диагностика отлавливает некорректные логарифмические шкалы, бесконечные величины и аномальные выбросы, ломающие расчёт геометрии. Для живых метрик поддерживается потоковый вывод на canvas с частотой 60fps.
Перед установкой проверьте текущие зависимости проекта: для мелких правок разумнее доработать уже подключённую библиотеку графиков. Сервер запускается локально через npx либо подключается по удалённому HTTP-адресу.
Какие задачи решает
- проверить свойства и структуру компонентов графика
- выявить аномалии в числовых данных до отрисовки
- построить сетевые графы и диаграммы переходов
- настроить потоковую визуализацию на canvas с высокой частотой кадров
Примеры запросов агенту
- Собери диаграмму Сэнки на Semiotic для визуализации переходов пользователей
- Проверь конфигурацию графика и исправь ошибки в расчёте логарифмической шкалы
- Создай компонент потокового графика с обновлением данных через canvas
Как установить Semiotic
1Командой платформы: удалённый сервер
claude mcp add --transport http semiotic https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp2Командой платформы
claude mcp add semiotic -- npx -y semiotic1Командой платформы: удалённый сервер
codex mcp add semiotic --url https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp2Командой платформы
codex mcp add semiotic -- npx -y semioticФайл настроек
{
"mcpServers": {
"semiotic": {
"url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
}
}
}{
"mcpServers": {
"semiotic": {
"command": "npx",
"args": [
"-y",
"semiotic"
]
}
}
}Файл настроек
{
"servers": {
"semiotic": {
"type": "http",
"url": "https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp"
}
}
}{
"servers": {
"semiotic": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"semiotic"
]
}
}
}1Командой платформы: удалённый сервер
gemini mcp add -t http semiotic https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp2Командой платформы
gemini mcp add semiotic npx -y semioticПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Semiotic
Как установить Semiotic в Claude Code?
Выполните в терминале команду claude mcp add --transport http semiotic https://semiotic-mcp-server-481507046413.us-west1.run.app/mcp.
Что делает MCP-сервер Semiotic?
Он предоставляет модели схемы свойств, диагностику антипаттернов и правила рендеринга графиков React. Это помогает кодогенераторам исправлять неверные конфигурации компонентов без сломанных экранов.
Какие ошибки в данных находит диагностика Semiotic?
Аудит выявляет бесконечные числа, нулевые интервалы шкал, отрицательные размеры фигур и критические выбросы. Это предотвращает математические сбои при синтаксически корректном коде.
