'transition' 검색 결과

Use when planning, sequencing, or troubleshooting an org-wide migration from Salesforce Classic to Lightning Experience. Covers the LEX Transition Assistant Readiness Check, asset triage matrix (Visualforce, JavaScript buttons, page layouts, Knowledge, email templates, list views, AppExchange), pilot/wave rollout sequencing, end-user adoption telemetry, and cutover criteria. Triggers: 'lightning experience transition', 'classic to lightning migration plan', 'LEX readiness check', 'why are some users still on Classic', 'turning on Lightning for everyone'. NOT for individual asset migrations like a single VF page (use lwc/visualforce-to-lwc-migration), a single JavaScript button (use admin/custom-button-to-action-migration), or Knowledge article migration (use admin/knowledge-classic-to-lightning) — this skill orchestrates the program. NOT for Lightning App Builder page design (use admin/lightning-app-builder-advanced).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Production-ready CSS transition snippets for web apps. Use when adding or reviewing UI motion for badges, dropdowns, modals, panel/page reveals, card resizes, number pop-ins, text/icon swaps, success checks, avatar-group hovers, and validation shakes. Supports namespaced commands: transitions reveal (list catalog), transitions review (audit project fit), and transitions apply (install the best-fit snippet with hooks and reduced-motion handling).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

React로 영상을 만들 때 Remotion 구현 규칙과 코드 예시를 참고합니다. 애니메이션, 음성, 자막, 차트, 3D와 장면 전환 및 소재 재생 시간을 다룹니다.

• 문자 애니메이션과 장면 전환 제작
• 영상에 음성과 자막 추가
• 영상에서 차트와 3D 표현

Add animations to React and Next.js interfaces, including buttons, modals, notifications, page transitions, and scrolling content. Uses shared motion settings and reusable patterns for elements entering, leaving, moving, or changing size.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding hover and press feedback to buttons
• Animating modal and notification entrances and exits
• Adding page transitions in Next.js App Router

Create a glitch styled title screen for video transitions or cyberpunk visuals. The single HTML file combines large headlines, cyan and magenta color offsets, scanlines, noise, and animated distortions using your title and subtitle.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating a title screen for a video transition
• Designing a cyberpunk main visual
• Adding animated distortion to a title

Build Remotion videos using the toolkit’s shared backgrounds, comparison layouts, presenter overlays, and custom scene transitions. Apply its 30fps timing conventions and rendering practices to assemble scenes and coordinate them with voiceover.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add glitch or light-leak scene transitions
• Show two videos side by side
• Overlay a presenter or corner logo

Modernize existing React applications through version upgrades and migration from class components to Hooks, functions for state and lifecycle behavior. Includes React 18 rendering APIs, grouped state updates, and features for prioritizing interface updates.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Plan an upgrade from React 16 through React 18
• Rewrite class components with Hooks
• Extract shared logic into custom Hooks

Use this skill when the user wants a .pptx with smooth cross-slide animation — PowerPoint Morph transitions, Keynote-style continuous motion, shapes that grow / move / rotate as the slide advances. Trigger on: 'morph', 'morph transition', 'smooth transition', 'continuous animation across slides', 'Keynote-style transition', 'animated slide sequence', 'shape continuity across slides'. Output is a single .pptx. This skill is a scene layer on top of officecli-pptx — inherits every pptx v2 rule (visual floor, grid, palettes, connector canon, Delivery Gate 1–5a). DO NOT invoke for a generic deck, pitch deck, or board review without cross-slide motion — route those to officecli-pptx base or officecli-pitch-deck.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use this skill when the user wants a .pptx with smooth cross-slide animation — PowerPoint Morph transitions, Keynote-style continuous motion, shapes that grow / move / rotate as the slide advances. Trigger on: 'morph', 'morph transition', 'smooth transition', 'continuous animation across slides', 'Keynote-style transition', 'animated slide sequence', 'shape continuity across slides'. Output is a single .pptx. This skill is a scene layer on top of officecli-pptx — inherits every pptx v2 rule (visual floor, grid, palettes, connector canon, Delivery Gate 1–5a). DO NOT invoke for a generic deck, pitch deck, or board review without cross-slide motion — route those to officecli-pptx base or officecli-pitch-deck.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

World-class motion design expertise combining Disney's 12 principles of animation, Material Design's motion system, and the performance-first philosophy of production interfaces. Motion design is the craft of bringing interfaces to life - not through decoration, but through clarity, continuity, and communication. Great motion design is invisible. Users don't notice the animations - they notice that the interface feels natural, responsive, and alive. Every transition tells a story: where did this come from? Where is it going? What just happened? Motion is the language of cause and effect in digital interfaces. Use when "animation, motion, transition, microinteraction, easing, timing, choreography, loading animation, skeleton loader, page transition, hover effect, scroll animation, spring animation, keyframes, framer motion, gsap, lottie, animation, motion, transitions, microinteractions, easing, timing, accessibility, performance, frontend, design" mentioned.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use this skill when the user wants a .pptx with smooth cross-slide animation — PowerPoint Morph transitions, Keynote-style continuous motion, shapes that grow / move / rotate as the slide advances. Trigger on: 'morph', 'morph transition', 'smooth transition', 'continuous animation across slides', 'Keynote-style transition', 'animated slide sequence', 'shape continuity across slides'. Output is a single .pptx. This skill is a scene layer on top of officecli-pptx — inherits every pptx v2 rule (visual floor, grid, palettes, connector canon, Delivery Gate 1–5a). DO NOT invoke for a generic deck, pitch deck, or board review without cross-slide motion — route those to officecli-pptx base or officecli-pitch-deck.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Reviews iOS animation code for correctness, performance, accessibility, and Apple API best practices. Use when reviewing .swift files containing animation code — withAnimation, .animation(), PhaseAnimator, KeyframeAnimator, matchedGeometryEffect, navigationTransition, CABasicAnimation, CASpringAnimation, UIViewPropertyAnimator, UIDynamicAnimator, symbolEffect, scrollTransition, contentTransition, or custom Transition conformances.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

