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.8万2026年10月19日 更新
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月19日 更新
Review game code for likely performance bottlenecks in processing, memory, rendering, and data loading. Compare available estimates with configured limits and produce ranked optimization recommendations, including expected impact, effort, risks, and areas needing runtime measurement.
中文简介正在准备中。当前显示英语简介。
- Finding performance bottleneck candidates in one game system
- Reviewing performance across the whole game
- Comparing available estimates with configured performance limits
Donchitos/Claude-Code-Game-Studios☆ 2.7万2026年10月8日 更新
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☆ 75062026年10月8日 更新
调香师与香水 (调香师 / 香水 (Perfumery & Fragrance) — 香水创作与香气调配的职业认知操作系统,从业者/调香师/评香师/学习者视角。覆盖: (a) 第一性张力 — codifiable 理论层 (原料知识/香料化学/嗅觉家族分类/accord 和弦/配方结构 %/挥发度金字塔/IFRA 法规) ⇄ tacit 校准层 (嗅觉记忆/闻香训练/「the nose」/创作直觉/盲嗅识别),这行的核心矛盾是「可背诵的原料与公式」与「不可言传的嗅觉记忆与品味」之间,嗅觉记忆是极致 tacit 技能; (b) 法系传统 vs 分子/合成派 — 法国 Grasse 天然香料 + haute parfumerie 艺术传统 (天然精油/原精/学徒制) vs 现代分子派 (aroma chemicals 香基/captives 专利分子/headspace 顶空捕香/功能香精),两套对「香水是什么」的世界观; (c) 培养/传承 — ISIPCA (凡尔赛香水学校) + 四大香精公司内部调香学校 (Givaudan/Firmenich(DSM-Firmenich)/IFF/Symrise) + 学徒制 + 「鼻子」tacit 校准; 角色分工: perfumer(parfumeur 调香师) vs evaluator(评香师) vs flavorist(食用香精师); (d) 行业结构 — 四大香精公司寡头 (Givaudan/DSM-Firmenich/IFF/Symrise) + Mane/Robertet/Takasago,为品牌做 B2B 命题创作 (the brief → creation → mods 模型); vs niche/indie 小众独立香水 (artisanal/直营); 天然 (Grasse/精油) vs 合成 (香基/captives) 的成本与可持续之争; (e) 创作层 — 香调金字塔 (top/heart/base notes 前中后调)、accord 和弦、配方 (酒精中 % 浓度)、浓度分级 (parfum/EDP/EDT/EDC)、调香师的「香风琴」orgue、trials/mods 试样迭代、weighing 称量精度; (f) 法规与安全 — IFRA standards (原料限用)、EU 致敏原标签 (26→80+ allergens)、REACH、橡苔/atranol 限用、经典香水 (Mitsouko/Chanel No.5) 因法规被迫重配 (reformulation) 与创作自由之张力; (g) 评价/批评 — Luca Turin & Tania Sanchez (《Perfumes: The Guide》《The Secret of Scent》气味的科学)、香评人、Fragrantica/Basenotes 社区、vintage vs reformulation 之争、niche vs designer 之争。学派分歧: 法系天然传统派 vs 分子合成派、天然纯粹派 vs 合成实用派、haute parfumerie/niche 艺术派 vs mass designer 商业派、「鼻子=艺术家」vs「调香师=香气工程师/技师」、嗅觉科学之争 (Luca Turin 振动理论 vs 主流形状/受体理论)。不含: 香薰蜡烛/家居香氛纯生产营销、芳香疗法健康宣称 (aromatherapy)、纯化妆品配方学 (超出香精范畴)、DIY 家用香氛套件、精油传销/MLM。) Master OS — automated mastery of 调香师 / 香水 (Perfumery & Fragrance) — 香水创作与香气调配的职业认知操作系统,从业者/调香师/评香师/学习者视角。覆盖: (a) 第一性张力 — codifiable 理论层 (原料知识/香料化学/嗅觉家族分类/accord 和弦/配方结构 %/挥发度金字塔/IFRA 法规) ⇄ tacit 校准层 (嗅觉记忆/闻香训练/「the nose」/创作直觉/盲嗅识别),这行的核心矛盾是「可背诵的原料与公式」与「不可言传的嗅觉记忆与品味」之间,嗅觉记忆是极致 tacit 技能; (b) 法系传统 vs 分子/合成派 — 法国 Grasse 天然香料 + haute parfumerie 艺术传统 (天然精油/原精/学徒制) vs 现代分子派 (aroma chemicals 香基/captives 专利分子/headspace 顶空捕香/功能香精),两套对「香水是什么」的世界观; (c) 培养/传承 — ISIPCA (凡尔赛香水学校) + 四大香精公司内部调香学校 (Givaudan/Firmenich(DSM-Firmenich)/IFF/Symrise) + 学徒制 + 「鼻子」tacit 校准; 角色分工: perfumer(parfumeur 调香师) vs evaluator(评香师) vs flavorist(食用香精师); (d) 行业结构 — 四大香精公司寡头 (Givaudan/DSM-Firmenich/IFF/Symrise) + Mane/Robertet/Takasago,为品牌做 B2B 命题创作 (the brief → creation → mods 模型); vs niche/indie 小众独立香水 (artisanal/直营); 天然 (Grasse/精油) vs 合成 (香基/captives) 的成本与可持续之争; (e) 创作层 — 香调金字塔 (top/heart/base notes 前中后调)、accord 和弦、配方 (酒精中 % 浓度)、浓度分级 (parfum/EDP/EDT/EDC)、调香师的「香风琴」orgue、trials/mods 试样迭代、weighing 称量精度; (f) 法规与安全 — IFRA standards (原料限用)、EU 致敏原标签 (26→80+ allergens)、REACH、橡苔/atranol 限用、经典香水 (Mitsouko/Chanel No.5) 因法规被迫重配 (reformulation) 与创作自由之张力; (g) 评价/批评 — Luca Turin & Tania Sanchez (《Perfumes: The Guide》《The Secret of Scent》气味的科学)、香评人、Fragrantica/Basenotes 社区、vintage vs reformulation 之争、niche vs designer 之争。学派分歧: 法系天然传统派 vs 分子合成派、天然纯粹派 vs 合成实用派、haute parfumerie/niche 艺术派 vs mass designer 商业派、「鼻子=艺术家」vs「调香师=香气工程师/技师」、嗅觉科学之争 (Luca Turin 振动理论 vs 主流形状/受体理论)。不含: 香薰蜡烛/家居香氛纯生产营销、芳香疗法健康宣称 (aromatherapy)、纯化妆品配方学 (超出香精范畴)、DIY 家用香氛套件、精油传销/MLM。: top builders' mental models, tool stack, current workflows, jargon, and where to keep up. Trigger this skill when the user works on 调香师 / 香水 (Perfumery & Fragrance) — 香水创作与香气调配的职业认知操作系统,从业者/调香师/评香师/学习者视角。覆盖: (a) 第一性张力 — codifiable 理论层 (原料知识/香料化学/嗅觉家族分类/accord 和弦/配方结构 %/挥发度金字塔/IFRA 法规) ⇄ tacit 校准层 (嗅觉记忆/闻香训练/「the nose」/创作直觉/盲嗅识别),这行的核心矛盾是「可背诵的原料与公式」与「不可言传的嗅觉记忆与品味」之间,嗅觉记忆是极致 tacit 技能; (b) 法系传统 vs 分子/合成派 — 法国 Grasse 天然香料 + haute parfumerie 艺术传统 (天然精油/原精/学徒制) vs 现代分子派 (aroma chemicals 香基/captives 专利分子/headspace 顶空捕香/功能香精),两套对「香水是什么」的世界观; (c) 培养/传承 — ISIPCA (凡尔赛香水学校) + 四大香精公司内部调香学校 (Givaudan/Firmenich(DSM-Firmenich)/IFF/Symrise) + 学徒制 + 「鼻子」tacit 校准; 角色分工: perfumer(parfumeur 调香师) vs evaluator(评香师) vs flavorist(食用香精师); (d) 行业结构 — 四大香精公司寡头 (Givaudan/DSM-Firmenich/IFF/Symrise) + Mane/Robertet/Takasago,为品牌做 B2B 命题创作 (the brief → creation → mods 模型); vs niche/indie 小众独立香水 (artisanal/直营); 天然 (Grasse/精油) vs 合成 (香基/captives) 的成本与可持续之争; (e) 创作层 — 香调金字塔 (top/heart/base notes 前中后调)、ac
中文简介正在准备中。当前显示原文说明。
swaylq/master-skill☆ 1622026年9月6日 更新
Performance Analysis - パフォーマンス分析。./tmp/perf.log を分析してボトルネックを特定し、パフォーマンス改善 Issue を作成するスキル。「パフォーマンス分析」「perf-analysis」「ボトルネックを調べて」で発火。ThumbnailThumb 専用(bin/tt-client と ./tmp/perf.log 出力に依存。bin/tt-client が無いプロジェクトでは発火しない)。
中文简介正在准备中。当前显示原文说明。
jiikko/dotfiles☆ 22026年10月19日 更新
Create a 16:9 animated hero composition with rotating rings, a globe or other focal graphic, and expressive typography. Deliver a single HTML document with CSS animations that a frame-capture exporter such as HyperFrames can turn into video.
中文简介正在准备中。当前显示英语简介。
- Create an animated hero for a marketing page
- Design a title card with moving typography
- Build a looping poster with rotating rings and a globe
nexu-io/open-design☆ 10.2万2026年10月19日 更新
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日 更新
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日 更新
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.8万2026年10月19日 更新
Add an eight-second HyperFrames headline animation where square tiles lift, tilt, and flip to reveal a second message. Customize both headlines and 18 settings covering tile size, sweep direction, timing, depth, bounce, and shadows.
中文简介正在准备中。当前显示英语简介。
- Reveal a second headline through flipping tiles
- Create an animated opening for a promotional video
- Adjust tile depth and shadows to suit a design
heygen-com/hyperframes☆ 6.8万2026年10月19日 更新
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.8万2026年10月19日 更新
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
heygen-com/hyperframes☆ 6.8万2026年10月19日 更新
Review Google Cloud workloads using the Performance Optimization pillar of the Well-Architected Framework. Assess performance requirements and architecture, then get actionable recommendations for resource allocation, caching, independent components, automatic scaling, and ongoing monitoring.
中文简介正在准备中。当前显示英语简介。
- Review resource capacity for expected peak demand
- Assess automatic scaling for traffic spikes
- Review component design for independent scaling
google/skills☆ 2.1万2026年10月17日 更新
Use the HyperFrames command-line tool to set up HTML-based video projects, check structure and text overflow, preview compositions, and export video. It also covers audio transcription, text-to-speech generation, and environment troubleshooting.
中文简介正在准备中。当前显示英语简介。
- Starting a video project from a template
- Checking text overflow before rendering
- Previewing and exporting MP4 or WebM video
openai/plugins☆ 75062026年10月8日 更新
ショーリール品質(Behance / OFFF / Awwwards級)のモーショングラフィックス動画を HyperFrames(HTML + GSAP + SVG + Canvas、Apache-2.0)で制作する。remotion-motion-reel の HyperFrames 版で、Remotion の Company License が不要な構成。テーマ・素材(キャラクター画像、音声など)から世界観・コピー・デザインシステム・タイムライン・サウンドを補完し、120BPM/60fps で拍同期した映像を実装・レンダリングまで行う。「HyperFramesでかっこいい動画」「ライセンスフリーでモーショングラフィックス」「ショーリールをHTMLで」などの依頼時に使用。
中文简介正在准备中。当前显示原文说明。
Sunwood-ai-labs/hyperframes-motion-reel-skill☆ 1412026年9月30日 更新
Turn written content and data into a sequence of animated frames for Hyperframes or Remotion. The output includes autoplay, manual navigation, a progress bar, and timing metadata for later video rendering.
中文简介正在准备中。当前显示英语简介。
- Turn a short script into animated frames
- Present data one scene at a time
- Prepare frame metadata for Remotion rendering
nexu-io/open-design☆ 10.2万2026年10月19日 更新
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
nexu-io/open-design☆ 10.2万2026年10月19日 更新
Analyze application and system performance to find bottlenecks, the points that slow processing. Use resource usage and performance data to plan improvements to resource allocation, load balancing, caching, and algorithms, then compare results after changes.
中文简介正在准备中。当前显示英语简介。
- Investigating slow application processing
- Reviewing CPU and memory allocation
- Improving workload distribution across nodes
ruvnet/ruflo☆ 7.7万2026年10月19日 更新
Turn a website's screenshots and brand assets into a HyperFrames site tour or social clip. Develop a storyboard and script, add optional narration and captions, then validate the video and deliver a Studio preview.
中文简介正在准备中。当前显示英语简介。
- Creating a video tour of a portfolio
- Turning a blog or landing page into a social clip
- Making a site showcase with narration and captions
calesthio/OpenMontage☆ 7万2026年10月17日 更新
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.8万2026年10月19日 更新
Create a 22.5-second ice animation in HyperFrames, with an orbiting camera following a logo that breaks apart and reforms into two text messages. Customize the SVG logo, wording, ice appearance, and shard movement.
中文简介正在准备中。当前显示英语简介。
- Create an ice-themed logo animation
- Present two messages in one continuous sequence
- Adjust ice transparency, frost, and cracks
heygen-com/hyperframes☆ 6.8万2026年10月19日 更新
Launch an SGLang server, run a quick accuracy check, and capture an execution trace for performance inspection. Return the trace location and generated files, ready to open in Perfetto or Chrome tracing.
中文简介正在准备中。当前显示英语简介。
- Capture an execution trace of SGLang inference
- Check basic accuracy before profiling
- Record input processing and token generation separately
sgl-project/sglang☆ 3.7万2026年10月19日 更新
Create a short launch video from the current website or app project using Hyperframes. The skill reads the code, plans scenes, adds music and optional narration, checks and renders the video, and prepares a poster and share copy.
中文简介正在准备中。当前显示英语简介。
- Creating a launch video from the current app project
- Making a vertical video with a chosen tone
- Adding narration to a short product introduction
latent-spaces/brag☆ 1.7万2026年10月13日 更新