memoire-design-tooling
Use when a Grok Build task involves UI design, interface understanding, Figma, design systems, shadcn/ui, Tailwind, UX audits, Atomic Design, component specs…
Skill by memi-design
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/memi-design-memoire-design-tooling-ff42cc
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, productivity, agent-building
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md and code. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/memoire-design-tooling
What's inside
- Skill name
memoire-design-tooling- Description
- Use when a Grok Build task involves UI design, interface understanding, Figma, design systems, shadcn/ui, Tailwind, UX audits, Atomic Design, component specs, MCP, or design-to-code generation.
- License
- MIT
- Instructions
- 54 lines in SKILL.md · view on GitHub
Files (2)
- REFERENCES.md
- SKILL.md
SKILL.md (first lines)
# Memi Design Tooling Memi gives coding agents repository-specific interface evidence before they edit UI. Start with the smallest workflow that answers the task; Figma, global installation, and a daemon are optional. ## Choose A Workflow - Before reviewing or changing frontend UI: use `audit-frontend-design`. - Before building from an existing product system: use `remember-design-system`. - When adding deterministic pull-request gates: use `enforce-design-ci`. - For native SwiftUI, SwiftData, App Intents, or Apple-platform verification: use `build-swiftui-interface`. - For Figma, research, scaffolding, registry publishing, or multi-agent work: continue below. Install one focused skill directly: ```bash npx skills add memi-design/memi --skill audit-frontend-design ``` This skill requires the reviewed 2.8 frontend contract. Check `memi --version` and npm registry availability first. If the beta is unpublished, use a reviewed local build; after publication, use the exact verified beta version. npm stable remains 2.7.9. ## Compact Preflight ```bash memi agent brief . --frontend --intent "<interface task>" --max-bytes 16384 --json ``` Read cited source files when the bounded brief lacks necessary evidence. Optional `--design-evidence design/selected-node.json` accepts normalized Figma/Paper data supplied by the harness; missing mappings and verification stay explicit. ## Local Checks And MCP ```bash memi diagnose . --json --no-write --fail-on none memi diagnose . --receipt-only --fail-on none memi --profile locked mcp start --no-figma ``` Locked MCP exposes four read tools: prepare_frontend_brief, prepare_design_agent_brief, prepare_apple_design_brief, and diagnose_app_quality. The frontend tool supplies actual repository evidence. Many legacy CLI and write tools remain unavailable; capability grants do not unlock deferred command paths. Keep connector calls, project edits, and browser execution in the harness's reviewed workflow. Reuse local components and tokens according to the consumer project's conventions. Source-bearing JSON is working context; receipt-only is a separate metadata output. See docs/FRONTEND_WORKFLOW.md for the candidate evidence schema and actual verification flow. ## Evidence Contract 1. Read local instructions and existing product-system files first. 2. Collect the minimum evidence that can change the implementation. 3. Cite `file:line` findings and existing components or tokens. 4. Make scoped edits. 5. Re-run the same deterministic checks. 6. Report commands, artifacts, files changed, and remaining assumptions. Do not claim visual correctness from source checks alone. When rendered behavior matters, verify the actual route at desktop and mobile viewports. Grok Build reference links are in [REFERENCES.md](REFERENCES.md). Older examples there do not override this candidate capability contract.
From memi-design/memi, MIT.
More from memi-design/memi
- 0.654score
memi
memi-design
Memi is the design layer for agentic AI.
ConnectorAFreshness: ALocal★ 48↓ 96/wkClaude Code +5 - 0.618score
memoire-design-tooling
memi-design
Use when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
memoire-design-tooling
memi-design
Use when a Hermes session involves UI design, interface craft, Figma, design systems, shadcn/ui, Tailwind, Atomic Design, research synthesis, component specs…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
memoire-design-tooling
memi-design
Use when an OpenClaw workspace task involves UI design, interface craft, Figma, design systems, shadcn/ui, Tailwind, Atomic Design, research synthesis, design…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
memoire-design-tooling
memi-design
Use when an OpenCode task involves UI design, interface craft, Figma, design systems, shadcn/ui, Tailwind, Atomic Design, research synthesis, component specs…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
audit-frontend-design
memi-design
Use when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
build-swiftui-interface
memi-design
Use when a coding agent must design, scaffold, implement, or verify an iOS or macOS SwiftUI interface with Apple-platform state, accessibility, availability…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
enforce-design-ci
memi-design
Use when a repository needs deterministic pull-request checks for new accessibility, design-token, component-structure, responsive, and UI-state regressions…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
remember-design-system
memi-design
Use when an agent is about to build or refactor interface code and needs a compact, repository-specific brief covering existing tokens, components, routes…
SkillBFreshness: B★ 48Claude Code +9
Signals
- Stars
- 48
- Forks
- 6
- Open issues
- 0
- Contributors
- 5
- Last commit (this folder)
- Sep 8, 2026 (1 month ago)
- Last release
- Aug 8, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/memi-design/memi
- Website
- memoire.cv
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from memi-design
- 0.654score
memi
memi-design
Memi is the design layer for agentic AI.
ConnectorAFreshness: ALocal★ 48↓ 96/wkClaude Code +5 - 0.618score
memoire-design-tooling
memi-design
Use when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
memoire-design-tooling
memi-design
Use when a Hermes session involves UI design, interface craft, Figma, design systems, shadcn/ui, Tailwind, Atomic Design, research synthesis, component specs…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
memoire-design-tooling
memi-design
Use when an OpenClaw workspace task involves UI design, interface craft, Figma, design systems, shadcn/ui, Tailwind, Atomic Design, research synthesis, design…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
memoire-design-tooling
memi-design
Use when an OpenCode task involves UI design, interface craft, Figma, design systems, shadcn/ui, Tailwind, Atomic Design, research synthesis, component specs…
SkillBFreshness: B★ 48Claude Code +9 - 0.618score
audit-frontend-design
memi-design
Use when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens…
SkillBFreshness: B★ 48Claude Code +9
Cite this page
memoire-design-tooling skill. Agent Mart. https://agentmart.dev/skills/memi-design-memoire-design-tooling-ff42cc (last updated 2026-10-24)