[{"data":1,"prerenderedAt":1754},["ShallowReactive",2],{"navigation":3,"\u002Fguides\u002Fmcp":686,"\u002Fguides\u002Fmcp-surround":1749},[4,31,57,147,168,198,652],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":30},"快速入门","i-lucide-rocket","\u002Fgetting-started","01.getting-started",[10,14,18,22,26],{"title":11,"path":12,"stem":13},"简介","\u002Fgetting-started\u002Fintroduction","01.getting-started\u002F01.introduction",{"title":15,"path":16,"stem":17},"快速开始","\u002Fgetting-started\u002Fquickstart","01.getting-started\u002F02.quickstart",{"title":19,"path":20,"stem":21},"展示作品","\u002Fgetting-started\u002Fshowcase","01.getting-started\u002F03.showcase",{"title":23,"path":24,"stem":25},"示例","\u002Fgetting-started\u002Fexamples","01.getting-started\u002F04.examples",{"title":27,"path":28,"stem":29},"发布视频","\u002Fgetting-started\u002Flaunch-videos","01.getting-started\u002F05.launch-videos",false,{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":30},"核心概念","i-lucide-lightbulb","\u002Fconcepts","02.concepts",[37,41,45,49,53],{"title":38,"path":39,"stem":40},"合成","\u002Fconcepts\u002Fcompositions","02.concepts\u002F01.compositions",{"title":42,"path":43,"stem":44},"数据属性","\u002Fconcepts\u002Fdata-attributes","02.concepts\u002F02.data-attributes",{"title":46,"path":47,"stem":48},"变量","\u002Fconcepts\u002Fvariables","02.concepts\u002F03.variables",{"title":50,"path":51,"stem":52},"帧适配器","\u002Fconcepts\u002Fframe-adapters","02.concepts\u002F04.frame-adapters",{"title":54,"path":55,"stem":56},"确定性渲染","\u002Fconcepts\u002Fdeterminism","02.concepts\u002F05.determinism",{"title":58,"icon":59,"path":60,"stem":61,"children":62,"page":30},"使用指南","i-lucide-compass","\u002Fguides","03.guides",[63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143],{"title":64,"path":65,"stem":66},"工作流水线","\u002Fguides\u002Fpipeline","03.guides\u002F01.pipeline",{"title":68,"path":69,"stem":70},"HTML-in-Canvas","\u002Fguides\u002Fhtml-in-canvas","03.guides\u002F02.html-in-canvas",{"title":72,"path":73,"stem":74},"网站转视频","\u002Fguides\u002Fwebsite-to-video","03.guides\u002F03.website-to-video",{"title":76,"path":77,"stem":78},"Google Antigravity","\u002Fguides\u002Fantigravity","03.guides\u002F04.antigravity",{"title":80,"path":81,"stem":82},"GitHub Copilot CLI","\u002Fguides\u002Fcopilot-cli","03.guides\u002F05.copilot-cli",{"title":84,"path":85,"stem":86},"Claude Design","\u002Fguides\u002Fclaude-design","03.guides\u002F06.claude-design",{"title":88,"path":89,"stem":90},"Open Design","\u002Fguides\u002Fopen-design","03.guides\u002F07.open-design",{"title":92,"path":93,"stem":94},"提示词指南","\u002Fguides\u002Fprompting","03.guides\u002F08.prompting",{"title":96,"path":97,"stem":98},"Hyperframes vs Remotion","\u002Fguides\u002Fhyperframes-vs-remotion","03.guides\u002F09.hyperframes-vs-remotion",{"title":100,"path":101,"stem":102},"GSAP 动画","\u002Fguides\u002Fgsap-animation","03.guides\u002F10.gsap-animation",{"title":104,"path":105,"stem":106},"渲染","\u002Fguides\u002Frendering","03.guides\u002F11.rendering",{"title":108,"path":109,"stem":110},"去除背景（透明视频）","\u002Fguides\u002Fremove-background","03.guides\u002F12.remove-background",{"title":112,"path":113,"stem":114},"HDR 渲染","\u002Fguides\u002Fhdr","03.guides\u002F13.hdr",{"title":116,"path":117,"stem":118},"4K 渲染","\u002Fguides\u002F4k-rendering","03.guides\u002F14.4k-rendering",{"title":120,"path":121,"stem":122},"性能","\u002Fguides\u002Fperformance","03.guides\u002F15.performance",{"title":124,"path":125,"stem":126},"时间轴编辑","\u002Fguides\u002Ftimeline-editing","03.guides\u002F16.timeline-editing",{"title":128,"path":129,"stem":130},"视频编辑者速查表","\u002Fguides\u002Fvideo-editor-cheatsheet","03.guides\u002F17.video-editor-cheatsheet",{"title":132,"path":133,"stem":134},"常见错误","\u002Fguides\u002Fcommon-mistakes","03.guides\u002F18.common-mistakes",{"title":136,"path":137,"stem":138},"故障排除","\u002Fguides\u002Ftroubleshooting","03.guides\u002F19.troubleshooting",{"title":140,"path":141,"stem":142},"反馈收集","\u002Fguides\u002Ffeedback","03.guides\u002F20.feedback",{"title":144,"path":145,"stem":146},"HyperFrames MCP","\u002Fguides\u002Fmcp","03.guides\u002F21.mcp",{"title":148,"icon":149,"path":150,"stem":151,"children":152,"page":30},"部署","i-lucide-cloud","\u002Fdeploy","04.deploy",[153,156,160,164],{"title":148,"path":154,"stem":155},"\u002Fdeploy\u002Fdeploy","04.deploy\u002F01.deploy",{"title":157,"path":158,"stem":159},"AWS Lambda","\u002Fdeploy\u002Faws-lambda","04.deploy\u002F02.aws-lambda",{"title":161,"path":162,"stem":163},"Lambda 上的模板","\u002Fdeploy\u002Ftemplates-on-lambda","04.deploy\u002F03.templates-on-lambda",{"title":165,"path":166,"stem":167},"迁移到 HyperFrames Lambda","\u002Fdeploy\u002Fmigrating-to-hyperframes-lambda","04.deploy\u002F04.migrating-to-hyperframes-lambda",{"title":169,"icon":170,"path":171,"stem":172,"children":173,"page":30},"包","i-lucide-package","\u002Fpackages","05.packages",[174,178,182,186,190,194],{"title":175,"path":176,"stem":177},"@hyperframes\u002Fcore","\u002Fpackages\u002Fcore","05.packages\u002F01.core",{"title":179,"path":180,"stem":181},"@hyperframes\u002Fengine","\u002Fpackages\u002Fengine","05.packages\u002F02.engine",{"title":183,"path":184,"stem":185},"@hyperframes\u002Fplayer","\u002Fpackages\u002Fplayer","05.packages\u002F03.player",{"title":187,"path":188,"stem":189},"@hyperframes\u002Fproducer","\u002Fpackages\u002Fproducer","05.packages\u002F04.producer",{"title":191,"path":192,"stem":193},"@hyperframes\u002Fstudio","\u002Fpackages\u002Fstudio","05.packages\u002F05.studio",{"title":195,"path":196,"stem":197},"CLI","\u002Fpackages\u002Fcli","05.packages\u002F06.cli",{"title":199,"icon":200,"path":201,"stem":202,"children":203,"page":30},"组件目录","i-lucide-layout-grid","\u002Fcatalog","06.catalog",[204,270,324,358,420,478,512,546,584,598],{"title":205,"icon":206,"path":207,"stem":208,"children":209,"page":30},"字幕","i-lucide-captions","\u002Fcatalog\u002Fcaption","06.catalog\u002F01.caption",[210,214,218,222,226,230,234,238,242,246,250,254,258,262,266],{"title":211,"path":212,"stem":213},"裁剪擦除","\u002Fcatalog\u002Fcaption\u002Fcaption-clip-wipe","06.catalog\u002F01.caption\u002F01.caption-clip-wipe",{"title":215,"path":216,"stem":217},"编辑强调","\u002Fcatalog\u002Fcaption\u002Fcaption-editorial-emphasis","06.catalog\u002F01.caption\u002F02.caption-editorial-emphasis",{"title":219,"path":220,"stem":221},"Emoji 弹出","\u002Fcatalog\u002Fcaption\u002Fcaption-emoji-pop","06.catalog\u002F01.caption\u002F03.caption-emoji-pop",{"title":223,"path":224,"stem":225},"故障 RGB","\u002Fcatalog\u002Fcaption\u002Fcaption-glitch-rgb","06.catalog\u002F01.caption\u002F04.caption-glitch-rgb",{"title":227,"path":228,"stem":229},"渐变填充","\u002Fcatalog\u002Fcaption\u002Fcaption-gradient-fill","06.catalog\u002F01.caption\u002F05.caption-gradient-fill",{"title":231,"path":232,"stem":233},"高亮","\u002Fcatalog\u002Fcaption\u002Fcaption-highlight","06.catalog\u002F01.caption\u002F06.caption-highlight",{"title":235,"path":236,"stem":237},"动感冲击","\u002Fcatalog\u002Fcaption\u002Fcaption-kinetic-slam","06.catalog\u002F01.caption\u002F07.caption-kinetic-slam",{"title":239,"path":240,"stem":241},"矩阵解码","\u002Fcatalog\u002Fcaption\u002Fcaption-matrix-decode","06.catalog\u002F01.caption\u002F08.caption-matrix-decode",{"title":243,"path":244,"stem":245},"霓虹强调","\u002Fcatalog\u002Fcaption\u002Fcaption-neon-accent","06.catalog\u002F01.caption\u002F09.caption-neon-accent",{"title":247,"path":248,"stem":249},"霓虹发光","\u002Fcatalog\u002Fcaption\u002Fcaption-neon-glow","06.catalog\u002F01.caption\u002F10.caption-neon-glow",{"title":251,"path":252,"stem":253},"视差图层","\u002Fcatalog\u002Fcaption\u002Fcaption-parallax-layers","06.catalog\u002F01.caption\u002F11.caption-parallax-layers",{"title":255,"path":256,"stem":257},"粒子爆发","\u002Fcatalog\u002Fcaption\u002Fcaption-particle-burst","06.catalog\u002F01.caption\u002F12.caption-particle-burst",{"title":259,"path":260,"stem":261},"胶囊卡拉OK","\u002Fcatalog\u002Fcaption\u002Fcaption-pill-karaoke","06.catalog\u002F01.caption\u002F13.caption-pill-karaoke",{"title":263,"path":264,"stem":265},"纹理","\u002Fcatalog\u002Fcaption\u002Fcaption-texture","06.catalog\u002F01.caption\u002F14.caption-texture",{"title":267,"path":268,"stem":269},"字重切换","\u002Fcatalog\u002Fcaption\u002Fcaption-weight-shift","06.catalog\u002F01.caption\u002F15.caption-weight-shift",{"title":271,"icon":272,"path":273,"stem":274,"children":275,"page":30},"HTML 画布","i-lucide-layout-dashboard","\u002Fcatalog\u002Fhtml-canvas","06.catalog\u002F02.html-canvas",[276,280,284,288,292,296,300,304,308,312,316,320],{"title":277,"path":278,"stem":279},"iOS 26 Liquid Glass 主屏幕","\u002Fcatalog\u002Fhtml-canvas\u002Fios26-liquid-glass","06.catalog\u002F02.html-canvas\u002F01.ios26-liquid-glass",{"title":281,"path":282,"stem":283},"Liquid Glass 右键菜单","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-context-menu","06.catalog\u002F02.html-canvas\u002F02.liquid-glass-context-menu",{"title":285,"path":286,"stem":287},"Liquid Glass 媒体控制","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-media-controls","06.catalog\u002F02.html-canvas\u002F03.liquid-glass-media-controls",{"title":289,"path":290,"stem":291},"Liquid Glass 通知","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-notification","06.catalog\u002F02.html-canvas\u002F04.liquid-glass-notification",{"title":293,"path":294,"stem":295},"Liquid Glass 小组件","\u002Fcatalog\u002Fhtml-canvas\u002Fliquid-glass-widgets","06.catalog\u002F02.html-canvas\u002F05.liquid-glass-widgets",{"title":297,"path":298,"stem":299},"macOS Tahoe Liquid Glass 桌面","\u002Fcatalog\u002Fhtml-canvas\u002Fmacos-tahoe-liquid-glass","06.catalog\u002F02.html-canvas\u002F06.macos-tahoe-liquid-glass",{"title":301,"path":302,"stem":303},"iPhone & MacBook 3D 展示","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-iphone-device","06.catalog\u002F02.html-canvas\u002F07.vfx-iphone-device",{"title":305,"path":306,"stem":307},"液态背景","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-liquid-background","06.catalog\u002F02.html-canvas\u002F08.vfx-liquid-background",{"title":309,"path":310,"stem":311},"磁力效果","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-magnetic","06.catalog\u002F02.html-canvas\u002F09.vfx-magnetic",{"title":313,"path":314,"stem":315},"传送门","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-portal","06.catalog\u002F02.html-canvas\u002F10.vfx-portal",{"title":317,"path":318,"stem":319},"碎裂效果","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-shatter","06.catalog\u002F02.html-canvas\u002F11.vfx-shatter",{"title":321,"path":322,"stem":323},"VFX 文字光标","\u002Fcatalog\u002Fhtml-canvas\u002Fvfx-text-cursor","06.catalog\u002F02.html-canvas\u002F12.vfx-text-cursor",{"title":325,"icon":326,"path":327,"stem":328,"children":329,"page":30},"社交叠加层","i-lucide-share-2","\u002Fcatalog\u002Fsocial-overlays","06.catalog\u002F03.social-overlays",[330,334,338,342,346,350,354],{"title":331,"path":332,"stem":333},"Instagram 关注","\u002Fcatalog\u002Fsocial-overlays\u002Finstagram-follow","06.catalog\u002F03.social-overlays\u002F01.instagram-follow",{"title":335,"path":336,"stem":337},"macOS 通知","\u002Fcatalog\u002Fsocial-overlays\u002Fmacos-notification","06.catalog\u002F03.social-overlays\u002F02.macos-notification",{"title":339,"path":340,"stem":341},"Reddit 帖子卡片","\u002Fcatalog\u002Fsocial-overlays\u002Freddit-post","06.catalog\u002F03.social-overlays\u002F03.reddit-post",{"title":343,"path":344,"stem":345},"Spotify 正在播放","\u002Fcatalog\u002Fsocial-overlays\u002Fspotify-card","06.catalog\u002F03.social-overlays\u002F04.spotify-card",{"title":347,"path":348,"stem":349},"TikTok 关注","\u002Fcatalog\u002Fsocial-overlays\u002Ftiktok-follow","06.catalog\u002F03.social-overlays\u002F05.tiktok-follow",{"title":351,"path":352,"stem":353},"X 帖子卡片","\u002Fcatalog\u002Fsocial-overlays\u002Fx-post","06.catalog\u002F03.social-overlays\u002F06.x-post",{"title":355,"path":356,"stem":357},"YouTube 下方三分之一","\u002Fcatalog\u002Fsocial-overlays\u002Fyt-lower-third","06.catalog\u002F03.social-overlays\u002F07.yt-lower-third",{"title":359,"icon":360,"path":361,"stem":362,"children":363,"page":30},"着色器过渡","i-lucide-wand-2","\u002Fcatalog\u002Fshader-transitions","06.catalog\u002F04.shader-transitions",[364,368,372,376,380,384,388,392,396,400,404,408,412,416],{"title":365,"path":366,"stem":367},"色散径向分裂","\u002Fcatalog\u002Fshader-transitions\u002Fchromatic-radial-split","06.catalog\u002F04.shader-transitions\u002F01.chromatic-radial-split",{"title":369,"path":370,"stem":371},"电影感变焦","\u002Fcatalog\u002Fshader-transitions\u002Fcinematic-zoom","06.catalog\u002F04.shader-transitions\u002F02.cinematic-zoom",{"title":373,"path":374,"stem":375},"交叉扭曲变形","\u002Fcatalog\u002Fshader-transitions\u002Fcross-warp-morph","06.catalog\u002F04.shader-transitions\u002F03.cross-warp-morph",{"title":377,"path":378,"stem":379},"域扭曲溶解","\u002Fcatalog\u002Fshader-transitions\u002Fdomain-warp-dissolve","06.catalog\u002F04.shader-transitions\u002F04.domain-warp-dissolve",{"title":381,"path":382,"stem":383},"白色闪光过渡","\u002Fcatalog\u002Fshader-transitions\u002Fflash-through-white","06.catalog\u002F04.shader-transitions\u002F05.flash-through-white",{"title":385,"path":386,"stem":387},"故障效果","\u002Fcatalog\u002Fshader-transitions\u002Fglitch","06.catalog\u002F04.shader-transitions\u002F06.glitch",{"title":389,"path":390,"stem":391},"引力透镜","\u002Fcatalog\u002Fshader-transitions\u002Fgravitational-lens","06.catalog\u002F04.shader-transitions\u002F07.gravitational-lens",{"title":393,"path":394,"stem":395},"光线泄漏","\u002Fcatalog\u002Fshader-transitions\u002Flight-leak","06.catalog\u002F04.shader-transitions\u002F08.light-leak",{"title":397,"path":398,"stem":399},"褶皱燃烧","\u002Fcatalog\u002Fshader-transitions\u002Fridged-burn","06.catalog\u002F04.shader-transitions\u002F09.ridged-burn",{"title":401,"path":402,"stem":403},"涟漪波纹","\u002Fcatalog\u002Fshader-transitions\u002Fripple-waves","06.catalog\u002F04.shader-transitions\u002F10.ripple-waves",{"title":405,"path":406,"stem":407},"SDF 光圈","\u002Fcatalog\u002Fshader-transitions\u002Fsdf-iris","06.catalog\u002F04.shader-transitions\u002F11.sdf-iris",{"title":409,"path":410,"stem":411},"漩涡涡流","\u002Fcatalog\u002Fshader-transitions\u002Fswirl-vortex","06.catalog\u002F04.shader-transitions\u002F12.swirl-vortex",{"title":413,"path":414,"stem":415},"热浪扭曲","\u002Fcatalog\u002Fshader-transitions\u002Fthermal-distortion","06.catalog\u002F04.shader-transitions\u002F13.thermal-distortion",{"title":417,"path":418,"stem":419},"快速摇摄","\u002Fcatalog\u002Fshader-transitions\u002Fwhip-pan","06.catalog\u002F04.shader-transitions\u002F14.whip-pan",{"title":421,"icon":422,"path":423,"stem":424,"children":425,"page":30},"CSS 过渡","i-lucide-repeat","\u002Fcatalog\u002Fcss-transitions","06.catalog\u002F05.css-transitions",[426,430,434,438,442,446,450,454,458,462,466,470,474],{"title":427,"path":428,"stem":429},"3D 过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-3d","06.catalog\u002F05.css-transitions\u002F01.transitions-3d",{"title":431,"path":432,"stem":433},"模糊过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-blur","06.catalog\u002F05.css-transitions\u002F02.transitions-blur",{"title":435,"path":436,"stem":437},"覆盖过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-cover","06.catalog\u002F05.css-transitions\u002F03.transitions-cover",{"title":439,"path":440,"stem":441},"破碎过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-destruction","06.catalog\u002F05.css-transitions\u002F04.transitions-destruction",{"title":443,"path":444,"stem":445},"溶解过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-dissolve","06.catalog\u002F05.css-transitions\u002F05.transitions-dissolve",{"title":447,"path":448,"stem":449},"扭曲过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-distortion","06.catalog\u002F05.css-transitions\u002F06.transitions-distortion",{"title":451,"path":452,"stem":453},"网格过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-grid","06.catalog\u002F05.css-transitions\u002F07.transitions-grid",{"title":455,"path":456,"stem":457},"光效过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-light","06.catalog\u002F05.css-transitions\u002F08.transitions-light",{"title":459,"path":460,"stem":461},"机械过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-mechanical","06.catalog\u002F05.css-transitions\u002F09.transitions-mechanical",{"title":463,"path":464,"stem":465},"其他过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-other","06.catalog\u002F05.css-transitions\u002F10.transitions-other",{"title":467,"path":468,"stem":469},"推移过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-push","06.catalog\u002F05.css-transitions\u002F11.transitions-push",{"title":471,"path":472,"stem":473},"径向过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-radial","06.catalog\u002F05.css-transitions\u002F12.transitions-radial",{"title":475,"path":476,"stem":477},"缩放过渡","\u002Fcatalog\u002Fcss-transitions\u002Ftransitions-scale","06.catalog\u002F05.css-transitions\u002F13.transitions-scale",{"title":479,"icon":480,"path":481,"stem":482,"children":483,"page":30},"展示","i-lucide-monitor-play","\u002Fcatalog\u002Fshowcase","06.catalog\u002F06.showcase",[484,488,492,496,500,504,508],{"title":485,"path":486,"stem":487},"应用展示","\u002Fcatalog\u002Fshowcase\u002Fapp-showcase","06.catalog\u002F06.showcase\u002F01.app-showcase",{"title":489,"path":490,"stem":491},"Apple 金额计数器","\u002Fcatalog\u002Fshowcase\u002Fapple-money-count","06.catalog\u002F06.showcase\u002F02.apple-money-count",{"title":493,"path":494,"stem":495},"蓝色毛衣开场视频","\u002Fcatalog\u002Fshowcase\u002Fblue-sweater-intro-video","06.catalog\u002F06.showcase\u002F03.blue-sweater-intro-video",{"title":497,"path":498,"stem":499},"朝鲜封锁","\u002Fcatalog\u002Fshowcase\u002Fnorth-korea-locked-down","06.catalog\u002F06.showcase\u002F04.north-korea-locked-down",{"title":501,"path":502,"stem":503},"纽约巴黎航班","\u002Fcatalog\u002Fshowcase\u002Fnyc-paris-flight","06.catalog\u002F06.showcase\u002F05.nyc-paris-flight",{"title":505,"path":506,"stem":507},"3D UI 展示","\u002Fcatalog\u002Fshowcase\u002Fui-3d-reveal","06.catalog\u002F06.showcase\u002F06.ui-3d-reveal",{"title":509,"path":510,"stem":511},"VPN YouTube 广告片段","\u002Fcatalog\u002Fshowcase\u002Fvpn-youtube-spot","06.catalog\u002F06.showcase\u002F07.vpn-youtube-spot",{"title":513,"icon":514,"path":515,"stem":516,"children":517,"page":30},"数据","i-lucide-bar-chart-3","\u002Fcatalog\u002Fdata","06.catalog\u002F07.data",[518,522,526,530,534,538,542],{"title":519,"path":520,"stem":521},"数据图表","\u002Fcatalog\u002Fdata\u002Fdata-chart","06.catalog\u002F07.data\u002F01.data-chart",{"title":523,"path":524,"stem":525},"西班牙地图","\u002Fcatalog\u002Fdata\u002Fspain-map","06.catalog\u002F07.data\u002F02.spain-map",{"title":527,"path":528,"stem":529},"美国地图","\u002Fcatalog\u002Fdata\u002Fus-map","06.catalog\u002F07.data\u002F03.us-map",{"title":531,"path":532,"stem":533},"美国气泡地图","\u002Fcatalog\u002Fdata\u002Fus-map-bubble","06.catalog\u002F07.data\u002F04.us-map-bubble",{"title":535,"path":536,"stem":537},"美国流动地图","\u002Fcatalog\u002Fdata\u002Fus-map-flow","06.catalog\u002F07.data\u002F05.us-map-flow",{"title":539,"path":540,"stem":541},"美国六边形网格地图","\u002Fcatalog\u002Fdata\u002Fus-map-hex","06.catalog\u002F07.data\u002F06.us-map-hex",{"title":543,"path":544,"stem":545},"世界地图","\u002Fcatalog\u002Fdata\u002Fworld-map","06.catalog\u002F07.data\u002F07.world-map",{"title":547,"icon":548,"path":549,"stem":550,"children":551,"page":30},"效果","i-lucide-sparkles","\u002Fcatalog\u002Feffects","06.catalog\u002F08.effects",[552,556,560,564,568,572,576,580],{"title":553,"path":554,"stem":555},"差值混合","\u002Fcatalog\u002Feffects\u002Fcaption-blend-difference","06.catalog\u002F08.effects\u002F01.caption-blend-difference",{"title":557,"path":558,"stem":559},"胶片颗粒叠加","\u002Fcatalog\u002Feffects\u002Fgrain-overlay","06.catalog\u002F08.effects\u002F02.grain-overlay",{"title":561,"path":562,"stem":563},"网格像素化擦除","\u002Fcatalog\u002Feffects\u002Fgrid-pixelate-wipe","06.catalog\u002F08.effects\u002F03.grid-pixelate-wipe",{"title":565,"path":566,"stem":567},"视差缩小","\u002Fcatalog\u002Feffects\u002Fparallax-unzoom","06.catalog\u002F08.effects\u002F04.parallax-unzoom",{"title":569,"path":570,"stem":571},"视差放大","\u002Fcatalog\u002Feffects\u002Fparallax-zoom","06.catalog\u002F08.effects\u002F05.parallax-zoom",{"title":573,"path":574,"stem":575},"微光扫过","\u002Fcatalog\u002Feffects\u002Fshimmer-sweep","06.catalog\u002F08.effects\u002F06.shimmer-sweep",{"title":577,"path":578,"stem":579},"纹理遮罩文字","\u002Fcatalog\u002Feffects\u002Ftexture-mask-text","06.catalog\u002F08.effects\u002F07.texture-mask-text",{"title":581,"path":582,"stem":583},"暗角","\u002Fcatalog\u002Feffects\u002Fvignette","06.catalog\u002F08.effects\u002F08.vignette",{"title":585,"icon":586,"path":587,"stem":588,"children":589,"page":30},"区块","i-lucide-box","\u002Fcatalog\u002Fblocks","06.catalog\u002F09.blocks",[590,594],{"title":591,"path":592,"stem":593},"流程图","\u002Fcatalog\u002Fblocks\u002Fflowchart","06.catalog\u002F09.blocks\u002F01.flowchart",{"title":595,"path":596,"stem":597},"Logo 片尾","\u002Fcatalog\u002Fblocks\u002Flogo-outro","06.catalog\u002F09.blocks\u002F02.logo-outro",{"title":599,"icon":600,"path":601,"stem":602,"children":603,"page":30},"代码片段","i-lucide-code-2","\u002Fcatalog\u002Fcode-snippets","06.catalog\u002F10.code-snippets",[604,608,612,616,620,624,628,632,636,640,644,648],{"title":605,"path":606,"stem":607},"Dark 2026","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-2026","06.catalog\u002F10.code-snippets\u002F01.code-snippet-dark-2026",{"title":609,"path":610,"stem":611},"Dark Modern","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-modern","06.catalog\u002F10.code-snippets\u002F02.code-snippet-dark-modern",{"title":613,"path":614,"stem":615},"Dark+","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-dark-plus","06.catalog\u002F10.code-snippets\u002F03.code-snippet-dark-plus",{"title":617,"path":618,"stem":619},"High Contrast","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-high-contrast","06.catalog\u002F10.code-snippets\u002F04.code-snippet-high-contrast",{"title":621,"path":622,"stem":623},"High Contrast Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-high-contrast-light","06.catalog\u002F10.code-snippets\u002F05.code-snippet-high-contrast-light",{"title":625,"path":626,"stem":627},"Light 2026","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-2026","06.catalog\u002F10.code-snippets\u002F06.code-snippet-light-2026",{"title":629,"path":630,"stem":631},"Light Modern","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-modern","06.catalog\u002F10.code-snippets\u002F07.code-snippet-light-modern",{"title":633,"path":634,"stem":635},"Light+","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-light-plus","06.catalog\u002F10.code-snippets\u002F08.code-snippet-light-plus",{"title":637,"path":638,"stem":639},"Monokai","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-monokai","06.catalog\u002F10.code-snippets\u002F09.code-snippet-monokai",{"title":641,"path":642,"stem":643},"Solarized Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-solarized-light","06.catalog\u002F10.code-snippets\u002F10.code-snippet-solarized-light",{"title":645,"path":646,"stem":647},"Visual Studio Dark","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-visual-studio-dark","06.catalog\u002F10.code-snippets\u002F11.code-snippet-visual-studio-dark",{"title":649,"path":650,"stem":651},"Visual Studio Light","\u002Fcatalog\u002Fcode-snippets\u002Fcode-snippet-visual-studio-light","06.catalog\u002F10.code-snippets\u002F12.code-snippet-visual-studio-light",{"title":653,"icon":654,"path":655,"stem":656,"children":657,"page":30},"参考","i-lucide-book-marked","\u002Freference","07.reference",[658,662,666,670,674,678,682],{"title":659,"path":660,"stem":661},"HTML Schema 参考","\u002Freference\u002Fhtml-schema","07.reference\u002F01.html-schema",{"title":663,"path":664,"stem":665},"贡献指南","\u002Freference\u002Fcontributing","07.reference\u002F02.contributing",{"title":667,"path":668,"stem":669},"贡献到 Catalog","\u002Freference\u002Fcatalog","07.reference\u002F03.catalog",{"title":671,"path":672,"stem":673},"发布渠道","\u002Freference\u002Frelease-channels","07.reference\u002F04.release-channels",{"title":675,"path":676,"stem":677},"测试本地 CLI 变更","\u002Freference\u002Ftesting-local-changes","07.reference\u002F05.testing-local-changes",{"title":679,"path":680,"stem":681},"Studio 手动 DOM 编辑","\u002Freference\u002Fstudio-manual-dom-editing","07.reference\u002F06.studio-manual-dom-editing",{"title":683,"path":684,"stem":685},"采用者","\u002Freference\u002Fadopters","07.reference\u002F07.adopters",{"id":687,"title":144,"body":688,"description":1742,"extension":1743,"links":1744,"meta":1745,"navigation":1746,"path":145,"seo":1747,"stem":146,"__hash__":1748},"docs\u002F03.guides\u002F21.mcp.md",{"type":689,"value":690,"toc":1700},"minimark",[691,703,725,729,771,777,789,792,797,806,810,814,818,824,828,831,841,845,848,851,854,864,868,872,878,881,883,888,891,894,897,900,903,906,1003,1005,1008,1013,1028,1037,1039,1042,1053,1055,1058,1071,1073,1082,1087,1141,1156,1165,1178,1180,1189,1191,1194,1205,1208,1211,1214,1260,1263,1266,1272,1276,1286,1289,1292,1312,1315,1319,1322,1353,1363,1366,1378,1384,1387,1390,1502,1505,1512,1530,1533,1594,1597,1605,1608,1622,1661,1664,1696],[692,693,694,695,702],"p",{},"HyperFrames MCP 是一个托管的 ",[696,697,701],"a",{"href":698,"rel":699},"https:\u002F\u002Fmodelcontextprotocol.io",[700],"nofollow","Model Context Protocol"," 服务器，让你可以从 Claude.ai 或 ChatGPT 内部创建、编辑、预览和渲染 HyperFrames 视频合成。",[704,705,706,713],"blockquote",{},[692,707,708,709],{},"ℹ️ ",[710,711,712],"strong",{},"Note",[692,714,715,718,719,724],{},[710,716,717],{},"Beta 中。"," 功能和定价可能会变化。发现 bug 或有反馈？",[696,720,723],{"href":721,"rel":722},"https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes\u002Fissues",[700],"在 GitHub 上提交 issue","。",[726,727,728],"h2",{"id":728},"你能做什么",[730,731,732,736,747,750,765,768],"ul",{},[733,734,735],"li",{},"从自然语言提示创建合成",[733,737,738,739,743,744],{},"通过对话编辑现有合成——",[740,741,742],"em",{},"\"把标题放大 2 倍\"","、",[740,745,746],{},"\"添加嗨风格字幕\"",[733,748,749],{},"在聊天中通过视频播放器小部件内联预览结果",[733,751,752,753,743,757,760,761,764],{},"渲染为 ",[754,755,756],"code",{},"mp4",[754,758,759],{},"webm"," 或 ",[754,762,763],{},"mov","——输出 URL 流式传输回聊天",[733,766,767],{},"查看你之前创建的合成",[733,769,770],{},"检查你的渲染额度",[692,772,773,776],{},[754,774,775],{},"compose"," 背后的 agent 内置了 25+ 个 HyperFrames 特定的 skill——排版、调色板、运动原理、GSAP 效果、音频响应式动画、字幕、语音生成。你不必直接指定这些；描述你想要的视频，agent 会选择正确的工具。",[704,778,779,783],{},[692,780,708,781],{},[710,782,712],{},[692,784,785,786,788],{},"寻找开源 CLI？参见",[696,787,15],{"href":16},"。MCP 是一个托管产品，用于在 LLM 聊天中进行零安装创作。CLI 给你完整的渲染和运行时控制；MCP 给你即时创作和云端渲染。",[726,790,791],{"id":791},"设置",[793,794,796],"h3",{"id":795},"_1-获取-heygen-账户","1. 获取 HeyGen 账户",[692,798,799,800,805],{},"MCP 需要 HeyGen 账户进行身份验证和额度。如果你没有账户，请在 ",[696,801,804],{"href":802,"rel":803},"https:\u002F\u002Fheygen.com",[700],"heygen.com"," 注册。",[793,807,809],{"id":808},"_2-添加连接器","2. 添加连接器",[793,811,813],{"id":812},"claudeai","Claude.ai",[793,815,817],{"id":816},"打开设置-连接器","打开设置 → 连接器",[692,819,820,821,724],{},"在 Claude.ai 网页版或桌面版：",[710,822,823],{},"设置 → 连接器 → 添加自定义连接器",[793,825,827],{"id":826},"输入-url","输入 URL",[692,829,830],{},"粘贴：",[832,833,838],"pre",{"className":834,"code":836,"language":837},[835],"language-text","https:\u002F\u002Fmcp.heygen.com\u002Fmcp\u002Fhyperframes\n","text",[754,839,836],{"__ignoreMap":840},"",[793,842,844],{"id":843},"登录-heygen","登录 HeyGen",[692,846,847],{},"OAuth 在新窗口中打开。授权 HyperFrames 连接器访问你的 HeyGen 账户。",[793,849,850],{"id":850},"开始新对话",[692,852,853],{},"打开一个新的 Claude.ai 对话。试试：",[704,855,856],{},[692,857,858,859,863],{},"为 ",[860,861,862],"span",{},"你的产品"," 制作一个 10 秒的产品介绍视频，带弹跳字幕和高能配乐。",[793,865,867],{"id":866},"chatgpt","ChatGPT",[793,869,871],{"id":870},"打开-apps-connectors","打开 Apps & Connectors",[692,873,874,875,724],{},"在 ChatGPT：",[710,876,877],{},"设置 → Apps & Connectors → Add MCP server",[793,879,827],{"id":880},"输入-url-1",[692,882,830],{},[832,884,886],{"className":885,"code":836,"language":837},[835],[754,887,836],{"__ignoreMap":840},[793,889,844],{"id":890},"登录-heygen-1",[692,892,893],{},"通过 OAuth 授权。",[793,895,850],{"id":896},"开始新对话-1",[692,898,899],{},"打开新对话。与 Claude.ai 中相同的提示。",[726,901,902],{"id":902},"可用工具",[692,904,905],{},"MCP 向 LLM 暴露六个工具。你不需要直接调用它们——模型根据你的消息选择正确的工具。",[907,908,909,925],"table",{},[910,911,912],"thead",{},[913,914,915,919,922],"tr",{},[916,917,918],"th",{},"工具",[916,920,921],{},"功能",[916,923,924],{},"费用",[926,927,928,941,954,966,979,991],"tbody",{},[913,929,930,935,938],{},[931,932,933],"td",{},[754,934,775],{},[931,936,937],{},"创建新合成或编辑现有合成",[931,939,940],{},"创作额度",[913,942,943,948,951],{},[931,944,945],{},[754,946,947],{},"list_compositions",[931,949,950],{},"列出你之前创建的合成",[931,952,953],{},"免费",[913,955,956,961,964],{},[931,957,958],{},[754,959,960],{},"get_composition",[931,962,963],{},"打开特定合成并显示内联播放器",[931,965,953],{},[913,967,968,973,976],{},[931,969,970],{},[754,971,972],{},"render_video",[931,974,975],{},"提交云端渲染为 mp4 \u002F webm \u002F mov",[931,977,978],{},"渲染额度",[913,980,981,986,989],{},[931,982,983],{},[754,984,985],{},"get_render_status",[931,987,988],{},"轮询长时间运行的渲染作业",[931,990,953],{},[913,992,993,998,1001],{},[931,994,995],{},[754,996,997],{},"get_credits",[931,999,1000],{},"检查你的剩余额度和等级",[931,1002,953],{},[793,1004,775],{"id":775},[692,1006,1007],{},"创作新合成或对现有合成应用编辑。HyperFrames agent 根据你的自然语言提示内部处理语音选择、字幕、blocks、布局、过渡、颜色和计时。",[692,1009,1010],{},[710,1011,1012],{},"由以下提示触发：",[730,1014,1015,1022,1025],{},[733,1016,1017,1018,1021],{},"\"制作一个关于 ",[860,1019,1020],{},"主题"," 的 30 秒产品介绍\" → 创建全新合成",[733,1023,1024],{},"\"将标题字体改为粗衬线体\" → 编辑最近的合成",[733,1026,1027],{},"\"在 CTA 之前添加闪现过渡\" → 应用结构化编辑",[692,1029,1030,1033,1034],{},[710,1031,1032],{},"返回："," 合成引用（id、标题、缩略图）加上内联播放器小部件。运行期间会流式传输进度通知，让你可以看到 agent 正在做什么——",[740,1035,1036],{},"\"起草大纲...\"、\"选择语音和风格...\"、\"生成 HTML...\"、\"渲染预览帧...\"",[793,1038,947],{"id":947},[692,1040,1041],{},"列出你之前创建的合成。最新优先，分页。",[692,1043,1044,1046,1047,743,1050],{},[710,1045,1012],{}," ",[740,1048,1049],{},"\"显示我最近的视频\"",[740,1051,1052],{},"\"我昨天做了什么？\"",[793,1054,960],{"id":960},[692,1056,1057],{},"获取单个合成的元数据以及内联播放器小部件。",[692,1059,1060,1046,1062,743,1065],{},[710,1061,1012],{},[740,1063,1064],{},"\"再次打开那个视频\"",[740,1066,1067,1068,1070],{},"\"显示我关于 ",[860,1069,1020],{}," 做的那个\"",[793,1072,972],{"id":972},[692,1074,1075,1076,1078,1079,724],{},"提交云端渲染。默认为 ",[754,1077,756],{},"，",[754,1080,1081],{},"30fps",[692,1083,1084],{},[710,1085,1086],{},"格式选项：",[907,1088,1089,1102],{},[910,1090,1091],{},[913,1092,1093,1096,1099],{},[916,1094,1095],{},"格式",[916,1097,1098],{},"编解码器",[916,1100,1101],{},"用途",[926,1103,1104,1117,1129],{},[913,1105,1106,1111,1114],{},[931,1107,1108,1110],{},[754,1109,756],{},"（默认）",[931,1112,1113],{},"H.264",[931,1115,1116],{},"最广泛的兼容性，社交媒体，Web",[913,1118,1119,1123,1126],{},[931,1120,1121],{},[754,1122,759],{},[931,1124,1125],{},"VP9",[931,1127,1128],{},"更小的文件；支持透明叠加的 alpha 通道",[913,1130,1131,1135,1138],{},[931,1132,1133],{},[754,1134,763],{},[931,1136,1137],{},"ProRes",[931,1139,1140],{},"用于编辑管线的无损质量",[692,1142,1143,1046,1146,743,1149,1152,1153,724],{},[710,1144,1145],{},"帧率选项：",[754,1147,1148],{},"24",[754,1150,1151],{},"30","（默认）、",[754,1154,1155],{},"60",[692,1157,1158,1160,1161,1164],{},[710,1159,1032],{}," 已渲染视频的 URL（如果渲染在 25 秒内完成）或用于轮询的 ",[754,1162,1163],{},"job_id","。无论哪种方式，内联渲染进度小部件显示实时状态。",[692,1166,1167,1046,1169,743,1172,743,1175,724],{},[710,1168,1012],{},[740,1170,1171],{},"\"渲染这个\"",[740,1173,1174],{},"\"导出为 webm\"",[740,1176,1177],{},"\"以 60fps 渲染用于编辑\"",[793,1179,985],{"id":985},[692,1181,1182,1183,1185,1186,1188],{},"轮询进行中的渲染。当 ",[754,1184,972],{}," 返回 ",[754,1187,1163],{},"（长时间渲染）时由模型内部使用。",[793,1190,997],{"id":997},[692,1192,1193],{},"返回你的等级和剩余额度。",[692,1195,1196,1046,1199,743,1202],{},[710,1197,1198],{},"由以下触发：",[740,1200,1201],{},"\"我还剩多少渲染次数？\"",[740,1203,1204],{},"\"我的计划是什么？\"",[726,1206,1207],{"id":1207},"提示技巧",[793,1209,1210],{"id":1210},"明确你想要什么",[692,1212,1213],{},"agent 有很大的创意自由度——给它足够的方向来好好利用它。",[907,1215,1216,1226],{},[910,1217,1218],{},[913,1219,1220,1223],{},[916,1221,1222],{},"效果较差",[916,1224,1225],{},"效果较好",[926,1227,1228,1236,1244,1252],{},[913,1229,1230,1233],{},[931,1231,1232],{},"\"制作一个视频\"",[931,1234,1235],{},"\"制作一个 15 秒的 TikTok 钩子视频，关于家庭堆肥，带弹跳字幕和温暖的大地色调色板\"",[913,1237,1238,1241],{},[931,1239,1240],{},"\"添加字幕\"",[931,1242,1243],{},"\"以我的品牌色 #FF6A00 添加嗨风格字幕\"",[913,1245,1246,1249],{},[931,1247,1248],{},"\"缩短一点\"",[931,1250,1251],{},"\"总共缩短到 10 秒——删除第三个场景\"",[913,1253,1254,1257],{},[931,1255,1256],{},"\"更有活力\"",[931,1258,1259],{},"\"切换到霓虹电光色调色板并收紧所有过渡到 200ms\"",[793,1261,1262],{"id":1262},"通过对话迭代",[692,1264,1265],{},"合成存在后，agent 加载当前状态并就地应用编辑。继续与它对话。",[832,1267,1270],{"className":1268,"code":1269,"language":837},[835],"你：    \"我的应用的 20 秒产品介绍，深色主题，嗨风格\"\nAgent：[合成 + 播放器小部件出现]\n\n你：    \"把 logo 放大并给 CTA 添加脉冲动画\"\nAgent：[更新的播放器小部件]\n\n你：    \"渲染为带 alpha 的 webm\"\nAgent：[渲染进度小部件，然后带下载链接的播放器小部件]\n",[754,1271,1269],{"__ignoreMap":840},[793,1273,1275],{"id":1274},"引用你现有的-heygen-素材","引用你现有的 HeyGen 素材",[692,1277,1278,1279,760,1282,1285],{},"如果你已将 logo、品牌语音、字体或其他素材上传到 HeyGen 账户，agent 可以使用它们。只需说 ",[740,1280,1281],{},"\"使用我的 logo\"",[740,1283,1284],{},"\"使用我的 Sarah 品牌语音\"","。agent 按名称和最近使用解析素材。",[793,1287,1288],{"id":1288},"提前选择正确的格式",[692,1290,1291],{},"如果你有特定用例，请提及输出格式：",[730,1293,1294,1300,1306],{},[733,1295,1296,1299],{},[740,1297,1298],{},"\"渲染为 mp4\""," — 默认，社交媒体",[733,1301,1302,1305],{},[740,1303,1304],{},"\"渲染为带 alpha 的 webm\""," — 稍后合成的透明叠加",[733,1307,1308,1311],{},[740,1309,1310],{},"\"渲染为 mov 用于 After Effects\""," — ProRes 用于编辑",[726,1313,1314],{"id":1314},"调试",[793,1316,1318],{"id":1317},"使用-mcp-inspector-检查-mcp","使用 MCP Inspector 检查 MCP",[692,1320,1321],{},"对于构建集成或调试工具响应的开发者，MCP Inspector 让你准确查看暴露了哪些工具以及它们返回什么：",[832,1323,1327],{"className":1324,"code":1325,"language":1326,"meta":840,"style":840},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx @modelcontextprotocol\u002Finspector npx -y mcp-remote https:\u002F\u002Fmcp.heygen.com\u002Fmcp\u002Fhyperframes\n","bash",[754,1328,1329],{"__ignoreMap":840},[860,1330,1333,1337,1341,1344,1347,1350],{"class":1331,"line":1332},"line",1,[860,1334,1336],{"class":1335},"sBMFI","npx",[860,1338,1340],{"class":1339},"sfazB"," @modelcontextprotocol\u002Finspector",[860,1342,1343],{"class":1339}," npx",[860,1345,1346],{"class":1339}," -y",[860,1348,1349],{"class":1339}," mcp-remote",[860,1351,1352],{"class":1339}," https:\u002F\u002Fmcp.heygen.com\u002Fmcp\u002Fhyperframes\n",[692,1354,1355,1356,1359,1360,724],{},"在 Inspector 的浏览器标签页中完成 OAuth 流程。认证后，你可以使用自定义参数调用每个工具并查看原始响应，包括 ",[754,1357,1358],{},"tool_data"," 和 ",[754,1361,1362],{},"widget_data",[793,1364,1365],{"id":1365},"查看进度通知",[692,1367,1368,1369,1359,1371,1373,1374,1377],{},"MCP 在长时间运行的 ",[754,1370,775],{},[754,1372,972],{}," 调用期间发出 MCP ",[754,1375,1376],{},"notifications\u002Fprogress"," 事件。宿主（Claude.ai 或 ChatGPT）内联显示它们：",[832,1379,1382],{"className":1380,"code":1381,"language":837},[835],"你：    \"为我制作一个 30 秒的产品介绍\"\nAgent：[调用 compose]\n↳ \"起草大纲...\"           ← 进度通知\n↳ \"选择语音和风格...\"     ← 进度通知\n↳ \"生成 HTML...\"          ← 进度通知\n↳ \"渲染预览帧...\"         ← 进度通知\n↳ [合成 + 播放器小部件]\nAgent：\"这是你的视频——[播放器]\"\n",[754,1383,1381],{"__ignoreMap":840},[692,1385,1386],{},"如果进度在中途停止，运行失败。agent 的下一条消息应该解释出了什么问题。",[793,1388,1389],{"id":1389},"常见问题",[1391,1392,1393,1394,1397,1400,1410,1436,1445,1454,1461,1470,1478,1481,1495],"accordion-group",{},"\n验证你使用的是生产 URL：`https:\u002F\u002Fmcp.heygen.com\u002Fmcp\u002Fhyperframes`。开发 URL（`mcp.dev.heygen.com`）仅接受开发账户。\n",[692,1395,1396],{},"如果 OAuth 完成但你看到\"未授权\"错误，你的 HeyGen 账户可能无法访问 MCP——联系支持或检查你的等级。",[692,1398,1399],{},"渲染通常在 10-90 秒内完成，取决于长度、fps 和格式。",[692,1401,1402,1403,1405,1406,1409],{},"如果 ",[754,1404,985],{}," 显示 ",[754,1407,1408],{},"status: rendering"," 超过 5 分钟，有些东西卡住了。尝试：",[1411,1412,1413,1416,1423],"ol",{},[733,1414,1415],{},"开始新对话线程",[733,1417,1418,1419,1422],{},"运行 ",[754,1420,1421],{},"compose(\"regenerate this composition\")"," — 底层合成可能引用了加载失败的素材",[733,1424,1425,1426,1430,1431,1433,1434],{},"如果问题持续，在 ",[696,1427,1429],{"href":721,"rel":1428},[700],"github.com\u002Fheygen-com\u002Fhyperframes\u002Fissues"," 提交 issue，包含 ",[754,1432,972],{}," 中的 ",[754,1435,1163],{},[692,1437,1438,1441,1442,1444],{},[754,1439,1440],{},"composition_id"," 由创建它的 HeyGen 空间（账户）拥有。如果你登录到不同的空间，你无法访问另一个空间的合成。运行 ",[754,1443,947],{}," 查看你当前账户可用的内容。",[692,1446,1447,1448,1451,1452,724],{},"通常是小部件和 ",[754,1449,1450],{},"mcp.heygen.com"," 之间的临时连接问题。刷新对话或再次调用 ",[754,1453,960],{},[692,1455,1456,1457,1460],{},"如果持续存在，你的合成可能引用了上传失败的媒体素材——使用 ",[754,1458,1459],{},"compose(\"regenerate this\")"," 重新创建合成。",[692,1462,1463,1464,1469],{},"当你的额度用完时，MCP 返回带有升级 URL 的错误。访问 ",[696,1465,1468],{"href":1466,"rel":1467},"https:\u002F\u002Fheygen.com\u002Fpricing",[700],"heygen.com\u002Fpricing"," 升级你的等级。",[692,1471,1472,1474,1475,1477],{},[754,1473,775],{}," 运行在复杂提示下可能需要 30+ 秒。如果你的客户端在响应返回前超时，底层运行可能仍在进行——等待 30 秒并运行 ",[754,1476,947],{},"。合成可能已经创建。",[692,1479,1480],{},"agent 更偏好结构化决策（调色板、布局、运动）而非细粒度的像素定位。如果特定编辑没有生效，尝试更直接地重新表述：",[730,1482,1483,1489],{},[733,1484,1485,1486],{},"效果较差：",[740,1487,1488],{},"\"标题有点偏\"",[733,1490,1491,1492],{},"效果较好：",[740,1493,1494],{},"\"将标题向下移动 40px 并将字重增加到 800\"",[692,1496,1497,1498,1501],{},"对于像素级精确控制，使用",[696,1499,1500],{"href":16},"开源 CLI"," — MCP 为快速自然语言迭代而优化。",[793,1503,1504],{"id":1504},"报告问题",[692,1506,1507,1508,1511],{},"有关 bug 或功能请求，请在 ",[696,1509,1429],{"href":721,"rel":1510},[700]," 提交 issue。包含：",[730,1513,1514,1517,1524,1527],{},[733,1515,1516],{},"你使用的提示",[733,1518,1519,1359,1521,1523],{},[754,1520,1440],{},[754,1522,1163],{},"（如果适用）——在工具响应详情中可见",[733,1525,1526],{},"你期望的与实际发生的描述",[733,1528,1529],{},"宿主（Claude.ai 网页\u002F桌面版、ChatGPT 等）",[726,1531,1532],{"id":1532},"限制",[730,1534,1535,1543,1549,1561,1579,1588],{},[733,1536,1537,1540,1541,724],{},[710,1538,1539],{},"仅云端渲染。"," 所有渲染都在 HeyGen 基础设施上运行。如需本地渲染，请使用 ",[696,1542,195],{"href":16},[733,1544,1545,1548],{},[710,1546,1547],{},"单用户。"," 每个合成由一个 HeyGen 账户拥有。v1 版本中没有团队共享。",[733,1550,1551,1554,1555,1560],{},[710,1552,1553],{},"不能从聊天上传二进制文件。"," 你可以通过 Web UI 引用已上传到 HeyGen 的素材，但 MCP 目前不接受通过聊天的新文件上传。先通过 ",[696,1556,1559],{"href":1557,"rel":1558},"https:\u002F\u002Fapp.heygen.com",[700],"app.heygen.com"," 上传，然后按名称引用素材。",[733,1562,1563,1046,1566,743,1569,743,1572,743,1575,1578],{},[710,1564,1565],{},"宽高比：",[754,1567,1568],{},"16:9",[754,1570,1571],{},"9:16",[754,1573,1574],{},"1:1",[754,1576,1577],{},"4:5","。其他比率回退到最接近的匹配。",[733,1580,1581,1584,1585,1587],{},[710,1582,1583],{},"没有细粒度编辑工具。"," 编辑通过 agent 进行。对于像素级精确控制，使用 ",[696,1586,195],{"href":16}," 和 Claude Code 或 Cursor 等编程 agent。",[733,1589,1590,1593],{},[710,1591,1592],{},"小部件渲染需要支持 MCP 小部件的宿主。"," Claude.ai 网页\u002F桌面版和 ChatGPT（Apps SDK）今天支持小部件。纯文本 MCP 客户端（Claude Code CLI、Cursor、Windsurf）将看到可点击的预览 URL——完整的文本模式支持在路线图上。",[726,1595,1596],{"id":1596},"与开源框架的关系",[692,1598,1599,1604],{},[696,1600,1603],{"href":1601,"rel":1602},"https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes",[700],"HyperFrames 本身是开源的","——HTML 合成格式、CLI、渲染器和 player。你可以本地使用 HyperFrames，无需 MCP。",[692,1606,1607],{},"MCP 是一个 HeyGen 托管的产品，包装了：",[730,1609,1610,1613,1616,1619],{},[733,1611,1612],{},"HyperFrames 合成 agent（创作合成的 LLM）",[733,1614,1615],{},"HeyGen 的云端渲染管线",[733,1617,1618],{},"HeyGen 的语音 \u002F TTS \u002F 素材库",[733,1620,1621],{},"OAuth、额度和等级管理",[907,1623,1624,1634],{},[910,1625,1626],{},[913,1627,1628,1631],{},[916,1629,1630],{},"你想要...",[916,1632,1633],{},"使用...",[926,1635,1636,1644,1653],{},[913,1637,1638,1641],{},[931,1639,1640],{},"零本地安装、快速自然语言创作",[931,1642,1643],{},"MCP",[913,1645,1646,1649],{},[931,1647,1648],{},"像素级精确控制、自定义渲染、自托管",[931,1650,1651],{},[696,1652,195],{"href":16},[913,1654,1655,1658],{},[931,1656,1657],{},"两者都用",[931,1659,1660],{},"用 MCP 创作，然后下载并用 CLI 优化（计划中的导出功能）",[726,1662,1663],{"id":1663},"下一步",[730,1665,1666,1673,1681,1689],{},[733,1667,1668,1672],{},[710,1669,1670],{},[696,1671,15],{"href":16},"\n使用开源 CLI 本地试用 HyperFrames。",[733,1674,1675,1680],{},[710,1676,1677],{},[696,1678,1679],{"href":93},"提示指南","\n使用 AI agent 获得最佳结果的技巧。",[733,1682,1683,1688],{},[710,1684,1685],{},[696,1686,1687],{"href":520},"目录","\n浏览 agent 使用的 50+ 个可直接使用的 blocks。",[733,1690,1691,1695],{},[710,1692,1693],{},[696,1694,23],{"href":24},"\n可克隆的参考合成。",[1697,1698,1699],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":840,"searchDepth":1332,"depth":1701,"links":1702},2,[1703,1704,1719,1727,1733,1739,1740,1741],{"id":728,"depth":1701,"text":728},{"id":791,"depth":1701,"text":791,"children":1705},[1706,1708,1709,1710,1711,1712,1713,1714,1715,1716,1717,1718],{"id":795,"depth":1707,"text":796},3,{"id":808,"depth":1707,"text":809},{"id":812,"depth":1707,"text":813},{"id":816,"depth":1707,"text":817},{"id":826,"depth":1707,"text":827},{"id":843,"depth":1707,"text":844},{"id":850,"depth":1707,"text":850},{"id":866,"depth":1707,"text":867},{"id":870,"depth":1707,"text":871},{"id":880,"depth":1707,"text":827},{"id":890,"depth":1707,"text":844},{"id":896,"depth":1707,"text":850},{"id":902,"depth":1701,"text":902,"children":1720},[1721,1722,1723,1724,1725,1726],{"id":775,"depth":1707,"text":775},{"id":947,"depth":1707,"text":947},{"id":960,"depth":1707,"text":960},{"id":972,"depth":1707,"text":972},{"id":985,"depth":1707,"text":985},{"id":997,"depth":1707,"text":997},{"id":1207,"depth":1701,"text":1207,"children":1728},[1729,1730,1731,1732],{"id":1210,"depth":1707,"text":1210},{"id":1262,"depth":1707,"text":1262},{"id":1274,"depth":1707,"text":1275},{"id":1288,"depth":1707,"text":1288},{"id":1314,"depth":1701,"text":1314,"children":1734},[1735,1736,1737,1738],{"id":1317,"depth":1707,"text":1318},{"id":1365,"depth":1707,"text":1365},{"id":1389,"depth":1707,"text":1389},{"id":1504,"depth":1707,"text":1504},{"id":1532,"depth":1701,"text":1532},{"id":1596,"depth":1701,"text":1596},{"id":1663,"depth":1701,"text":1663},"直接在 Claude.ai 和 ChatGPT 中创作、预览和渲染 HyperFrames 视频——无需本地安装。","md",null,{},true,{"title":144,"description":1742},"IE1d1eKKTvEMB_zWPkElHusHDVBYok61rr-_PRZkIBs",[1750,1752],{"title":140,"path":141,"stem":142,"description":1751,"children":-1},"HyperFrames 如何收集反馈、收集哪些数据以及如何退出。",{"title":148,"path":154,"stem":155,"description":1753,"children":-1},"通过一键模板在云端运行 Hyperframes 预览 + 渲染 API。",1780322247538]