'transition' 검색 결과

Build and analyze discrete or continuous Markov chains including transition matrix construction, state classification, stationary distribution computation, and mean first passage times. Use when modeling a memoryless system with observed transition counts or rates, computing long-run steady-state probabilities, determining expected hitting times or absorption probabilities, classifying states as transient or recurrent, or building a foundation for hidden Markov models or reinforcement learning MDPs.

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

Generate cinematic scrolltelling websites where scroll drives the narrative: Lenis smooth scroll, GSAP ScrollTrigger cinematic section reveals with fluid OKLCH color transitions, Three.js painted-texture shader backgrounds reactive to cursor, scroll, velocity, and chapter progress. Four modes — chapter-reveal (scroll-paced storytelling), painted-backdrop (reactive shader canvas), full-cinema (complete cinematic site), catalog (all shader presets side by side). This skill should be used when building storytelling websites, scroll-driven experiences, cinematic landing pages, or any page where sections reveal as chapters with color transitions and ambient 3D backgrounds. Triggers on scrollytelling, cinematic scroll, scroll-driven storytelling, Lenis smooth scroll, GSAP ScrollTrigger, scroll chapter reveal, scroll color transition, painted shader background, narrative scroll website, premium scroll experience, shader catalog.

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

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For dev-loop CLI commands (init, lint, inspect, preview, render) see the hyperframes-cli skill; for asset preprocessing commands (tts, transcribe, remove-background) see the hyperframes-media skill.

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

Design performant animation systems with Framer Motion, GSAP, View Transitions API, and spring physics. Activate on: page transitions, micro-interactions, scroll animations, layout animations, spring physics. NOT for: CSS-only hover effects (use css-in-js-architect), video/canvas rendering (use creative-coding-expert).

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

Use for deep Vue 3 best-practices review, recommendations, and the full ordered authoring workflow — built-in components (Teleport, Suspense, KeepAlive, Transition, TransitionGroup), animation techniques, slots, fallthrough attrs, custom directives, async components, render functions, plugins, and the post-functionality performance pass. Complements mk:vue (the everyday Composition API quick-reference). Invoke for "review my Vue", "Vue best practices", "recommend improvements", or non-trivial feature work needing the ordered workflow.

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

Assists clinicians in determining whether to proceed with social transition for prepubertal youth experiencing gender dysphoria or gender incongruence. Triggers include prepubertal youth with GD/gender incongruence and discussions about initiating social transition.

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

Design performant animation systems with Framer Motion, GSAP, View Transitions API, and spring physics. Activate on: page transitions, micro-interactions, scroll animations, layout animations, spring physics. NOT for: CSS-only hover effects (use css-in-js-architect), video/canvas rendering (use creative-coding-expert).

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

Build iOS 26 interfaces with Liquid Glass, a translucent material that blurs backgrounds and responds to interaction. The skill covers buttons, cards, shape-changing transitions, and widgets using SwiftUI, UIKit, and WidgetKit, plus migration from existing blur effects.

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

• Adding glass-style buttons and cards
• Animating transitions between glass elements
• Adapting widgets to tinted appearance

기존 데이터와 호환성을 유지하며 데이터, API, 설정, 의존성의 이전을 진행합니다. 되돌리기 절차와 신구 동작 검증을 포함해 단계별 변경을 지원합니다.

• 기존 데이터를 보존하며 이전
• 이전 버전과 새 버전이 공존하는 업데이트
• 이전 전 되돌리기 절차 준비

어두운 배경과 세리프 글꼴로 패션 잡지 같은 세 페이지 동적 연출을 만듭니다. 글자 단계 표시와 장면 전환을 포함한 단일 HTML 파일로 출력합니다.

• 패션 잡지 분위기의 움직이는 소개 제작
• 짧은 이야기를 세 페이지로 표현
• 기존 브랜드 표현을 어두운 지면에 적용

기존 웹 화면에 버튼 조작 피드백과 상태 변화를 전하는 절제된 애니메이션을 추가합니다. 글과 레이아웃을 유지하며 동작 줄이기 설정도 지원합니다.

