UI/UX, 로고, 슬라이드, 이미지 생성 (7.3천건)
Bounce In — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Back Out Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Back Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Back In Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
A Material-style ripple spreads from the point of contact. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Back In Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Back Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Bounce Out Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
A toast slides up from the bottom, holds, then fades away. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Back In Right — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Bounce Out — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Extract a real website's design tokens — colors, typography, spacing, CSS, and motion — into a structured `design.md` an AI can consume. Use to seed motion-anything's design system from an existing site so generated motion stays on-brand ("扒这个网站的配色/字体", "design.md from url").
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Bounce Out Left — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Bounce Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Bounce Out Up — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fade In — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Expert agile coaching: framework selection, maturity assessment, retrospective facilitation, transformation roadmaps. Use when selecting an agile framework, coaching teams, facilitating retrospectives, or designing a transformation.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Translate product specs (PRDs, user stories) into a ship-ready repo plan: ticket decomposition, branch strategy, and PR sequencing. Use when breaking a PRD into tickets or designing the branch/PR sequence.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
UX research and design toolkit covering persona generation, journey mapping, usability testing, and research synthesis. Use for user research, persona creation, journey mapping, or design validation.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Design a delivery team's communication system — channel routing, meeting-load reduction, status structure, escalation SLAs, timezone norms. Use when the calendar is full, updates go unread, or blockers surface late.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Jira expert for project setup, workflow design, JQL queries, custom fields, automation rules, dashboards, and reporting. Use for Jira configuration, advanced search, board and dashboard creation, and technical Jira operations.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
UI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff. Use for creating design systems, maintaining visual consistency, or facilitating design-dev handoff.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Design systems leadership across component libraries, design tokens, and design-dev collaboration. Use when architecting a token system, building a component library, defining governance, or generating cross-platform tokens.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Product design across UI/UX, design systems, prototyping, and user research. Use when creating user journey maps, building wireframes, defining design tokens and component systems, planning usability tests, or establishing design principles.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.