memi

memi

sarveshseaMIT
11 звёзд2 форков
memi — это память дизайн-системы для ИИ-агентов. Он даёт Claude Code, Cursor и Codex доступ к вашим токенам, компонентам и Figma-дизайну. Агенты перестают ломать вёрстку и соблюдают единую дизайн-систему. Инструмент извлекает токены из Tailwind-проекта, синхронизируется с Figma, генерирует shadcn-реестры и запускает фоновый демон для постоянного контекста. Всё это нужно, чтобы ИИ понимал, как выглядит ваш дизайн, и редактировал код осознанно.
DesignDevelopmentFigma
Открыть на GitHubОфициальный сайт

Установка

npx -y @memi-design/cli

Характеристики

Общее

  • СтатусСообщество
  • Разработчикsarveshsea
  • ЛицензияMIT

Технологии

  • Языки
    TypeScript
  • Транспорт
    stdio

Описание

Возможности

  • Диагностирует текущий Tailwind-проект на соответствие дизайн-системе (команда memi diagnose).
  • Извлекает токены дизайна: цвета, типографику, отступы и другие переменные из файлов стилей (memi tokens).
  • Публикует shadcn-совместимый реестр для быстрой генерации UI-компонентов (memi shadcn export).
  • Инициализирует рабочее пространство дизайн-системы с манифестом (memi suite init).
  • Запускает фоновый демон, который синхронизирует токены и передаёт их агентам в реальном времени (memi daemon start).
  • Устанавливает агентские интеграции для Claude Code, Cursor, Codex, OpenCode и других ИИ-ассистентов (memi agent install).
  • Планирует симуляции на основе гипотез — проверяет, как изменения повлияют на дизайн (memi simulate plan).
  • Создаёт отчёты о состоянии дизайн-системы и токенах в формате JSON.
  • Работает с любыми Tailwind-проектами: сканирует файлы конфигурации и стилей автоматически.

Как подключить

  1. Установите memi глобально:
    npm i -g @memi-design/cli
  2. Настройте MCP-сервер в вашем клиенте (например, Claude Desktop). Добавьте в конфигурацию:
    { "mcpServers": { "memi": { "command": "npx", "args": ["-y", "@memi-design/cli", "daemon", "start", "--project", "."] } } }
  3. Перезапустите клиент. memi автоматически запустит демона и предоставит агенту доступ к дизайн-системе.

Если вы работаете с другим ИИ-агентом (Cursor, Codex), используйте команду memi agent install cursor после запуска демона. Подробнее в документации.

Примеры запросов

  • «Проверь мой Tailwind-проект на соответствие дизайн-системе и покажи ошибки.»
  • «Извлеки все токены цветов из файлов конфигурации и стилей, выведи в виде JSON.»
  • «Сгенерируй shadcn-реестр компонентов на основе текущих токенов и опубликуй в папку public/r.»
  • «Установи интеграцию memi для Claude Code в этом проекте и настрой демон.»
  • «Создай симуляцию гипотезы: новая онбординговая страница снижает риск оттока. Оцени влияние на дизайн-систему.»

Технические детали

  • Язык: TypeScript
  • Транспорт: stdio
  • Лицензия: MIT
  • Совместимые клиенты: Claude Code, Cursor, Codex, OpenCode, Hermes, OpenClaw
  • Установка: npm i -g @memi-design/cli

Поделиться