• 버튼에 조작 피드백을 추가할 때
• 화면의 상태 변화를 전달할 때
• 주요 콘텐츠의 등장 효과를 다듬을 때

Guides agents working on Remotion videos built with React to relevant rules and code examples. It covers animation, captions, audio, scene transitions, charts, asset handling, and other common tasks involved in composing and adjusting a video.

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

• Add captions and animated text to a Remotion video
• Adjust audio timing, volume, and scene transitions
• Build animated charts or audio visualizations

Build custom interactive charts, network diagrams, and maps with d3.js. Guides data-driven drawing, tooltips, zooming, animation, responsive sizing, and accessibility, with examples that work in plain JavaScript or frameworks such as React, Vue, and Svelte.

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

• Building charts with custom layouts and styling
• Creating network diagrams and geographic visualizations
• Adding tooltips, zooming, and animated transitions

Build an interactive app prototype in React with working clicks, form validation, animated transitions, and navigation across multiple steps. Manage changing screen state so users can try realistic flows and see how the interface responds.

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

• Prototype a form with input validation
• Try navigation across multiple steps
• Review hover effects and animated transitions

Build and review HyperFrames animations using motion recipes, scene templates, and transitions. Find guidance for seven animation runtimes, including GSAP and Three.js, and inspect existing scenes for timing gaps and inconsistent motion.

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

• Combine motion recipes for text and shapes
• Build scenes with several animation phases
• Choose an animation runtime

Design oversized cursor animation for HyperFrames launch videos. Guide viewers toward interface actions, make clicks trigger the next animation, and connect scenes through deliberate pointer movement, with guidance on size, appearance, entry, targeting, and exit.

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

• Guide attention through a product interface video
• Trigger typing or transitions with a click
• Add purposeful movement to a static scene

Plan HyperFrames videos so motion flows continuously between scenes. Match movement direction and speed across cuts, connect actions through visible causes, and verify scene boundaries while keeping each scene active through meaningful reveals or interactions.

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

• Plan consistent movement across scene transitions
• Connect scenes with a shared visual element
• Replace idle motion with reveals or interactions

Find reusable visual effects, charts, titles, and other video elements, then install and integrate them into HyperFrames compositions. It explains how to place standalone scenes on a timeline and merge smaller effect snippets into existing HTML.

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

• Find and add a title effect or transition
• Integrate charts, maps, or terminal visuals into a video
• Install multiple video blocks sharing a tag

Structure Remotion code so elements remain editable in Studio. Follow markup patterns that support selection, dragging, resizing, rotation, style changes, and animation keyframes, including editable SVG shapes and their transitions.

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

• Making titles and images editable in Studio
• Keeping animation keyframes editable
• Editing SVG shapes and their transitions visually

Create video scenes in Remotion using React, with guidance on frame-based animation, media placement, and timing. It also points to references for effects, transitions, fonts, and other features, plus ways to preview the results in Studio.

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

• Animating titles and subtitles
• Combining video, audio, and images
• Adjusting layer timing and trimming

Build and edit OBS Studio scene collections from the command line. Arrange visual sources, adjust filters and audio, configure transitions and output settings, and save the setup as JSON with undo and redo support.

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

• Create or duplicate streaming scenes
• Adjust source positions and cropping
• Configure audio volume and mute settings

Create and edit Shotcut video projects through commands. Arrange and trim clips, adjust audio, add effects and transitions, then export a video. Preview files let agents review cuts, pacing, and visual changes.

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

• Arrange clips at specified times
• Lower background audio during selected sections
• Add transitions and picture-in-picture

Build video edits through commands: import media, arrange and trim clips, and add effects or transitions. Save project state as JSON and generate Kdenlive/MLT XML, with undo and redo support during editing.

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

• Arrange imported clips across timeline tracks
• Trim and split clips at specified points
• Configure effects and transitions

Prepare OBS Studio scene collections through commands. Add scenes and sources, adjust layout and audio, configure transitions and output settings, and save the project as JSON with undo and redo support.

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

• Create and duplicate scenes for a broadcast
• Adjust source position, size, and cropping
• Set audio volume, mute, and monitoring