[{"data":1,"prerenderedAt":1662},["ShallowReactive",2],{"navigation":3,"\u002Freference\u002Fcatalog":686,"\u002Freference\u002Fcatalog-surround":1657},[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":667,"body":688,"description":1650,"extension":1651,"links":1652,"meta":1653,"navigation":1654,"path":668,"seo":1655,"stem":669,"__hash__":1656},"docs\u002F07.reference\u002F03.catalog.md",{"type":689,"value":690,"toc":1620},"minimark",[691,695,698,702,707,710,739,742,745,750,753,766,781,785,788,791,794,804,816,819,830,839,842,850,854,1171,1174,1177,1180,1191,1194,1200,1203,1213,1217,1223,1226,1232,1243,1246,1249,1299,1302,1340,1343,1347,1356,1372,1376,1382,1385,1415,1418,1444,1447,1465,1469,1483,1490,1496,1506,1509,1512,1616],[692,693,694],"p",{},"你的 agent 已经知道如何构建视频组件。它编写 HTML，HyperFrames 渲染它。注册表是所有已构建内容的集合——目前有 52 个 block 且仍在增长。",[692,696,697],{},"本指南展示如何参与贡献。",[699,700,701],"info",{},"\n**快速版本** —— Fork 仓库。编写一个包含暂停 GSAP 时间轴的 HTML 文件。添加 `registry-item.json`。运行 `hyperframes lint` + `validate`。使用 `npx hyperframes publish` 发布。提交 PR。\n",[703,704,706],"h2",{"id":705},"为什么贡献","为什么贡献？",[692,708,709],{},"注册表中的每个 block 都是因为有人需要它而构建的。当你添加一个 block，每个 HyperFrames 用户都可以通过一条命令获取它：",[711,712,717],"pre",{"className":713,"code":714,"language":715,"meta":716,"style":716},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx hyperframes add instagram-follow\n","bash","",[718,719,720],"code",{"__ignoreMap":716},[721,722,725,729,733,736],"span",{"class":723,"line":724},"line",1,[721,726,728],{"class":727},"sBMFI","npx",[721,730,732],{"class":731},"sfazB"," hyperframes",[721,734,735],{"class":731}," add",[721,737,738],{"class":731}," instagram-follow\n",[692,740,741],{},"注册表不断增长，HyperFrames 变得更有用，你的工作将交付给所有人。",[703,743,744],{"id":744},"两种途径",[746,747,749],"h3",{"id":748},"提供创意无需写代码","提供创意（无需写代码）",[692,751,752],{},"你在别人之前发现了视觉趋势。这是最有价值的贡献。",[754,755,756,760,763],"ul",{},[757,758,759],"li",{},"从 TikTok\u002FYouTube 录屏一种尚未存在的字幕样式",[757,761,762],{},"在 Figma 中绘制带有字体、颜色和时序的下三分之一条",[757,764,765],{},"安装一个组件，预览它，反馈哪里感觉不对",[692,767,768,769,776,777,780],{},"在 ",[770,771,775],"a",{"href":772,"rel":773},"https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes\u002Fissues",[774],"nofollow","GitHub"," 上提交 issue 并附上视觉参考。标记为 ",[718,778,779],{},"component-request","。",[782,783,784],"tip",{},"\n创意的门槛很低。我们宁愿收到 100 个创意，然后构建最好的 10 个。\n",[746,786,787],{"id":787},"自己构建",[692,789,790],{},"每个 block 就是一个 HTML 文件。无需构建步骤，无需框架。",[692,792,793],{},"如果你使用 Claude Code 配合 HyperFrames skills：",[795,796,797],"blockquote",{},[692,798,799,800,803],{},"\"我想贡献一个新的转场效果，看起来像 ",[721,801,802],{},"描述","\"",[692,805,806,809,810,815],{},[718,807,808],{},"\u002Fcontribute-catalog"," skill 会搭建结构、验证、渲染预览、发布到 ",[770,811,814],{"href":812,"rel":813},"https:\u002F\u002Fhyperframes.dev",[774],"hyperframes.dev","，并准备 PR。",[703,817,818],{"id":818},"注册表包含什么",[692,820,821,825,826,829],{},[822,823,824],"strong",{},"Blocks","（",[718,827,828],{},"registry\u002Fblocks\u002F","）—— 完整的独立 composition。固定尺寸，固定时长。字幕样式、VFX 特效、标题卡片、转场。",[692,831,832,825,835,838],{},[822,833,834],{},"Components",[718,836,837],{},"registry\u002Fcomponents\u002F","）—— 可复用的代码片段。无固定尺寸。CSS 效果、文字处理、适配任意 composition 的覆盖层。",[746,840,841],{"id":841},"目录结构",[711,843,848],{"className":844,"code":846,"language":847},[845],"language-text","registry\u002Fblocks\u002Fmy-block\u002F\nmy-block.html           ← composition\nregistry-item.json      ← 元数据\n","text",[718,849,846],{"__ignoreMap":716},[746,851,853],{"id":852},"registry-itemjson","registry-item.json",[711,855,859],{"className":856,"code":857,"language":858,"meta":716,"style":716},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n\"$schema\": \"https:\u002F\u002Fhyperframes.heygen.com\u002Fschema\u002Fregistry-item.json\",\n\"name\": \"my-block\",\n\"type\": \"hyperframes:block\",\n\"title\": \"My Block\",\n\"description\": \"What this block does in one sentence\",\n\"tags\": [\"category\", \"subcategory\"],\n\"dimensions\": { \"width\": 1920, \"height\": 1080 },\n\"duration\": 5,\n\"files\": [\n{\n\"path\": \"my-block.html\",\n\"target\": \"compositions\u002Fmy-block.html\",\n\"type\": \"hyperframes:composition\"\n}\n]\n}\n","json",[718,860,861,867,892,913,934,955,976,1011,1056,1073,1088,1093,1114,1135,1154,1160,1166],{"__ignoreMap":716},[721,862,863],{"class":723,"line":724},[721,864,866],{"class":865},"sMK4o","{\n",[721,868,870,872,876,878,881,884,887,889],{"class":723,"line":869},2,[721,871,803],{"class":865},[721,873,875],{"class":874},"spNyl","$schema",[721,877,803],{"class":865},[721,879,880],{"class":865},":",[721,882,883],{"class":865}," \"",[721,885,886],{"class":731},"https:\u002F\u002Fhyperframes.heygen.com\u002Fschema\u002Fregistry-item.json",[721,888,803],{"class":865},[721,890,891],{"class":865},",\n",[721,893,895,897,900,902,904,906,909,911],{"class":723,"line":894},3,[721,896,803],{"class":865},[721,898,899],{"class":874},"name",[721,901,803],{"class":865},[721,903,880],{"class":865},[721,905,883],{"class":865},[721,907,908],{"class":731},"my-block",[721,910,803],{"class":865},[721,912,891],{"class":865},[721,914,916,918,921,923,925,927,930,932],{"class":723,"line":915},4,[721,917,803],{"class":865},[721,919,920],{"class":874},"type",[721,922,803],{"class":865},[721,924,880],{"class":865},[721,926,883],{"class":865},[721,928,929],{"class":731},"hyperframes:block",[721,931,803],{"class":865},[721,933,891],{"class":865},[721,935,937,939,942,944,946,948,951,953],{"class":723,"line":936},5,[721,938,803],{"class":865},[721,940,941],{"class":874},"title",[721,943,803],{"class":865},[721,945,880],{"class":865},[721,947,883],{"class":865},[721,949,950],{"class":731},"My Block",[721,952,803],{"class":865},[721,954,891],{"class":865},[721,956,958,960,963,965,967,969,972,974],{"class":723,"line":957},6,[721,959,803],{"class":865},[721,961,962],{"class":874},"description",[721,964,803],{"class":865},[721,966,880],{"class":865},[721,968,883],{"class":865},[721,970,971],{"class":731},"What this block does in one sentence",[721,973,803],{"class":865},[721,975,891],{"class":865},[721,977,979,981,984,986,988,991,993,996,998,1001,1003,1006,1008],{"class":723,"line":978},7,[721,980,803],{"class":865},[721,982,983],{"class":874},"tags",[721,985,803],{"class":865},[721,987,880],{"class":865},[721,989,990],{"class":865}," [",[721,992,803],{"class":865},[721,994,995],{"class":731},"category",[721,997,803],{"class":865},[721,999,1000],{"class":865},",",[721,1002,883],{"class":865},[721,1004,1005],{"class":731},"subcategory",[721,1007,803],{"class":865},[721,1009,1010],{"class":865},"],\n",[721,1012,1014,1016,1019,1021,1023,1026,1028,1031,1033,1035,1039,1041,1043,1046,1048,1050,1053],{"class":723,"line":1013},8,[721,1015,803],{"class":865},[721,1017,1018],{"class":874},"dimensions",[721,1020,803],{"class":865},[721,1022,880],{"class":865},[721,1024,1025],{"class":865}," {",[721,1027,883],{"class":865},[721,1029,1030],{"class":727},"width",[721,1032,803],{"class":865},[721,1034,880],{"class":865},[721,1036,1038],{"class":1037},"sbssI"," 1920",[721,1040,1000],{"class":865},[721,1042,883],{"class":865},[721,1044,1045],{"class":727},"height",[721,1047,803],{"class":865},[721,1049,880],{"class":865},[721,1051,1052],{"class":1037}," 1080",[721,1054,1055],{"class":865}," },\n",[721,1057,1059,1061,1064,1066,1068,1071],{"class":723,"line":1058},9,[721,1060,803],{"class":865},[721,1062,1063],{"class":874},"duration",[721,1065,803],{"class":865},[721,1067,880],{"class":865},[721,1069,1070],{"class":1037}," 5",[721,1072,891],{"class":865},[721,1074,1076,1078,1081,1083,1085],{"class":723,"line":1075},10,[721,1077,803],{"class":865},[721,1079,1080],{"class":874},"files",[721,1082,803],{"class":865},[721,1084,880],{"class":865},[721,1086,1087],{"class":865}," [\n",[721,1089,1091],{"class":723,"line":1090},11,[721,1092,866],{"class":865},[721,1094,1096,1098,1101,1103,1105,1107,1110,1112],{"class":723,"line":1095},12,[721,1097,803],{"class":865},[721,1099,1100],{"class":727},"path",[721,1102,803],{"class":865},[721,1104,880],{"class":865},[721,1106,883],{"class":865},[721,1108,1109],{"class":731},"my-block.html",[721,1111,803],{"class":865},[721,1113,891],{"class":865},[721,1115,1117,1119,1122,1124,1126,1128,1131,1133],{"class":723,"line":1116},13,[721,1118,803],{"class":865},[721,1120,1121],{"class":727},"target",[721,1123,803],{"class":865},[721,1125,880],{"class":865},[721,1127,883],{"class":865},[721,1129,1130],{"class":731},"compositions\u002Fmy-block.html",[721,1132,803],{"class":865},[721,1134,891],{"class":865},[721,1136,1138,1140,1142,1144,1146,1148,1151],{"class":723,"line":1137},14,[721,1139,803],{"class":865},[721,1141,920],{"class":727},[721,1143,803],{"class":865},[721,1145,880],{"class":865},[721,1147,883],{"class":865},[721,1149,1150],{"class":731},"hyperframes:composition",[721,1152,1153],{"class":865},"\"\n",[721,1155,1157],{"class":723,"line":1156},15,[721,1158,1159],{"class":865},"}\n",[721,1161,1163],{"class":723,"line":1162},16,[721,1164,1165],{"class":865},"]\n",[721,1167,1169],{"class":723,"line":1168},17,[721,1170,1159],{"class":865},[703,1172,1173],{"id":1173},"规则",[692,1175,1176],{},"每个注册表项目必须满足以下五个条件：",[746,1178,1179],{"id":1179},"确定性",[692,1181,1182,1183,1186,1187,1190],{},"不使用 ",[718,1184,1185],{},"Math.random()","，不使用 ",[718,1188,1189],{},"Date.now()","。仅使用带种子的伪随机数生成器。",[746,1192,1193],{"id":1193},"暂停时间轴",[692,1195,1196,1199],{},[718,1197,1198],{},"gsap.timeline({ paused: true })","。由播放器控制播放。",[746,1201,1202],{"id":1202},"注册时间轴",[692,1204,1205,1208,1209,1212],{},[718,1206,1207],{},"window.__timelines[\"id\"]"," 必须与 ",[718,1210,1211],{},"data-composition-id"," 匹配。",[746,1214,1216],{"id":1215},"不使用-requestanimationframe","不使用 requestAnimationFrame",[692,1218,1219,1220,780],{},"对于 Three.js\u002FWebGL 场景使用 ",[718,1221,1222],{},"tl.eventCallback(\"onUpdate\", render)",[746,1224,1225],{"id":1225},"字幕必须硬结束",[692,1227,1228,1231],{},[718,1229,1230],{},"tl.set(el, { opacity: 0, visibility: \"hidden\" }, group.end)"," —— 不允许残留文字。",[795,1233,1234,1240],{},[692,1235,1236,1237],{},"⚠️ ",[822,1238,1239],{},"Warning",[692,1241,1242],{},"违反任何一条都将导致渲染不可复现。渲染器通过 seek 时间轴来捕获每一帧——如果你的动画依赖于真实时间或随机状态，它就会出问题。",[703,1244,1245],{"id":1245},"质量标准",[692,1247,1248],{},"不是所有内容都适合进入注册表。标准是生产质量。",[1250,1251,1252,1265],"table",{},[1253,1254,1255],"thead",{},[1256,1257,1258,1262],"tr",{},[1259,1260,1261],"th",{},"类型",[1259,1263,1264],{},"最低标准",[1266,1267,1268,1276,1284,1292],"tbody",{},[1256,1269,1270,1273],{},[1271,1272,205],"td",{},[1271,1274,1275],{},"96px 以上字体、文字描边\u002F阴影、溢出防护",[1256,1277,1278,1281],{},[1271,1279,1280],{},"VFX",[1271,1282,1283],{},"解决一个从零开始需要 4 小时以上的问题",[1256,1285,1286,1289],{},[1271,1287,1288],{},"转场",[1271,1290,1291],{},"比 CSS 更流畅——如果 opacity 0→1 就能实现，那不叫转场",[1256,1293,1294,1296],{},[1271,1295,824],{},[1271,1297,1298],{},"专业人士会在客户项目中使用吗？",[746,1300,1301],{"id":1301},"常见拒绝原因",[1303,1304,1305,1311,1317,1328,1334],"ol",{},[757,1306,1307,1310],{},[822,1308,1309],{},"\"看起来像个 demo\""," —— 旋转的立方体不算组件",[757,1312,1313,1316],{},[822,1314,1315],{},"\"文字不可读\""," —— 字体太小，没有对比度处理",[757,1318,1319,1322,1323,1325,1326],{},[822,1320,1321],{},"\"非确定性\""," —— 使用了 ",[718,1324,1185],{}," 或 ",[718,1327,1189],{},[757,1329,1330,1333],{},[822,1331,1332],{},"\"时间轴未找到\""," —— HTML 和 JS 之间的 ID 不匹配",[757,1335,1336,1339],{},[822,1337,1338],{},"\"作为子 composition 时出错\""," —— 元素 ID 冲突（所有内容都要加前缀）",[703,1341,1342],{"id":1342},"工作流程",[746,1344,1346],{"id":1345},"fork-并创建","Fork 并创建",[692,1348,1349,1350,1355],{},"Fork ",[770,1351,1354],{"href":1352,"rel":1353},"https:\u002F\u002Fgithub.com\u002Fheygen-com\u002Fhyperframes",[774],"heygen-com\u002Fhyperframes"," 并创建你的 block 目录：",[711,1357,1359],{"className":713,"code":1358,"language":715,"meta":716,"style":716},"mkdir -p registry\u002Fblocks\u002Fyour-block\n",[718,1360,1361],{"__ignoreMap":716},[721,1362,1363,1366,1369],{"class":723,"line":724},[721,1364,1365],{"class":727},"mkdir",[721,1367,1368],{"class":731}," -p",[721,1370,1371],{"class":731}," registry\u002Fblocks\u002Fyour-block\n",[746,1373,1375],{"id":1374},"编写你的-block","编写你的 block",[692,1377,1378,1379,1381],{},"创建 HTML composition 和 ",[718,1380,853],{},"。使用上面的模板。",[746,1383,1384],{"id":1384},"验证",[711,1386,1388],{"className":713,"code":1387,"language":715,"meta":716,"style":716},"hyperframes lint\nhyperframes validate\nnpx oxfmt your-block.html\n",[718,1389,1390,1398,1405],{"__ignoreMap":716},[721,1391,1392,1395],{"class":723,"line":724},[721,1393,1394],{"class":727},"hyperframes",[721,1396,1397],{"class":731}," lint\n",[721,1399,1400,1402],{"class":723,"line":869},[721,1401,1394],{"class":727},[721,1403,1404],{"class":731}," validate\n",[721,1406,1407,1409,1412],{"class":723,"line":894},[721,1408,728],{"class":727},[721,1410,1411],{"class":731}," oxfmt",[721,1413,1414],{"class":731}," your-block.html\n",[746,1416,1417],{"id":1417},"更新注册表",[711,1419,1421],{"className":713,"code":1420,"language":715,"meta":716,"style":716},"# 添加到注册表索引\n# 更新 registry\u002Fregistry.json\nnpx tsx scripts\u002Fgenerate-catalog-pages.ts\n",[718,1422,1423,1429,1434],{"__ignoreMap":716},[721,1424,1425],{"class":723,"line":724},[721,1426,1428],{"class":1427},"sHwdD","# 添加到注册表索引\n",[721,1430,1431],{"class":723,"line":869},[721,1432,1433],{"class":1427},"# 更新 registry\u002Fregistry.json\n",[721,1435,1436,1438,1441],{"class":723,"line":894},[721,1437,728],{"class":727},[721,1439,1440],{"class":731}," tsx",[721,1442,1443],{"class":731}," scripts\u002Fgenerate-catalog-pages.ts\n",[746,1445,1446],{"id":1446},"渲染预览",[711,1448,1450],{"className":713,"code":1449,"language":715,"meta":716,"style":716},"hyperframes render -o preview.mp4\n",[718,1451,1452],{"__ignoreMap":716},[721,1453,1454,1456,1459,1462],{"class":723,"line":724},[721,1455,1394],{"class":727},[721,1457,1458],{"class":731}," render",[721,1460,1461],{"class":731}," -o",[721,1463,1464],{"class":731}," preview.mp4\n",[746,1466,1468],{"id":1467},"发布并提交-pr","发布并提交 PR",[711,1470,1472],{"className":713,"code":1471,"language":715,"meta":716,"style":716},"npx hyperframes publish\n",[718,1473,1474],{"__ignoreMap":716},[721,1475,1476,1478,1480],{"class":723,"line":724},[721,1477,728],{"class":727},[721,1479,732],{"class":731},[721,1481,1482],{"class":731}," publish\n",[692,1484,1485,1486,1489],{},"提交 PR 并附上你的 ",[770,1487,814],{"href":812,"rel":1488},[774]," 预览链接。",[692,1491,1492,1495],{},[822,1493,1494],{},"外部贡献者："," 将预览 MP4 附加到你的 PR。维护者会处理 catalog 图片。",[692,1497,1498,1501,1502,1505],{},[822,1499,1500],{},"HeyGen 内部："," 运行 ",[718,1503,1504],{},"scripts\u002Fupload-docs-images.sh"," 上传 catalog PNG。",[703,1507,1508],{"id":1508},"当前需要的内容",[692,1510,1511],{},"以下是注册表中的空白。如果你在寻找要构建的东西，从这里开始。",[1250,1513,1514,1527],{},[1253,1515,1516],{},[1256,1517,1518,1521,1524],{},[1259,1519,1520],{},"类别",[1259,1522,1523],{},"缺口",[1259,1525,1526],{},"难度",[1266,1528,1529,1539,1548,1559,1568,1578,1588,1597,1606],{},[1256,1530,1531,1533,1536],{},[1271,1532,205],{},[1271,1534,1535],{},"卡拉 OK 风格 clip-path 扫描（CapCut 风格）",[1271,1537,1538],{},"中",[1256,1540,1541,1543,1546],{},[1271,1542,205],{},[1271,1544,1545],{},"RTL 语言布局（阿拉伯语、希伯来语）",[1271,1547,1538],{},[1256,1549,1550,1553,1556],{},[1271,1551,1552],{},"下三分之一条",[1271,1554,1555],{},"播客\u002F访谈用 10 种变体",[1271,1557,1558],{},"易",[1256,1560,1561,1563,1566],{},[1271,1562,1552],{},[1271,1564,1565],{},"新闻滚动条 \u002F 文字滚动条",[1271,1567,1558],{},[1256,1569,1570,1573,1576],{},[1271,1571,1572],{},"地图",[1271,1574,1575],{},"动画路线地图、区域高亮、地点标记",[1271,1577,1538],{},[1256,1579,1580,1582,1585],{},[1271,1581,1280],{},[1271,1583,1584],{},"带 HDRI 的产品旋转展台",[1271,1586,1587],{},"难",[1256,1589,1590,1592,1595],{},[1271,1591,1280],{},[1271,1593,1594],{},"带物理引擎的粒子系统（碰撞、重力）",[1271,1596,1587],{},[1256,1598,1599,1601,1604],{},[1271,1600,1288],{},[1271,1602,1603],{},"变形形状转场",[1271,1605,1587],{},[1256,1607,1608,1611,1614],{},[1271,1609,1610],{},"数据可视化",[1271,1612,1613],{},"桑基图 \u002F 流程图",[1271,1615,1538],{},[1617,1618,1619],"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);}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":716,"searchDepth":724,"depth":869,"links":1621},[1622,1623,1627,1631,1638,1641,1649],{"id":705,"depth":869,"text":706},{"id":744,"depth":869,"text":744,"children":1624},[1625,1626],{"id":748,"depth":894,"text":749},{"id":787,"depth":894,"text":787},{"id":818,"depth":869,"text":818,"children":1628},[1629,1630],{"id":841,"depth":894,"text":841},{"id":852,"depth":894,"text":853},{"id":1173,"depth":869,"text":1173,"children":1632},[1633,1634,1635,1636,1637],{"id":1179,"depth":894,"text":1179},{"id":1193,"depth":894,"text":1193},{"id":1202,"depth":894,"text":1202},{"id":1215,"depth":894,"text":1216},{"id":1225,"depth":894,"text":1225},{"id":1245,"depth":869,"text":1245,"children":1639},[1640],{"id":1301,"depth":894,"text":1301},{"id":1342,"depth":869,"text":1342,"children":1642},[1643,1644,1645,1646,1647,1648],{"id":1345,"depth":894,"text":1346},{"id":1374,"depth":894,"text":1375},{"id":1384,"depth":894,"text":1384},{"id":1417,"depth":894,"text":1417},{"id":1446,"depth":894,"text":1446},{"id":1467,"depth":894,"text":1468},{"id":1508,"depth":869,"text":1508},"如何向 HyperFrames 注册表添加 block 和组件。","md",null,{},true,{"title":667,"description":1650},"v_q5c7G5ns-_BB6tKVyxEpgeWi2ACboXK0HGPTMuE9U",[1658,1660],{"title":663,"path":664,"stem":665,"description":1659,"children":-1},"如何为 HyperFrames 做出贡献。",{"title":671,"path":672,"stem":673,"description":1661,"children":-1},"HyperFrames 如何将仅限 alpha 的工作与稳定发布隔离。",1780322255646]