菜单
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.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and needs the correct Memi capability selected.
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.
Use when an OpenClaw workspace task involves UI design, interface craft, Figma, design systems, shadcn/ui, Tailwind, Atomic Design, research synthesis, design audits, component specs, or code generation from design evidence.
Use when an OpenCode task involves UI design, interface craft, Figma, design systems, shadcn/ui, Tailwind, Atomic Design, research synthesis, component specs, design audits, or design-to-code generation.
Use when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive design before editing code.
Use when a coding agent must design, scaffold, implement, or verify an iOS or macOS SwiftUI interface with Apple-platform state, accessibility, availability, testing, and Xcode evidence.
| 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. |
Give Grok repository-specific interface evidence before broad frontend changes. The first audit requires no global install, daemon, Figma connection, or account.
npx -y @memi-design/cli@2.6.1 agent brief . --agent grok-build --intent "<interface task>" --detail compact --json
npx -y @memi-design/cli@2.6.1 diagnose . --json --no-write --fail-on none
When the repository already uses the installed Grok kit, verify MCP with grok mcp doctor memoire. Use REFERENCES.md only when the task needs deeper craft guidance.
Read local instructions and existing components first. Reuse shadcn primitives and semantic tokens, keep Atomic Design levels explicit, and verify the rendered route when visual behavior matters. Finish with commands, files, evidence, and remaining risks.