메뉴
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.
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 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.
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 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.6.1 |
| author | Sarvesh Chidambaram |
| license | MIT |
| metadata | {"hermes":{"tags":["memoire","design-system","figma","shadcn","tailwind","atomic-design"],"related_skills":["software-development","design","figma"]}} |
Collect repository-specific interface evidence before broad UI changes. No global install, daemon, Figma connection, or account is required for code-first work.
npx -y @memi-design/cli@2.6.1 agent brief . --agent hermes --intent "<interface task>" --detail compact --json
Run only the evidence command needed next:
npx -y @memi-design/cli@2.6.1 diagnose . --json --no-write --fail-on none
npx -y @memi-design/cli@2.6.1 ux audit . --json --no-write
npx -y @memi-design/cli@2.6.1 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.