메뉴
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.