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
heygen-com/hyperframes☆ 6.8만2026년 10월 20일 업데이트
회전하는 글자와 지구본, 서로 다른 속도로 움직이는 여러 레이어를 조합해 CSS로 움직이는 16:9 첫 화면을 제작하고 영상 내보내기용 HTML로 정리합니다.
- 마케팅 페이지의 움직이는 첫 화면 제작
- 글자가 움직이는 타이틀 카드 제작
- 원형 링과 지구본의 반복 재생 포스터 제작
nexu-io/open-design☆ 10.3만2026년 10월 20일 업데이트
Review iframe and frame titles so screen reader users can identify embedded content before entering it. Find missing or empty title attributes, add meaningful descriptions, and verify the changes with browser accessibility tools or assistive technology.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Checking titles on embedded advertisements and social media widgets
- Reviewing missing or empty iframe title attributes
- Verifying frame identification with a screen reader
thedaviddias/Front-End-Checklist☆ 7.5만2026년 10월 6일 업데이트
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
calesthio/OpenMontage☆ 7만2026년 10월 17일 업데이트
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
openai/plugins☆ 7.5천2026년 10월 8일 업데이트
글과 데이터를 Hyperframes / Remotion용 연속 프레임 애니메이션으로 정리합니다. 자동 재생, 수동 조작, 렌더링용 메타데이터를 제공합니다.
- 짧은 대본을 애니메이션으로 제작
- 장면별로 데이터를 순서대로 설명
- Remotion 렌더링용 소재 준비
nexu-io/open-design☆ 10.3만2026년 10월 20일 업데이트
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
heygen-com/hyperframes☆ 6.8만2026년 10월 20일 업데이트
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
heygen-com/hyperframes☆ 6.8만2026년 10월 20일 업데이트
Generate Python code to clean, transform, analyze, visualize, and model BigQuery data with BigQuery DataFrames. The skill keeps processing in the cloud and uses familiar table operations, with guidance for previews, schema checks, and machine learning.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Clean and transform BigQuery data with Python
- Preview data and check column types
- Visualize aggregated or sampled data
google/skills☆ 2.1만2026년 10월 20일 업데이트
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
calesthio/OpenMontage☆ 7만2026년 10월 17일 업데이트
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
heygen-com/hyperframes☆ 6.8만2026년 10월 20일 업데이트
Coordinate compliance work across multiple standards and regulations. Use a company profile to identify relevant frameworks, map shared controls, prepare mock audits, and build a unified evidence checklist showing where documents can be reused.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Starting a compliance program across multiple frameworks
- Planning an annual audit calendar
- Preparing for a certification audit
alirezarezvani/claude-skills☆ 2.8만2026년 8월 30일 업데이트
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
calesthio/OpenMontage☆ 7만2026년 10월 17일 업데이트
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
calesthio/OpenMontage☆ 7만2026년 10월 17일 업데이트
Structure an HTML video project for HyperFrames, with explicit clip timing, tracks, reusable scene sections, and framework-controlled media playback. Provides rules for repeatable rendering and checks to identify composition problems before producing the final video.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Create the HTML structure for a video project
- Organize clip timing and tracks
- Connect reusable scene sections
calesthio/OpenMontage☆ 7만2026년 10월 17일 업데이트
Animate characters built from SVG parts using GSAP and CSS transforms. Coordinate gestures and facial expressions, keep joints connected, and control playback by frame in Remotion or validate browser previews with HyperFrames.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Coordinate head and arm movements
- Check blinks, gaze, and mouth shapes
- Control a GSAP timeline by frame in Remotion
calesthio/OpenMontage☆ 7만2026년 10월 17일 업데이트
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
calesthio/OpenMontage☆ 7만2026년 10월 17일 업데이트
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
heygen-com/hyperframes☆ 6.8만2026년 10월 20일 업데이트
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
heygen-com/hyperframes☆ 6.8만2026년 10월 20일 업데이트
Guide HyperFrames video projects from setup and component selection through checks, previews, and rendering. Use command-line tools to inspect timelines, diagnose failures, compare frames, and choose local, batch, or cloud rendering for the finished composition.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Set up and preview a HyperFrames video project
- Diagnose build or rendering failures
- Render multiple videos from variable data
heygen-com/hyperframes☆ 6.8만2026년 10월 20일 업데이트
Build and validate HTML video projects in HyperFrames. It guides scene structure, clip timing, reusable sub-scenes, and audio and video placement, with rules that keep playback predictable and rendered frames consistent.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build an HTML video project in HyperFrames
- Set clip timing and arrange tracks
- Combine reusable sub-scenes
heygen-com/hyperframes☆ 6.8만2026년 10월 20일 업데이트
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
heygen-com/hyperframes☆ 6.8만2026년 10월 20일 업데이트
Match Google Cloud data residency and access requirements to available data boundary frameworks and cloud controls. Compare ranked recommendations in a table, see requirement gaps, and receive deployment guidance with built-in frameworks prioritized.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Finding frameworks for data residency requirements
- Comparing framework coverage and major requirement gaps
- Planning deployment for existing or new projects
google/skills☆ 2.1만2026년 10월 20일 업데이트
Extract one still image from a local video using FFmpeg. Choose the first frame, a timestamp, or a frame number, then save a JPG for sharing or a PNG for clear interface details.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Extract the first frame to inspect a video
- Save a still image from a specified timestamp
- Extract a frame by its exact frame number
iflytek/skillhub☆ 5.3천2026년 10월 20일 업데이트