View Transitions API patterns - same-document transitions, cross-document navigation, shared element animations, pseudo-element styling, transition types, reduced-motion handling

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Drive JIRA workflow lifecycle via the jira-as wrapper: transition, assign, resolve, reopen, manage versions and components. Triggers: 'transition KEY to Status', 'mark KEY as Done', 'assign KEY to user', 'reopen KEY', 'release version', 'create component'. NOT for issue CRUD (mk:jira-issue); NOT for bulk transitions (mk:jira-bulk).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Bulk JIRA operations on 10+ issues via the jira-as wrapper: bulk transition / assign / set-priority / clone / delete. Dry-run is MANDATORY first. Triggers: 'bulk update N issues', 'mass transition', 'transition 50+ issues to Done', 'bulk-clone', 'bulk-delete'. NOT for single-issue ops (mk:jira-issue / mk:jira-lifecycle).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Animation, morphing, and shader best practices for Liquid Glass and SwiftUI motion on iOS 26+/macOS 26+ through iOS 27. Use when animating glass or building UI motion: glassEffectID, @Namespace morphing, GlassEffectContainer spacing, glassEffectUnion, glassEffectTransition (.matchedGeometry/.materialize), withAnimation, springs, UnitCurve, PhaseAnimator, KeyframeAnimator, @Animatable, matchedTransitionSource, navigationTransition zoom, scrollTransition, visualEffect, Metal shaders (colorEffect, distortionEffect, layerEffect, [[stitchable]]), accessibilityReduceMotion gating, Instruments/xctrace profiling of hangs and animation hitches. Also fires on symptoms: glass morph not animating, view pops in instead of morphing, glass fades instead of materializing, morph flickers with Reduce Motion, menu glass morphs as a rectangle, animation runs on insert but not removal, PhaseAnimator loops forever or fires once, shader shows clipped edges (maxSampleOffset), animation hitches or main-thread hangs while scrolling glass chrome. For static glass, availability gating, toolbars, UIKit/AppKit glass, or accessibility of the material itself use the liquid-glass skill first.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Implement, review, or improve SwiftUI animations and transitions. Use when adding explicit animations with withAnimation, configuring implicit animations with .animation(_:body:) or .animation(_:value:), configuring spring animations (.smooth, .snappy, .bouncy), building phase or keyframe animations with PhaseAnimator/KeyframeAnimator, creating hero transitions with matchedGeometryEffect or matchedTransitionSource, adding SF Symbol effects (bounce, pulse, variableColor, breathe, rotate, wiggle), implementing custom Transition or CustomAnimation types, or ensuring animations respect accessibilityReduceMotion.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Implement animated effects, transitions, and movement in Flutter apps. Use it when adding motion to native iOS and Android app interfaces, with support for turning requests for animation into implementation work.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding animated effects to a Flutter app
• Implementing animated screen transitions
• Adding motion to iOS and Android app interfaces

Create a three-scene video composition in a retro pixel style using a Hyperframes HTML template. Customize titles, labels, and colors while preserving scene transitions, short scene durations, and repeatable animation timing.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create a retro pixel presentation video
• Customize a three-scene video template
• Preview scene transitions and motion in HTML

Review CSS custom properties, often called CSS variables, used in animations and transitions. Add @property registrations with value types, initial values, and inheritance settings to support smooth changes and validate assigned values.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating gradients that animate smoothly
• Reviewing transitions that use CSS variables
• Defining value types and inheritance for design tokens

Build HyperFrames animations from small motion recipes, scene templates, and transitions. The skill guides runtime selection, including GSAP, Lottie, and Three.js, and provides an audit script to examine timing and choreography while following HyperFrames requirements for reproducible rendering.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Combine motion recipes into a scene
• Build a multi-phase brand reveal from a template
• Design transitions between scenes

Design and implement interface responses such as button feedback, loading indicators, page transitions, and swipe gestures. Use motion to communicate actions and state changes, with guidance on timing, performance, and support for people who prefer reduced animation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding hover and click feedback to buttons
• Showing loading placeholders and progress indicators
• Creating transitions for pages and interface components

Build UI animations by first deciding whether motion serves a useful purpose. Produces code with suitable timing, transitions, interruption behavior, exit paths, reduced motion support, and hover effects adapted to the input device.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add purposeful motion to buttons, modals, or drawers
• Build transitions that handle repeated actions and interruptions
• Adapt animations for reduced motion preferences and touch input

Prepare semester-end handoff memos for legal clinic cases using deadlines, case history, and client communication logs. Produce individual case records and a cohort summary covering ownership transitions, unassigned cases, and priorities for incoming students.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Preparing case handoffs at the end of a semester
• Documenting a departing student's active cases
• Checking unassigned cases and upcoming deadlines