Skip to main content
Glama
deenesjakoruzh
sarveshsea

memoire

by sarveshsea
OverviewSchemaRelated ServersScoreDiscussions
TypeScript
Hybrid

立即尝试

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

从任何公共 URL 提取颜色、排版、间距、阴影和组件模式。在 10 秒内输出包含 Tailwind 配置草图的 DESIGN.md。零配置。

你将获得

输入

输出

任何公共 URL

包含完整令牌清单 + Tailwind 配置的 DESIGN.md

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 是一个拥有 20 个工具的 MCP 服务器。让你的 AI 助手直接访问你的设计系统。

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 模式进行验证。组件遵循原子设计 (原子、分子、组织、模板、页面)。

架构

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

Install Server
A
security – no known vulnerabilities
A
license - permissive license
A
quality - A tier

How are these scores calculated?

Resources

Tools

View all tools

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