# CodeCrafted Design

Сервер помогает вести проект интерфейса от брифа до проверки реализации, сохраняя решения между сессиями. Подключается к Claude Code и другим MCP-клиентам.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Автор: codecrafted-uk
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/codecrafted-uk/cc-design-mcp
- Обновлён: 2026-07-18
- HTML: https://affpapa.org/nevibecode/mcp/codecrafted-design

## Что делает

CodeCrafted Design хранит брифы проектов, схемы маршрутов и краткое состояние для продолжения работы. Агент может исследовать варианты визуального направления, но изменения не применяются без явного одобрения; предусмотрены корректировка и отмена. Это важно, если нужно сначала согласовать направление, а потом менять интерфейс.

Сервис помогает описать структуру сайта или продукта, основы визуального языка, семантические роли цветов и контракты компонентов. Для отдельных частей пользователь выбирает варианты компоновки, оформления и взаимодействия. Токены дизайна можно переносить между проектами, а реализацию проверять по фактам с циклом исправлений.

Сервер работает без дополнительного скилла. Для клиентов без OAuth, в том числе при подключении в CI, нужен API-ключ, передаваемый как Bearer-токен. Установка в Claude Code выполняется командой `claude mcp add --transport http codecrafted-design https://design.codecrafted.co.uk/mcp`.

## Требования
- Удалённый сервер: `https://design.codecrafted.co.uk/mcp`

## Установка

### Claude Code (родная платформа)

**Командой платформы: удалённый сервер**
```bash
claude mcp add --transport http design https://design.codecrafted.co.uk/mcp
```

### Codex

**Командой платформы: удалённый сервер**
```bash
codex mcp add codecrafted-design --url https://design.codecrafted.co.uk/mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "codecrafted-design": {
            "url": "https://design.codecrafted.co.uk/mcp"
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "codecrafted-design": {
            "type": "http",
            "url": "https://design.codecrafted.co.uk/mcp"
        }
    }
}
```

### Gemini CLI

**Командой платформы: удалённый сервер**
```bash
gemini mcp add -t http codecrafted-design https://design.codecrafted.co.uk/mcp
```

## Когда брать
- сохранить бриф и схему маршрутов между сессиями
- согласовать визуальное направление до внесения изменений
- задать роли цветов и контракты компонентов
- выбрать варианты компоновки и взаимодействия
- проверить реализацию и составить цикл исправлений

## Примеры запросов агенту
- Сохрани бриф проекта и схему маршрутов, чтобы продолжить работу в следующей сессии.
- Предложи варианты визуального направления, но дождись моего одобрения перед изменениями.
- Проверь реализацию интерфейса и помоги пройти цикл исправлений.

## Похожие
- [Next AI Draw.io](https://affpapa.org/nevibecode/mcp/next-ai-drawio.md) — MCP-сервер · ★ 36427
- [tldraw](https://affpapa.org/nevibecode/mcp/tldraw.md) — MCP-сервер · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/nevibecode/mcp/figma-context-mcp.md) — MCP-сервер · ★ 16073
- [Agent-Native Assets](https://affpapa.org/nevibecode/mcp/agent-native-assets.md) — MCP-сервер · ★ 7527
- [Remove AI Watermarks](https://affpapa.org/nevibecode/mcp/remove-ai-watermarks.md) — MCP-сервер · ★ 6144
- [Dembrandt](https://affpapa.org/nevibecode/mcp/dembrandt.md) — MCP-сервер · ★ 3851

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md