HyperFrames (HTML + GSAP → MP4) でアプリのプロモ動画を決定論的に生成するスキル。 HyperFrames 公式スキル(19本)を土台として前提にし、素材の橋渡し・検証ゲート・ 納品仕様・誇張表現の禁止という「公式が扱わない層」だけを担当する。 SNS リール、LP ヒーロー動画、リリース告知、機能デモが対象。 Use when: プロモ動画を作りたい、告知動画を作りたい、HTML から動画を作りたい、 HyperFrames で動画を作りたい、リリース動画を作りたい、SNS 用の縦動画を作りたい。 Triggers: "HyperFrames", "hyperframes", "プロモ動画", "告知動画", "宣伝動画", "HTML から動画", "html to video", "リリース動画", "SNS動画", "縦動画", "リール"
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
sean-sunagaku/claude-code-plugin☆ 382026년 7월 30일 업데이트
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
calesthio/OpenMontage☆ 7만2026년 10월 17일 업데이트
Turn a music track into a HyperFrames video with text, images, and clips timed to its rhythm and energy. Additional visual assets are optional, and the workflow includes storyboard approval, visual checks, and final MP4 rendering.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Create a promotional video timed to a music track
- Build a slideshow from music and supplied photos
- Make a music video using animated text alone
calesthio/OpenMontage☆ 7만2026년 10월 17일 업데이트
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
heygen-com/hyperframes☆ 6.9만2026년 10월 20일 업데이트
Fix white flashes and blending problems between scenes in HyperFrames videos. This skill explains background setup, overlapping scene containers, final-frame holds, and timeline templates so transitions render with the intended appearance.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Fixing white flashes between dark scenes
- Checking opacity dips during crossfades
- Assembling the master timeline
heygen-com/hyperframes☆ 6.9만2026년 10월 20일 업데이트
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
heygen-com/hyperframes☆ 6.9만2026년 10월 20일 업데이트
Investigate clickjacking, where a hidden page tricks users into unintended clicks. Check protective headers, then verify in a real browser whether the embedded page retains authentication and allows sensitive actions.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing payment and account settings pages
- Testing OAuth authorization screens
- Checking pages with missing frame protection
elementalsouls/Claude-BugHunter☆ 5.2천2026년 10월 20일 업데이트
데스크톱 랜딩 페이지의 구조를 회색 상자로 그립니다. 번호 주석과 사양 패널을 연결해 배치 및 구현 시 참고할 내용을 공유하는 와이어프레임을 만듭니다.
- 데스크톱 랜딩 페이지 구조를 검토할 때
- 개발 담당자에게 사양 메모를 전달할 때
- 내비게이션과 주요 홍보 영역 배치를 확인할 때
nexu-io/open-design☆ 10.3만2026년 10월 21일 업데이트
복고풍 픽셀 스타일의 세 장면 영상을 Hyperframes용 HTML로 만듭니다. 제목과 색상을 바꾸고 장면 전환과 움직임을 갖춘 구성으로 완성합니다.
- 픽셀 스타일의 소개 영상을 만들 때
- 세 장면 영상의 내용을 교체할 때
- HTML에서 장면 전환을 확인할 때
nexu-io/open-design☆ 10.3만2026년 10월 21일 업데이트
Create or edit custom HyperFrames videos, including multi-scene brand films, montages, title cards, and footage remixes. The workflow covers planning, design, media assembly, animation, checks, and a final preview for approval before rendering.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Create a multi-scene brand video
- Reorder and trim existing footage
- Build a static title card or loop
heygen-com/hyperframes☆ 6.9만2026년 10월 20일 업데이트
Bring Figma logos, brand colors, and components into HyperFrames as local assets and editable HTML. Reconstruct animation from storyboard states, with additional motion import options when a compatible connector or native export is available.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Import a Figma logo as a video asset
- Apply brand colors across imported components
- Turn a Figma frame into editable HTML
heygen-com/hyperframes☆ 6.9만2026년 10월 20일 업데이트
Create an eight-second HyperFrames title animation with wireframe letters, shown as 3D outlines, emerging through a portal and changing into another phrase. Adjust transition timing, abruptness, glitch strength, depth fog, and accent color.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Create a video opening with 3D outline letters
- Change a title into a second message
- Adjust portal bursts and letter glitches
heygen-com/hyperframes☆ 6.9만2026년 10월 20일 업데이트
Improve Remotion Studio rendering performance by limiting which components update with every frame. The skill guides on-demand timeline reads and React.memo usage, helping keep stable components from rerendering unnecessarily while preserving updates where the displayed frame matters.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reduce unnecessary rerenders on every frame
- Read the current frame only when an event needs it
- Move frame-dependent rendering into a small child component
remotion-dev/remotion☆ 6.6만2026년 10월 20일 업데이트
Design and create custom cloud controls and frameworks for Google Cloud data boundary requirements that existing resources cannot meet. Receive prepared configuration fields for manual setup, or approve creation through the agent.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Designing controls for requirements existing frameworks cannot meet
- Preparing configuration fields for the Google Cloud console
- Creating a framework that groups newly authored controls
google/skills☆ 2.1만2026년 10월 21일 업데이트
Turn a script into sequential visual frames with large text, timed playback, manual controls, and a progress bar. Frame timing and transition metadata support later rendering with Hyperframes or Remotion.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Introducing an AI workflow through sequential scenes
- Turning a short explanation into an animated presentation
- Preparing frames and timing metadata for video rendering
nexu-io/html-anything☆ 9.2천2026년 10월 13일 업데이트
Turn an existing website into a HyperFrames video for social ads, product tours, or launches. Capture its visual assets, develop a script and storyboard, generate narration, and deliver a validated project for preview in Studio.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Turn a website into a short social ad
- Create a narrated product tour
- Make a video announcing a new feature
openai/plugins☆ 7.5천2026년 10월 8일 업데이트
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
openai/plugins☆ 7.5천2026년 10월 8일 업데이트
Design and implement iPolloWork plugin interfaces using shared components, colors, typography, and interaction rules. Covers host React and iframe integration, component readiness, and checks for loading, errors, keyboard use, and recovery.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build plugin forms with shared components
- Integrate shared controls into iframe plugins
- Design loading, error, and retry states
Devin-AXIS/iPolloWork☆ 7.1천2026년 10월 20일 업데이트
Analyze CLR activation logs to explain how .NET Framework selects and loads its runtime, the software that executes managed code. Diagnose loading failures, unexpected version choices, installation dialogs, and conflicting activation paths within a process.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Investigating failures to load the .NET Framework runtime
- Explaining why an unexpected CLR version was selected
- Tracing .NET 3.5 installation dialogs or their absence
dotnet/skills☆ 5.7천2026년 10월 21일 업데이트
Generate 2D game characters, props, icons and effects, or prepare existing artwork for use in a game. The skill removes backgrounds, separates frames, adjusts size and palettes, checks results, and exports assets for game engines.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Create a character master still
- Split prop or effect sheets into frames
- Prepare existing frames for a game engine
0x0funky/agent-sprite-forge☆ 4.5천2026년 10월 6일 업데이트
Style UI for framer.com using extracted design tokens, named values for colors, corner radius, and fonts. Reuse the supplied settings and identify missing values when the available tokens do not cover a styling need.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Style UI with the extracted framer.com colors
- Apply the supplied corner radius and body font
- Identify missing settings while reusing existing tokens
Manavarya09/design-extract☆ 4.3천2026년 10월 20일 업데이트
Prepare voiceovers, background music, sound effects, transcripts, captions, and background cutouts for HyperFrames compositions. The skill guides audio provider selection, word timing, and caption styling, with local alternatives for several audio tasks.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Creating voiceovers for HyperFrames videos
- Preparing background music and sound effects
- Adding word-timed subtitles and karaoke captions
calesthio/OpenMontage☆ 7만2026년 10월 17일 업데이트
Create navigable HyperFrames presentations with step-by-step reveals, clickable branches, and speaker notes. You can also turn an existing page into a deck while preserving its visual design, motion, and interactive behavior.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Build a pitch deck with speaker notes
- Reveal key points one step at a time
- Open supporting slides through clickable areas
heygen-com/hyperframes☆ 6.9만2026년 10월 20일 업데이트
Create a title animation where glass shards emerge through fog, assemble into a headline, and fly past the camera. Adjust the text, shard count, rotation, timing, and fog in a reusable HyperFrames video block.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Create a glass title sequence for a video
- Adjust shard count and motion for a headline
- Add a reusable title block to a HyperFrames project
heygen-com/hyperframes☆ 6.9만2026년 10월 20일 업데이트