MITupdated 7d ago
Collect repository-specific interface evidence before broad UI changes. No global install, daemon, Figma connection, or account is required for code-first work.
What can you do with Memoire Design Tooling?
name: memoire-design-tooling description: Use when a Hermes session involves UI design, interface craft, Figma, design systems, shadcn/ui, Tailwind, Atomic Design, research synthesis, component specs, design audits, or code generation from design evidence. version: 2.7.9 author: Sarvesh Chidambaram license: MIT metadata: hermes: tags: [memoire, design-system, figma, shadcn, tailwind, atomic-design] related_skills: [software-development, design, figma]
Memi Design Tooling For Hermes
Collect repository-specific interface evidence before broad UI changes. No global install, daemon, Figma connection, or account is required for code-first work.
Start
npx -y @memi-design/cli@2.7.9 agent brief . --agent hermes --intent "<interface task>" --detail compact --json
Run only the evidence command needed next:
npx -y @memi-design/cli@2.7.9 diagnose . --json --no-write --fail-on none
npx -y @memi-design/cli@2.7.9 ux audit . --json --no-write
npx -y @memi-design/cli@2.7.9 tokens --from ./src --report --json
Read memoire.agent.yaml when present. Reuse existing components and semantic tokens, keep Atomic Design levels explicit, and finish with files changed, evidence followed, checks run, and unresolved assumptions.
Install
Add Memoire Design Tooling to your client. Pick the one you use.
npx skills add memi-design/memiInstalls every skill in the repository, then prompts for which to keep.
/plugin marketplace add memi-design/memiAdds the repository as a plugin marketplace; install individual plugins with `/plugin install`.
git clone https://github.com/memi-design/memi
cp -r agent-kits/hermes/memoire-design-tooling ~/.claude/skills/A skill is a plain directory. Copy it into `.claude/skills/` in a project or in your home directory.
Score
66 / 100
Good