|
npm install -g @sarveshsea/memoire
01

AI design tools
don't have
memory.

I
Persistent memory changes everything
Design tools forget you between sessions. Claude Code does not. Skills and superpowers compound over time. The more you work, the less you explain.
II
Build in code, review in Figma
Coded variants are more adjustable than any visual tool. The design system lives in code. Figma becomes the review layer. Human-in-the-loop, not human-in-the-way.
III
A design partner, not a design tool
Mémoire is memory for Claude. Codesigning that feels like collaboration with someone who already knows your system.
02
LIVE PREVIEW

The dashboard that ships
with every project.

Mémoire generates a full shippable web dashboard for human/agent communication. No configuration.

localhost:5173
OPEN FULL DASHBOARD
02
MEMOIRE CLI
~/project 
Scanning ports 9223-9232...
+ Figma bridge connected on :9224
· Ready — run memi pull in another terminal
DESIGN SYSTEM
~/project 
Extracting design system...
+ Tokens: 171 (color 50, spacing 12, type 8)
+ Components: 23 via Code Connect
+ Design system saved in 1.2s
SPEC + GENERATE
~/project 
Composing: Avatar (atom) + Badge (atom) + Button (atom)
+ Spec created .memoire/specs/UserProfileCard.json
~/project 
Reading spec... validating atomic rules...
+ Generated components/organisms/UserProfileCard.tsx
+ shadcn/ui + Tailwind + TypeScript strict
+ Code generated — atomic level: organism
AUTONOMOUS AGENT
~/project 
~ Intent: page-layout dataviz research
~ Building execution DAG... 3 sub-tasks
+ layout-designer DashboardTemplate created
+ dataviz-builder 4 chart components generated
+ component-architect page assembled
+ Self-healing: screenshot + validate (pass 1/1)
+ Dashboard complete — 5 files, preview at localhost:5173
HEALTH CHECK
~/project 
+ Project: vite + Tailwind
+ Design system: 171 tokens
+ Specs: 5 valid (component: 2, page: 1, dataviz: 2)
+ Figma bridge: connected on :9224
+ Preview: 7 pages
+ Code Connect: 23 mappings
+ Workspace: .memoire/ OK
7 passed, 0 warnings, 0 failed
~/project 
ALL COMMANDS
npm install -g @sarveshsea/memoire — then use any of these.
Command Description Example
memoire connect Auto-discover Figma plugin, WebSocket handshake, multi-agent native memoire connect --role token-engineer
memoire pull Extract full design system — tokens, components, styles via Code Connect memoire pull --tokens --components
memoire compose Natural language to code — intent classifier, dependency DAG, 11 sub-agents memoire compose "build a dashboard"
memoire spec Create JSON spec for component, page, or dataviz with Atomic Design memoire spec component Card --level molecule
memoire generate Generate shadcn/ui + Tailwind + TypeScript from specs into atomic folders memoire generate UserProfileCard
memoire research Excel, web, FigJam stickies to structured insights, Obsidian synthesis memoire research from-file survey.xlsx
memoire preview Localhost gallery — specs, tokens, research, agent portal, Figma feed memoire preview --port 5173
memoire sync Full pipeline — connect, pull, generate all specs, open preview memoire sync --full
memoire doctor 9 diagnostic checks — project, tokens, specs, bridge, preview, deps memoire doctor
memoire tokens Export design tokens as CSS variables, Tailwind config, or JSON memoire tokens --format tailwind
memoire dashboard Full dashboard — specs, tokens, research, Figma connection status memoire dashboard
memoire ia Information architecture — extract, create, validate site structure memoire ia extract --from-figma
memoire status Current project state — tokens, specs, bridge, agent activity memoire status
memoire daemon Background service — watch Figma changes, auto-sync, heartbeat memoire daemon start --watch
03
THE INTELLIGENCE LAYER

Skill files teach agents what to do.
Each one is a complete instruction set —
context, workflow, validation.

SKILL FILES
Select a skill file to preview
All 10 skill files available to read and copy
Every .md file that ships with Mémoire — SUPERPOWER, Figma skills, multi-agent, atomic design, motion, and more — is published in full on the docs page. No download required.
BROWSE SKILL FILES