Artisign — MCP-сервер для Claude Code: дизайн интерфейсов
Artisign позволяет ИИ-агентам проектировать экраны через MCP, а разработчику проверять результат в браузере. Общая дизайн-система помогает сохранять единый стиль проекта.
claude mcp add artisign -- npx -y artisignЧто делает Artisign
Artisign связывает ИИ-агента с локальной средой проектирования интерфейсов. Агент создаёт экраны через MCP, а разработчик просматривает их в браузере, проверяет переходы и оставляет комментарии. Предпросмотр поддерживает живое обновление, варианты одного экрана и сравнение рядом.
Дизайн-система хранит токены и варианты оформления, на которые ссылаются экраны. Предупреждения о расхождениях помогают находить отступления от общих правил. Данные проекта сохраняются в обычных файлах, а сервер работает локально на 127.0.0.1 без базы данных и учётной записи.
Для установки нужны Node.js версии не ниже 22.4 и macOS или Linux. Windows не поддерживается. Для снимков экрана требуется установленный Chrome, Edge, Brave, Chromium или Firefox; без браузера остальные инструменты продолжают работать. При первой записи Artisign запускает git init в проекте, если доступен Git.
Какие задачи решает
- Создать экраны интерфейса через ИИ-агента
- Согласовать оформление разных экранов через общие токены
- Сравнить варианты одного экрана рядом
- Проверить переходы между экранами в браузере
- Найти расхождения с дизайн-системой
Примеры запросов агенту
- Создай проект Artisign в
/home/user/my-appи подготовь экран главной страницы. - Открой мой проект Artisign и покажи варианты оформления текущего экрана рядом.
- Проверь переходы между экранами и найди расхождения с дизайн-системой.
Как установить Artisign
Командой платформы
claude mcp add artisign -- npx -y artisignКомандой платформы
codex mcp add artisign -- npx -y artisignФайл настроек
{
"mcpServers": {
"artisign": {
"command": "npx",
"args": [
"-y",
"artisign"
]
}
}
}Файл настроек
{
"servers": {
"artisign": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"artisign"
]
}
}
}Командой платформы
gemini mcp add artisign npx -y artisignПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Artisign
Как установить Artisign в Claude Code?
Установи MCP-сервер командой claude mcp add artisign -- npx -y artisign. Затем запусти artisign, чтобы поднять локальный сервер и открыть предпросмотр, и перезапусти Claude Code после подключения.
Что делает Artisign?
Artisign позволяет ИИ-агентам создавать интерфейсы через MCP и проверять результат в браузере. Дизайн-система хранит общие токены и варианты, а предпросмотр показывает экраны и переходы.
Какие требования нужны для работы Artisign?
Нужны Node.js версии не ниже 22.4 и macOS или Linux. Для снимков экрана требуется установленный браузер из поддерживаемых семейств; Windows не поддерживается.
