AINDF — MCP-сервер для Claude Code: что делает и как установить
Read-only MCP-сервер над одним бандлом дизайн-системы AINDF: агент смотрит компоненты, слоты и пресеты, проверяет экраны по контрактам.
claude mcp add aindf-kit -- npx -y @ai-native-design-framework/kitЧто делает AINDF
aindf mcp поднимает stdio-сервер поверх одного бандла дизайн-системы. Бандл собирает команда aindf bundle, он получает хеш содержимого bundleSha256 и дальше не меняется, а экраны ссылаются уже на эту ревизию. Без собранного bundle.json серверу нечего отдавать, поэтому порядок такой: сначала bundle, потом mcp.
В read-only режиме открыто семь инструментов: list-by-facet, slot-accepts, applicable-modifiers, get-preset, get-ds, get-component и validate-screen. У каждого есть заголовок и MCP-подсказки (readOnlyHint, destructiveHint, idempotentHint, openWorldHint), так что клиент видит, что ничего не пишется. Проверка экрана идёт по контрактам компонентов: пропсы закрыты, слоты принимают ограниченный набор, токены двигаются только вниз по слоям.
submit-screen и request-extension в локальном запуске недоступны: их отдаёт эндпоинт со staging, нужен авторский токен, и принятые черновики он всё равно не фиксирует. Агент просто вернёт вам ScreenSpec или скажет, чего не хватает. Сам пакет не содержит дизайн-системы, а квитанция сборки — не подпись.
Какие задачи решает
- посмотреть, какие компоненты принимает конкретный слот
- проверить экран на соответствие контрактам бандла до сборки
- взять контракт компонента вместе с шаблоном и пропсами
- узнать, какие модификаторы применимы к роли
- понять, на какую ревизию дизайн-системы закреплён экран
Примеры запросов агенту
- Покажи через
get-component, какие пропсы и слоты есть у ролиDialogPanelв этом бандле - Проверь
settings.screen.jsonинструментомvalidate-screenи перечисли нарушения - Какие модификаторы применимы к кнопке из этого бандла?
Как установить AINDF
Командой платформы
claude mcp add aindf-kit -- npx -y @ai-native-design-framework/kitКомандой платформы
codex mcp add aindf-kit -- npx -y @ai-native-design-framework/kitФайл настроек
{
"mcpServers": {
"aindf-kit": {
"command": "npx",
"args": [
"-y",
"@ai-native-design-framework/kit"
]
}
}
}Файл настроек
{
"servers": {
"aindf-kit": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@ai-native-design-framework/kit"
]
}
}
}Командой платформы
gemini mcp add aindf-kit npx -y @ai-native-design-framework/kitПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о AINDF
Как установить AINDF в Claude Code?
Одной командой: claude mcp add aindf-kit -- npx -y @ai-native-design-framework/kit. После этого сервер запускается через npx при обращении клиента.
Что делает AINDF?
Отдаёт агенту содержимое одного бандла дизайн-системы: список компонентов и слотов, применимые модификаторы, пресеты. Отдельный инструмент проверяет написанный экран по этим контрактам.
Почему агент не может отправить экран сам?
submit-screen и request-extension предлагает только эндпоинт со staging, и ему нужен авторский токен. Локальный aindf mcp работает read-only и показывает семь инструментов, так что результат остаётся у вас.
