'perf' 검색 결과

Find and install reusable HyperFrames blocks and effect components, then integrate them into an existing composition. Configure block timing and layer order, merge component HTML, CSS, and JavaScript, and adjust installation paths.

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

• Find reusable blocks and components in the registry
• Add an installed block to an existing composition
• Merge effect snippets into HTML, CSS, and JavaScript

Migrate existing Remotion video compositions to HyperFrames HTML and GSAP. Checks source code for unsupported patterns, maps animation and media features, compares rendered videos for visual similarity, and documents translation gaps.

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

• Migrating an existing Remotion composition to HyperFrames
• Checking source code for migration blockers
• Comparing original and converted video renders

Plan and organize videos in HyperFrames Studio with readable scene, caption, and audio tracks. The skill guides collaboration, storyboards, and safe placement of text and key content, while distinguishing discussion from requests to edit.

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

• Planning a new product launch video
• Organizing scene, caption, and audio tracks
• Checking safe placement of captions and key content

Migrate an existing Remotion video composition to HyperFrames HTML and GSAP animation. Check the source for unsupported patterns, translate compatible scenes, compare rendered videos for visual differences, and document anything that could not be preserved.

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

• Migrate a Remotion composition to HyperFrames
• Check source code for migration blockers
• Compare rendered videos after conversion

Find and install reusable blocks and effects for HyperFrames, then connect them to an existing composition with timing and layer settings. The skill also guides creating, validating, and contributing new blocks or components.

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

• Add a reusable chart block to a video
• Merge a grain overlay into an existing composition
• Adjust block timing and layer order

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

Start video and animation work by matching the request and project state to an appropriate HyperFrames workflow. It coordinates new productions, edits, captions, previews, validation, and rendering, using HTML files to define the video.

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

• Create a product video from a website or brief
• Add captions or graphic overlays to existing footage
• Resume editing an existing HyperFrames project

Add zooms, pans, masks, moving text, and depth to HyperFrames compositions. Build animation states that remain correct when jumping to any point in time, then inspect motion and final frames with diagnostics and snapshots.

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

• Adding zooms and pans to a shot
• Revealing images with animated masks
• Animating text and SVG shapes

Add or update Handsontable performance tests for rendering and user interactions. The skill guides trace recording, measurement boundaries, baseline comparisons, and reports that help reviewers identify performance changes in pull requests.

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

• Add a performance test for a Handsontable feature
• Investigate filtering or sorting performance
• Compare performance changes in a pull request

Write GSAP animations for HyperFrames compositions, from element entrances to coordinated sequences. Use timelines to organize timing, control playback, adapt motion to screen size and reduced-motion preferences, and choose animation properties suited to efficient rendering.

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

• Animate elements entering a HyperFrames composition
• Coordinate multiple elements with timelines and staggered starts
• Adjust motion for screen size and reduced-motion preferences

Measure website performance with Lighthouse, interpret scores and reports, and compare results across builds. Set limits for loading times and resource sizes, then integrate audits into CI, an automated workflow that checks code changes.

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

• Measure mobile and desktop website performance
• Understand Lighthouse scores and failed checks
• Set limits for resource sizes and loading times

HyperFrames (HTML + GSAP → MP4) でアプリのプロモ動画を決定論的に生成するスキル。 HyperFrames 公式スキル（19本）を土台として前提にし、素材の橋渡し・検証ゲート・ 納品仕様・誇張表現の禁止という「公式が扱わない層」だけを担当する。 SNS リール、LP ヒーロー動画、リリース告知、機能デモが対象。 Use when: プロモ動画を作りたい、告知動画を作りたい、HTML から動画を作りたい、 HyperFrames で動画を作りたい、リリース動画を作りたい、SNS 用の縦動画を作りたい。 Triggers: "HyperFrames", "hyperframes", "プロモ動画", "告知動画", "宣伝動画", "HTML から動画", "html to video", "リリース動画", "SNS動画", "縦動画", "リール"

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

회전하는 글자와 지구본, 서로 다른 속도로 움직이는 여러 레이어를 조합해 CSS로 움직이는 16:9 첫 화면을 제작하고 영상 내보내기용 HTML로 정리합니다.

• 마케팅 페이지의 움직이는 첫 화면 제작
• 글자가 움직이는 타이틀 카드 제작
• 원형 링과 지구본의 반복 재생 포스터 제작

Routes video requests to the appropriate HyperFrames workflow based on the source material and intended result. It guides agents toward specialized steps for product promos, explainers, captions, motion graphics, music videos, and HTML-based video compositions.

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

• Choose a workflow for a product launch video
• Turn an article or notes into an explainer video
• Add captions or graphic overlays to a talking-head video

Guide HyperFrames video projects from setup through layout checks, editable previews, and video output. Covers command-line workflows, environment troubleshooting, and distributed rendering on AWS Lambda, which splits video rendering work across cloud functions.

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

• Setting up a HyperFrames video project
• Checking text overflow and scene display
• Exporting a video after reviewing it in Studio

Add a ten-second HyperFrames scene featuring a single feature card orbiting a sphere made of dots. Customize the title, description, accent color, and orbit angle while retaining the supplied camera movement and animation.

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

• Introducing a product feature with a moving card
• Adding a ten-second scene to a HyperFrames video
• Matching a feature card's text and color to a project

Mix audio already placed in HyperFrames compositions. Adjust fades, volume changes, and effects; reduce music frequencies that compete with speech; and apply shared processing to multiple tracks through a group with common volume controls.

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

• Make narration easier to hear over background music
• Add fades and crossfades to placed audio
• Balance uneven voice levels and adjust tone

Guide the visual and storytelling choices for HyperFrames videos, including colors, fonts, composition, narration, and pacing. Use existing brand specifications or choose a visual style to give scenes a consistent look and rhythm.

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

• Matching a video to existing brand guidelines
• Choosing colors and fonts for a video
• Planning the pacing of a multi-scene video

Create, update, run, and debug shell-based performance scenarios for the but CLI. It separates repository setup from the operation being measured, uses Hyperfine for timing, and guides focused validation and inspection of test output.

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

• Add a performance scenario for a but CLI operation
• Update repository fixtures for an existing benchmark
• Run a short benchmark for one scenario

Prepare Vesperfall game assets as paired transparent PNG cards and live 3D previews. Track each model’s actual source, expose available animations, and validate catalog displays, ground contact, and review pages through tests and browser checks.

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

• Adding characters or equipment to the Vesperfall catalog
• Pairing transparent PNG cards with live 3D previews
• Reviewing animations and ground contact on an isolated page

글과 데이터를 Hyperframes / Remotion용 연속 프레임 애니메이션으로 정리합니다. 자동 재생, 수동 조작, 렌더링용 메타데이터를 제공합니다.

• 짧은 대본을 애니메이션으로 제작
• 장면별로 데이터를 순서대로 설명
• Remotion 렌더링용 소재 준비

복고풍 픽셀 스타일의 세 장면 영상을 Hyperframes용 HTML로 만듭니다. 제목과 색상을 바꾸고 장면 전환과 움직임을 갖춘 구성으로 완성합니다.

• 픽셀 스타일의 소개 영상을 만들 때
• 세 장면 영상의 내용을 교체할 때
• HTML에서 장면 전환을 확인할 때

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

Plan the visual and narrative direction of HyperFrames videos, including colors, fonts, composition, narration, and scene rhythm. The skill helps apply existing design specifications, choose a style, and check whether the finished work follows that direction.

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

• Match a video's appearance to existing design specifications
• Choose colors and fonts to suit a mood
• Plan scene rhythm and narration pacing