motion-ref-skill은(는) 무엇을 하나요?
AI 코딩 에이전트 스킬로 UI 모션 디자인용입니다. 13개 카테고리에서 112개의 프로덕션 준비 효과 — 제품 시나리오를 설명하면 출시 가능한 CSS/JS 코드를 제공합니다. Claude Code, Codex, OpenClaw 및 SKILL.md 호환 에이전트에서 작동합니다.
AI 코딩 에이전트 스킬로 UI 모션 디자인용입니다. 13개 카테고리에서 112개의 프로덕션 준비 효과 — 제품 시나리오를 설명하면 출시 가능한 CSS/JS 코드를 제공합니다. Claude Code, Codex, OpenClaw 및 SKILL.md 호환 에이전트에서 작동합니다.
이 스킬은 AI 코딩 에이전트(Claude Code, Codex, OpenClaw 등)가 UI 모션 디자인을 즉시 코드화할 수 있도록 지원합니다. 13개의 카테고리(예: 버튼 애니메이션, 전환 효과, 로딩 인디케이터 등)에 걸쳐 112개의 프로덕션 준비된 효과를 제공하며, 사용자가 제품 시나리오를 자연어로 설명하면 해당 시나리오에 맞는 최적의 CSS/JS 코드를 생성합니다. 이를 통해 디자이너와 개발자는 반복적인 리서치나 구현 없이 빠르게 모션을 프로토타이핑하고 적용할 수 있습니다. 스킬은 SKILL.md 형식을 따르므로 호환되는 모든 에이전트에서 동작하며, 각 효과는 접근성과 성능을 고려하여 제작되었습니다.
npx skills add joepUI/motion-ref-skillAI 코딩 에이전트 스킬로 UI 모션 디자인용입니다. 13개 카테고리에서 112개의 프로덕션 준비 효과 — 제품 시나리오를 설명하면 출시 가능한 CSS/JS 코드를 제공합니다. Claude Code, Codex, OpenClaw 및 SKILL.md 호환 에이전트에서 작동합니다.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".