메뉴
Add purposeful motion. Page load reveals, hover states, scroll entries.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Auto-fix detectable accessibility issues.
Full accessibility audit. Focus, semantic HTML, ARIA, contrast, touch targets, motion safety.
Verify visual alignment across sections. Check consistent left edges, centered elements, grid alignment.
Audit ARIA attributes. Ensure proper usage without over-specification.
Comprehensive design quality report with specific findings per axis, line references, severity ratings, and fix instructions.
Amplify safe designs. Larger headlines, stronger accent, more shadow, one animation.
| name | m-animate |
| description | Add purposeful motion. Page load reveals, hover states, scroll entries. |
| user-invokable | true |
Page load: staggered fade-up, 80-120ms delays, complete within 600ms\nHover: scale 1.02-1.05, shadow lift, color transition, 200-300ms\nScroll: fade-in + translate 20-30px via IntersectionObserver\nTransitions: all interactive states get transition declarations\n\nAlways include prefers-reduced-motion: reduce fallback.
