Ignite UI Theming MCP Server — MCP-сервер для Claude Code: темы
Помогает ИИ-ассистенту собирать палитры, типографику и темы Ignite UI прямо в Sass. Пригодится, когда нужно быстро получить готовый код темы.
claude mcp add igniteui-theming -- npx -y igniteui-themingЧто делает Ignite UI Theming MCP Server
Сервер даёт ассистенту инструменты для работы с темой Ignite UI: он собирает цветовые палитры с оттенками, системы типографики, полные темы для светлого и тёмного режимов, настраивает компоненты через дизайн-токены и проверяет цвета на доступность.
Внутри — Sass-библиотека igniteui-theming с миксинами, функциями и переменными и сам бинарник MCP-сервера. Пакет публикуется в npm, поэтому запуск идёт через npx -y igniteui-theming; клонировать репозиторий не нужно. В реестре MCP сервер значится как io.github.IgniteUI/igniteui-theming, и клиенты с поддержкой реестра добавляют его по этому имени.
Из коробки доступны четыре готовых палитры — material, bootstrap, fluent и indigo, а также пресеты типографики и теней. Уровни теней задаются от 0 до 24. Без Node.js и npx в PATH сервер не поднимется, так что проверьте окружение до настройки клиента.
Какие задачи решает
- собрать палитру с оттенками под фирменные цвета
- получить типографику по дизайн-стандарту
- сделать тему для светлого и тёмного режимов
- настроить компоненты через дизайн-токены
- проверить контраст цветов на доступность
Примеры запросов агенту
- Сгенерируй палитру для Ignite UI на основе цвета #2a6df4
- Собери тему Ignite UI с типографикой fluent и тенями
- Проверь цвета моей темы на соответствие требованиям доступности
Как установить Ignite UI Theming MCP Server
Командой платформы
claude mcp add igniteui-theming -- npx -y igniteui-themingКомандой платформы
codex mcp add ignite-ui-theming-mcp-server -- npx -y igniteui-themingФайл настроек
{
"mcpServers": {
"ignite-ui-theming-mcp-server": {
"command": "npx",
"args": [
"-y",
"igniteui-theming"
]
}
}
}Файл настроек
{
"servers": {
"ignite-ui-theming-mcp-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"igniteui-theming"
]
}
}
}Командой платформы
gemini mcp add ignite-ui-theming-mcp-server npx -y igniteui-themingПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Ignite UI Theming MCP Server
Как установить Ignite UI Theming MCP Server в Claude Code?
Выполните claude mcp add igniteui-theming -- npx -y igniteui-theming. Сервер запустится из опубликованного npm-пакета, клонировать репозиторий не нужно.
Что делает Ignite UI Theming MCP Server?
Даёт ассистенту инструменты для генерации кода темы Ignite UI: палитры, типографика, тени, светлая и тёмная темы, настройка компонентов через дизайн-токены и проверка цветов на доступность.
Какие палитры идут в комплекте?
Четыре готовых набора: material, bootstrap, fluent и indigo. Для каждого есть светлый и тёмный варианты, а также пресеты типографики и теней.
