Skip to main content
Glama

Попробуйте прямо сейчас

npx @sarveshsea/memoire design-doc https://stripe.com

Извлекает цвета, типографику, отступы, тени и паттерны компонентов с любого публичного URL. Создает файл DESIGN.md с наброском конфигурации Tailwind. 10 секунд. Нулевая настройка.


Что вы получаете

Входные данные

Выходные данные

Любой публичный URL

DESIGN.md с полным списком токенов + конфигурация Tailwind

Файл Figma (REST или плагин)

Дизайн-токены, компоненты, стили

Файл Penpot

Те же токены, тот же конвейер

JSON-спецификации

Компоненты React + TypeScript + Tailwind (shadcn/ui)

Сгенерированные компоненты

Storybook-истории + сервер реестра shadcn

npm i -g @sarveshsea/memoire

memi design-doc https://linear.app     # extract any site's design system
memi go                                 # figma -> tokens -> specs -> components -> preview
memi go --rest                          # same thing, no figma desktop needed
memi go --penpot                        # same thing, from penpot
memi tokens                             # export as CSS / Tailwind / JSON / Style Dictionary

Использование с Claude Code / Cursor

Memoire — это MCP-сервер с 20 инструментами. Предоставьте вашему ИИ-ассистенту прямой доступ к вашей дизайн-системе.

memi mcp config --install              # writes .mcp.json, done

Или добавьте вручную в .mcp.json:

{
  "mcpServers": {
    "memoire": {
      "command": "memi",
      "args": ["mcp", "start"]
    }
  }
}

Инструменты включают: pull_design_system, generate_code, create_spec, get_tokens, compose, design_doc, run_audit, capture_screenshot, analyze_design и еще 11.


Полный справочник команд

Команда

Что она делает

memi setup

Полная настройка: токен, файл, плагин, мост, конфигурация MCP, тестовое получение

memi init

Инициализация рабочего пространства со стартовыми спецификациями

memi connect

Запуск моста Figma (автоматическое обнаружение плагина на портах 9223-9232)

memi pull

Извлечение токенов, компонентов, стилей из Figma

memi pull --rest

Получение через REST API — без плагина, без Figma Desktop

memi pull --penpot

Получение из Penpot (требуются PENPOT_TOKEN + PENPOT_FILE_ID)

memi spec <type> <name>

Создание спецификации компонента, страницы или визуализации данных

memi generate [name]

Генерация кода shadcn/ui + Storybook-историй на основе спецификаций

memi generate --no-stories

Генерация без Storybook-историй

memi preview

Запуск галереи предпросмотра + сервера реестра shadcn

memi go

Полный конвейер одной командой

memi export

Экспорт сгенерированного кода в ваш проект

memi tokens

Экспорт токенов в формате CSS / Tailwind / JSON / Style Dictionary (W3C DTCG)

memi validate

Проверка всех спецификаций на соответствие схемам

Команда

Что она делает

memi design-doc <url>

Извлечение дизайн-системы из любого URL в DESIGN.md

memi design-doc <url> --spec

Дополнительно создает DesignSpec JSON для генерации кода

memi extract <url>

Псевдоним для design-doc

Команда

Что она делает

memi sync

Полная синхронизация: Figma + спецификации + код

memi sync --live

Отслеживание и непрерывная синхронизация

memi compose "<intent>"

Оркестратор агентов: классификация, планирование, выполнение

memi agent spawn <role>

Запуск постоянного агента-исполнителя

memi research from-file <path>

Обработка Excel/CSV в исследование

memi research synthesize

Синтез тем и персонажей

memi daemon start

Запуск демона с реактивным конвейером

Команда

Что она делает

memi status

Обзор состояния проекта

memi doctor

Проверка работоспособности: проект, плагин, мост

memi dashboard

Запуск панели мониторинга

memi audit

Аудит дизайн-системы (WCAG, неиспользуемые спецификации)

Все команды поддерживают --json для структурированного вывода.


Рабочий процесс «сначала спецификация»

Каждый компонент начинается как JSON-спецификация перед генерацией кода:

{
  "name": "MetricCard",
  "type": "component",
  "level": "molecule",
  "shadcnBase": ["Card", "Badge"],
  "props": { "title": "string", "value": "string", "trend": "string?" },
  "variants": ["default", "compact"]
}

Спецификации проверяются с помощью схем Zod. Компоненты следуют методологии Atomic Design (атом, молекула, организм, шаблон, страница).


Архитектура

src/
  engine/     Core orchestrator, registry, sync, pipeline
  figma/      WebSocket bridge + REST client + Penpot client
  agents/     Intent classifier, plan builder, task queue
  mcp/        MCP server (20 tools, 3 resources, stdio)
  codegen/    shadcn/ui mapper, Storybook, dataviz, pages
  research/   Research engine (Excel, stickies, web)
  specs/      Spec types, Zod schemas, 62-component catalog
  preview/    Preview gallery, API server, shadcn registry
  notes/      Downloadable skill packs
  commands/   28 CLI commands
  plugin/     Figma plugin (Widget V2)

Ссылки

memoire.cv -- Журнал изменений -- Документация MCP -- Заметки

Лицензия

MIT

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/sarveshsea/m-moire'

If you have feedback or need assistance with the MCP directory API, please join our Discord server