CodeCrafted Design — MCP-сервер для Claude Code: функции и установка
Сервер помогает вести проект интерфейса от брифа до проверки реализации, сохраняя решения между сессиями. Подключается к Claude Code и другим MCP-клиентам.
claude mcp add --transport http design https://design.codecrafted.co.uk/mcpЧто делает CodeCrafted Design
CodeCrafted Design хранит брифы проектов, схемы маршрутов и краткое состояние для продолжения работы. Агент может исследовать варианты визуального направления, но изменения не применяются без явного одобрения; предусмотрены корректировка и отмена. Это важно, если нужно сначала согласовать направление, а потом менять интерфейс.
Сервис помогает описать структуру сайта или продукта, основы визуального языка, семантические роли цветов и контракты компонентов. Для отдельных частей пользователь выбирает варианты компоновки, оформления и взаимодействия. Токены дизайна можно переносить между проектами, а реализацию проверять по фактам с циклом исправлений.
Сервер работает без дополнительного скилла. Для клиентов без OAuth, в том числе при подключении в CI, нужен API-ключ, передаваемый как Bearer-токен. Установка в Claude Code выполняется командой claude mcp add --transport http codecrafted-design https://design.codecrafted.co.uk/mcp.
Какие задачи решает
- сохранить бриф и схему маршрутов между сессиями
- согласовать визуальное направление до внесения изменений
- задать роли цветов и контракты компонентов
- выбрать варианты компоновки и взаимодействия
- проверить реализацию и составить цикл исправлений
Примеры запросов агенту
- Сохрани бриф проекта и схему маршрутов, чтобы продолжить работу в следующей сессии.
- Предложи варианты визуального направления, но дождись моего одобрения перед изменениями.
- Проверь реализацию интерфейса и помоги пройти цикл исправлений.
Как установить CodeCrafted Design
Командой платформы: удалённый сервер
claude mcp add --transport http design https://design.codecrafted.co.uk/mcpКомандой платформы: удалённый сервер
codex mcp add codecrafted-design --url https://design.codecrafted.co.uk/mcpФайл настроек
{
"mcpServers": {
"codecrafted-design": {
"url": "https://design.codecrafted.co.uk/mcp"
}
}
}Файл настроек
{
"servers": {
"codecrafted-design": {
"type": "http",
"url": "https://design.codecrafted.co.uk/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http codecrafted-design https://design.codecrafted.co.uk/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о CodeCrafted Design
Как установить CodeCrafted Design в Claude Code?
Выполните claude mcp add --transport http codecrafted-design https://design.codecrafted.co.uk/mcp. Это добавит удалённый MCP-сервер.
Что делает CodeCrafted Design?
Он помогает планировать интерфейс по брифу, сохранять решения проекта и проверять готовую реализацию. Изменения направления требуют явного одобрения.
Нужен ли API-ключ для подключения?
OAuth-клиенты могут выполнить вход автоматически. Для CI или клиента без OAuth используйте API-ключ как Bearer-токен.
