de en es ja ko ru zh

memoire

Name: memoire
Author: sarveshsea

by sarveshsea

Overview Schema Related Servers Score Discussions

TypeScript

Hybrid

Jetzt ausprobieren

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

Extrahiert Farben, Typografie, Abstände, Schatten und Komponentenmuster von jeder öffentlichen URL. Erstellt eine DESIGN.md mit einem Tailwind-Konfigurationsentwurf. 10 Sekunden. Null Konfiguration.

Was du bekommst

Eingabe	Ausgabe
Jede öffentliche URL	`DESIGN.md` mit vollständigem Token-Inventar + Tailwind-Konfiguration
Figma-Datei (REST oder Plugin)	Design-Tokens, Komponenten, Styles
Penpot-Datei	Dieselben Tokens, dieselbe Pipeline
JSON-Spezifikationen	React + TypeScript + Tailwind-Komponenten (shadcn/ui)
Generierte Komponenten	Storybook-Stories + shadcn-Registry-Server

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

Verwendung mit Claude Code / Cursor

Memoire ist ein MCP-Server mit 20 Tools. Gib deinem KI-Assistenten direkten Zugriff auf dein Design-System.

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

Oder füge es manuell zu .mcp.json hinzu:

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

Zu den Tools gehören: pull_design_system, generate_code, create_spec, get_tokens, compose, design_doc, run_audit, capture_screenshot, analyze_design und 11 weitere.

Vollständige Befehlsreferenz

Befehl	Was er bewirkt
`memi setup`	Vollständiges Onboarding: Token, Datei, Plugin, Bridge, MCP-Konfiguration, Test-Abruf
`memi init`	Arbeitsbereich mit Starter-Spezifikationen initialisieren
`memi connect`	Figma-Bridge starten (erkennt Plugin automatisch auf den Ports 9223-9232)
`memi pull`	Tokens, Komponenten, Styles aus Figma extrahieren
`memi pull --rest`	Abruf über REST-API -- kein Plugin, kein Figma Desktop erforderlich
`memi pull --penpot`	Abruf aus Penpot (benötigt `PENPOT_TOKEN` + `PENPOT_FILE_ID`)
`memi spec <type> <name>`	Eine Komponenten-, Seiten- oder Datenvisualisierungs-Spezifikation erstellen
`memi generate [name]`	shadcn/ui-Code + Storybook-Stories aus Spezifikationen generieren
`memi generate --no-stories`	Generieren ohne Storybook-Stories
`memi preview`	Vorschau-Galerie + shadcn-Registry-Server starten
`memi go`	Vollständige Pipeline mit einem Befehl
`memi export`	Generierten Code in dein Projekt exportieren
`memi tokens`	Tokens als CSS / Tailwind / JSON / Style Dictionary (W3C DTCG) exportieren
`memi validate`	Alle Spezifikationen gegen Schemas validieren

Befehl	Was er bewirkt
`memi design-doc <url>`	Design-System von jeder URL in eine DESIGN.md extrahieren
`memi design-doc <url> --spec`	Zusätzlich eine DesignSpec-JSON für die Codegenerierung schreiben
`memi extract <url>`	Alias für design-doc

Befehl	Was er bewirkt
`memi sync`	Vollständige Synchronisierung: Figma + Spezifikationen + Code
`memi sync --live`	Kontinuierlich beobachten und synchronisieren
`memi compose "<intent>"`	Agenten-Orchestrator: klassifizieren, planen, ausführen
`memi agent spawn <role>`	Einen persistenten Agenten-Worker starten
`memi research from-file <path>`	Excel/CSV in Forschung verarbeiten
`memi research synthesize`	Themen und Personas synthetisieren
`memi daemon start`	Daemon mit reaktiver Pipeline starten

Befehl	Was er bewirkt
`memi status`	Projektstatus-Übersicht
`memi doctor`	Gesundheitsprüfung: Projekt, Plugin, Bridge
`memi dashboard`	Überwachungs-Dashboard starten
`memi audit`	Design-System-Audit (WCAG, ungenutzte Spezifikationen)

Alle Befehle unterstützen --json für strukturierte Ausgaben.

Spec-First-Workflow

Jede Komponente beginnt als JSON-Spezifikation, bevor Code generiert wird:

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

Spezifikationen werden mit Zod-Schemas validiert. Komponenten folgen dem Atomic Design (Atom, Molekül, Organismus, Template, Seite).

Architektur

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)

Links

memoire.cv -- Changelog -- MCP-Dokumentation -- Notizen

Lizenz

MIT

Install Server

security – no known vulnerabilities

license - permissive license

quality - A tier

How are these scores calculated?

Resources

Need Help?

Related Servers

Tools

View all tools

Latest Blog Posts

Tool Definition Quality Score (TDQS)
By punkpeye on April 3, 2026.
mcp
The Hackers Who Tracked My Sleep Cycle
By punkpeye on March 26, 2026.
security
Open Source Has a Bot Problem
By punkpeye on March 19, 2026.
open source

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