Use the hosted HyperFrames MCP connector to create and render without installing the local CLI.
HyperFrames MCP is a hosted connector for supported AI chat products. It lets
the chat call HyperFrames creation and rendering tools through your HeyGen
account without installing the local CLI.
This path is in beta. Availability, interface wording, features, credits, and plan requirements
can change.
An illustration of the flow, labelled as such on screen: describe the video,
revise it in plain language, and the MP4 comes back. Nothing is installed locally.
You need a HeyGen account and access to the HyperFrames connector.Each host controls where custom connectors appear and which plans or workspace
roles can add them. Use the steps below as orientation, then follow the linked
host documentation when its interface differs.
Search HyperFrames and choose Connect on HyperFrames by HeyGen.
Complete the HeyGen sign-in.
If a chat doesn’t use it, check that HyperFrames is switched on under + → Connectors in that chat.To add it by address instead, choose + Add → Add custom connector in Customize → Connectors and enter the MCP address above.See Anthropic’s current connector instructions for plan and workspace requirements.
Custom MCP servers work on ChatGPT Business, Enterprise and Edu, on ChatGPT web. On Business, only workspace admins and owners can add one.
Open Plugins.
Select the + button, then Add custom MCP server.
Enter a name, and the MCP address above as the server URL.
Set up authentication, accept the risk warning, and select Create as a plugin.
Host products change their connector interfaces independently. If a menu or button is missing, check that host’s current plan and workspace permissions before treating it as a HyperFrames failure.
Describe the video as you would to an editor, and name HyperFrames so the chat app uses the connector instead of
writing its own video code:
Use HyperFrames to make a 15-second vertical product intro for a meditation app.Audience: people who have trouble falling asleep.Style: quiet, spacious, and warm.Show the breathing timer and end with “Rest starts here.”
The connector proposes and builds the composition through the tools exposed in
that chat. Follow the returned tool result rather than expecting a specific
preview widget: hosts present MCP output differently.
Each run renders an MP4 on its own when it finishes, so there is no separate export step. Ask for the download link:
Send me the MP4 download link.
The hosted connector renders MP4 at its default settings. To choose the frame rate, 4K, or a WebM or MOV file (for transparent overlays or another editor), make the video with the local skills and render it on your computer.The connector renders on hosted infrastructure. Keep any composition or render
identifier the tool returns so you can refer to the same work in a follow-up.OAuth connects the server to your current HeyGen account. Plans, limits, and
billing can change independently of HyperFrames, so confirm them in the account
before starting repeated or long renders.
confirm that your host plan and workspace permit the connector;
confirm that pop-ups and the HeyGen sign-in window are not blocked.
If a create or render action stalls:
keep the last tool result and any identifier it returned;
retry from a new chat if the host session has expired;
report the prompt, expected result, actual result, host, and identifier.
Use Share feedback when the failure belongs to HyperFrames. Use the host product’s support when the connector cannot be installed or invoked at all.
Only connect the production HyperFrames server shown on this page. As with any external connector,
review the permissions and do not send secrets or private material that the destination should not
receive.
{"docsConfig":{"theme":"aspen","$schema":"https://mintlify.com/docs.json","name":"HyperFrames","colors":{"primary":"#181716","light":"#3CE6AC","dark":"#181716"},"logo":{"light":"/logo/light.svg","dark":"/logo/dark.svg","href":"https://hyperframes.heygen.com/"},"favicon":"/favicon.svg","appearance":{"default":"system"},"background":{"color":{"light":"#f2f0ed","dark":"#201e1c"}},"navbar":{"links":[{"href":"https://github.com/heygen-com/hyperframes","type":"github"},{"href":"https://discord.gg/7uMDe3PwQn","type":"discord"}],"primary":{"type":"button","label":"Download","href":"https://hyperframes.studio/studio/download?src=docs-navbar"}},"footer":{"socials":{"github":"https://github.com/heygen-com/hyperframes","discord":"https://discord.gg/7uMDe3PwQn","x":"https://x.com/HyperFrames_"},"links":[{"header":"Explore","items":[{"label":"Introduction","href":"/introduction"},{"label":"Make your first video","href":"/quickstart"},{"label":"Examples","href":"/examples"}]},{"header":"Build","items":[{"label":"Browser editor","href":"/studio"},{"label":"Catalog","href":"/catalog"},{"label":"Developers","href":"/developers/overview"}]},{"header":"Resources","items":[{"label":"Product updates","href":"/product-updates"},{"label":"Download the app","href":"https://hyperframes.studio/studio/download?src=docs-footer"},{"label":"GitHub","href":"https://github.com/heygen-com/hyperframes"}]},{"header":"Made by HeyGen","items":[{"label":"heygen.com","href":"https://www.heygen.com"}]}]},"fonts":{"family":"Inter"},"integrations":{"posthog":{"apiKey":"phc_zjjbX0PnWxERXrMHhkEJWj9A9BhGVLRReICgsfTMmpx","sessionRecording":false}},"contextual":{"options":["copy","claude","cursor","vscode","windsurf","mcp",{"title":"Open an issue","description":"Report a bug or request a feature","icon":"github","href":"https://github.com/heygen-com/hyperframes/issues/new"}],"display":"header"},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"hasAudioNarration":false,"customDomains":[],"gitSource":{"type":"github","owner":"local","repo":"local","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":"local","isBase":true},"buildId":"local","clientVersion":"0.0.4114"},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[],"googleFontsInlined":false,"isLoggedInCli":false},"customCss":[{"filePath":"catalog-gallery.css","content":".hfc-gallery{color:var(--hf-text);font-family:inherit}.hfc-gallery *{box-sizing:border-box}.hfc-gallery :is(button,a):focus-visible{outline:2px solid var(--hf-brand);outline-offset:4px}.hfc-gallery button{font:inherit;cursor:pointer}.hfc-gallery .hfc-hero h1{line-height:1.08;font-weight:600;letter-spacing:-.045em;margin:0 0 24px;color:var(--hf-heading)}.hfc-gallery .hfc-hero>p{font-size:15px;line-height:1.7;color:var(--hf-text-secondary);max-width:560px;margin:0}.hfc-gallery .hfc-overview{display:flex;flex-direction:column;gap:44px}.hfc-gallery .hfc-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.hfc-gallery .hfc-section-head h2{display:flex;align-items:center;gap:12px;font-size:20px;line-height:1.3;font-weight:600;margin:0;color:var(--hf-heading)}.hfc-gallery .hfc-section-head button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;border:0;background:transparent;color:var(--hf-text-secondary);padding:6px 0 6px 8px;font-size:12px;white-space:nowrap}.hfc-gallery .hfc-caret{flex-shrink:0;transition:transform .16s ease}.hfc-gallery .hfc-section-head button[aria-expanded=\"true\"] .hfc-caret{transform:rotate(180deg)}.hfc-gallery .hfc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.hfc-gallery a.hfc-card,.hfc-gallery a.hfc-card:hover{display:block;min-width:0;text-decoration:none;color:inherit;border:0;background:transparent;box-shadow:none;transform:none}.hfc-gallery .hfc-media{position:relative;aspect-ratio:16/9;isolation:isolate;overflow:hidden;border-radius:12px;background:#101214}.hfc-gallery .hfc-media :is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border:0;border-radius:0}.hfc-gallery .hfc-preview-host{position:absolute;inset:0;pointer-events:none;opacity:0}.hfc-gallery .hfc-preview-host[data-ready=\"true\"]{opacity:1}.hfc-gallery .hfc-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;height:100%;text-align:center;color:#ccc;background:#141414}.hfc-gallery .hfc-fallback span{color:#999;font-size:10px}.hfc-gallery .hfc-fallback strong{font-size:18px;line-height:1.2}.hfc-gallery .hfc-unsupported{gap:6px;padding:20px}.hfc-gallery .hfc-unsupported span{font-size:11px}.hfc-gallery .hfc-unsupported code{font-size:11px;padding:2px 6px;border-radius:6px;background:#0006;color:#ccc}.hfc-gallery .hfc-card-body{padding:12px 2px 0}.hfc-gallery .hfc-card-title{display:flex;align-items:start;justify-content:space-between;gap:10px}.hfc-gallery .hfc-card-title h3{font-size:15px;font-weight:500;line-height:1.4;margin:0;color:var(--hf-heading)}.hfc-gallery .hfc-status{flex-shrink:0;padding:2px 7px;border-radius:20px;background:var(--hf-brand-soft);color:var(--hf-brand);font-size:11px}.hfc-gallery .hfc-meta{font-size:12px;line-height:1.5;margin:4px 0 0;color:var(--hf-text-secondary)}.hfc-gallery .hfc-empty{padding:44px 20px;text-align:center}.hfc-gallery .hfc-empty h3{font-size:18px}.hfc-gallery .hfc-empty p{color:var(--hf-text-secondary);font-size:13px}.hfc-gallery .hfc-empty button,.hfc-gallery .hfc-load{padding:10px 16px;border:1px solid var(--hf-border-color);border-radius:8px;color:var(--hf-text);background:var(--hf-background-light);font-size:12px}.hfc-gallery .hfc-load{display:block;margin:24px auto 0}#navigation-items:has(a[href=\"/catalog\"]) .sidebar-group-header{display:none}#navigation-items .sidebar-group>li>a[href=\"/catalog\"]{width:100%;margin-left:0;padding:6px 12px;border:0;border-radius:12px}#navigation-items .sidebar-group>li[data-active=\"true\"]>a[href=\"/catalog\"],#navigation-items .sidebar-group>li[data-active-nav-item=\"true\"]>a[href=\"/catalog\"],#navigation-items .sidebar-group>li>a[href=\"/catalog\"][aria-current=\"page\"]{color:var(--hf-brand);background:color-mix(in oklab,var(--hf-brand) 10%,transparent)!important}@media (max-width:1100px) and (min-width:601px){.hfc-gallery .hfc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.hfc-gallery .hfc-grid{grid-template-columns:minmax(0,1fr)}.hfc-gallery .hfc-card-title h3{font-size:16px}}@media (prefers-reduced-motion:reduce){.hfc-gallery *{transition:none!important}}#navigation-items a[href^=\"/catalog/\"][aria-current=\"page\"]{color:var(--hf-brand);background:color-mix(in oklab,var(--hf-brand) 10%,transparent)!important}#navigation-items li[data-group-tag]{--catalog-desc:\"\"}#navigation-items li[data-group-tag]::after{content:var(--catalog-desc);display:block;padding:0 12px 8px 40px;font-size:11px;line-height:1.5;color:var(--hf-text-secondary)}#navigation-items li[data-title=\"3D\"][data-group-tag]{--catalog-desc:\"Three.js scenes and objects: camera moves, product turntables, glass, exploded layers.\"}#navigation-items li[data-title=\"Carousels\"][data-group-tag]{--catalog-desc:\"Image cards that circle, orbit, or sweep a path across the frame.\"}#navigation-items li[data-title=\"Text \u0026 captions\"][data-group-tag]{--catalog-desc:\"Word-by-word caption reveals, highlights, and kinetic type.\"}#navigation-items li[data-title=\"Code\"][data-group-tag]{--catalog-desc:\"Code snippets that type, diff, highlight, and morph on screen.\"}#navigation-items li[data-title=\"Transitions\"][data-group-tag]{--catalog-desc:\"Cuts between shots: zooms, warps, glitches, light leaks.\"}#navigation-items li[data-title=\"Data \u0026 charts\"][data-group-tag]{--catalog-desc:\"Bar, line, and progress charts that animate their own data in.\"}#navigation-items li[data-title=\"Scenes \u0026 demos\"][data-group-tag]{--catalog-desc:\"Full scenes: app showcases, chat exchanges, product demos.\"}#navigation-items li[data-title=\"Cursors\"][data-group-tag]{--catalog-desc:\"Pointers that glide, click, drag, select, and steer the eye across a UI.\"}#navigation-items li[data-title=\"Motion \u0026 effects\"][data-group-tag]{--catalog-desc:\"General-purpose motion: hovers, pops, blurs, grids, paths.\"}#navigation-items li[data-title=\"Surfaces\"][data-group-tag]{--catalog-desc:\"Background textures and screen treatments: grain, halftone, glass.\"}#navigation-items li[data-title=\"Blocks\"][data-group-tag]{--catalog-desc:\"Flowcharts, sketched frames, speech bubbles, and outro cards.\"}.hfc-gallery .mw{display:inline-block;position:relative;white-space:nowrap;--phase: 0;--period: 6;--bl: .87em}.hfc-gallery .mw .ch{display:inline-block;position:relative;transform-origin:50% 70%;background-image:var(--grad);background-size:calc(var(--period) * 1em) 100%;background-position:calc((var(--phase) * var(--period) - var(--x, 0)) * 1em) 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hfc-gallery .mw .bl{display:inline-block;width:0;height:0;vertical-align:baseline}.hfc-gallery .mw .dsvg{position:absolute;left:var(--dot-x, 50%);top:var(--dot-y, .16em);width:calc(var(--dot-d, .15em) * 5);height:calc(var(--dot-d, .15em) * 5);margin:calc(var(--dot-d, .15em) * -2.5) 0 0 calc(var(--dot-d, .15em) * -2.5);overflow:visible;pointer-events:none}.hfc-gallery .mw .sq{position:absolute;display:block;left:0;top:calc(var(--bl) + .05em);width:100%;height:auto;overflow:visible;pointer-events:none}.hfc-gallery{padding:0 32px;max-width:1400px;margin:0 auto 48px}.hfc-gallery .hfc-hero{padding:48px 0}.hfc-gallery .hfc-hero h1{max-width:800px;font-size:clamp(34px,4vw,54px)}.hfc-gallery .mw .dsvg{left:50%;top:.18em;width:.75em;height:.75em;margin:-.375em 0 0 -.375em}.hfc-gallery .mw .sq{top:.94em}.hfc-gallery .mw .ring{transform-origin:0 0}.hfc-gallery .mw .sq path{stroke-dasharray:220;stroke-dashoffset:220}@media (prefers-reduced-motion:reduce){.hfc-gallery .mw .sq path{stroke-dashoffset:0}}@media (max-width:600px){.hfc-gallery{padding:0 18px}.hfc-gallery .hfc-hero{padding:28px 0}}.hfc-search{display:block;width:min(560px, 100%);margin-top:18px;padding:12px 16px;border:1px solid color-mix(in srgb, currentColor 18%, transparent);border-radius:999px;background:color-mix(in srgb, currentColor 4%, transparent);color:inherit;font:inherit;font-size:15px}.hfc-search:focus-visible{outline:2px solid color-mix(in srgb, currentColor 40%, transparent);outline-offset:2px}.hfc-gallery .hfc-pause{margin-top:14px;padding:7px 14px;border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}.hfc-gallery .hfc-pause:focus-visible{outline:2px solid color-mix(in srgb, currentColor 45%, transparent);outline-offset:2px}"},{"filePath":"custom.css","href":"/_mintlify/custom/docs.lltai.cloud/90bb600fca48615f/custom.css"},{"filePath":"template-gallery.css","content":".tpl-card video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.tpl-card.portrait video{aspect-ratio:9/16}.tpl-card:hover{transform:translateY(-2px);border-color:var(--hf-border-color-light, #d0cfcb)}.tpl-label{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 0.75rem 0.75rem;background:linear-gradient(transparent, rgba(0,0,0,0.75));pointer-events:none}"}],"page":{"pagePath":"guides/mcp","slug":"/guides/mcp","pageMetadata":{"title":"Create through an AI chat","description":"Use the hosted HyperFrames MCP connector to create and render without installing the local CLI.","href":"/guides/mcp"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Use the hosted HyperFrames MCP connector to create and render without installing the local CLI.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];const DocsVideo=({src,poster,title,autoPlay=false,loop=false,portrait=false,aspect})=>{const videoRef=useRef(null);const playerRef=useRef(null);const hideTimerRef=useRef(null);const progressFrameRef=useRef(null);const[enhanced,setEnhanced]=useState(false);const[playing,setPlaying]=useState(false);const[waiting,setWaiting]=useState(false);const[muted,setMuted]=useState(autoPlay);const[currentTime,setCurrentTime]=useState(0);const[duration,setDuration]=useState(0);const[playbackRate,setPlaybackRate]=useState(1);const[reduced,setReduced]=useState(()=>typeof window!==`undefined`\u0026\u0026window.matchMedia(`(prefers-reduced-motion: reduce)`).matches);useEffect(()=>{const query=window.matchMedia(`(prefers-reduced-motion: reduce)`);const onChange=event=>setReduced(event.matches);query.addEventListener(`change`,onChange);return()=>query.removeEventListener(`change`,onChange)},[]);useEffect(()=>{const video=videoRef.current;if(!reduced||!autoPlay||!video)return;video.pause();video.removeAttribute(`src`);video.load()},[reduced,autoPlay]);const[controlsVisible,setControlsVisible]=useState(false);const[fullscreen,setFullscreen]=useState(false);const[fullscreenSupported,setFullscreenSupported]=useState(false);const[previewing,setPreviewing]=useState(false);const[scrubbing,setScrubbing]=useState(false);const[previewTime,setPreviewTime]=useState(0);const[previewPosition,setPreviewPosition]=useState(0);const formatTime=seconds=>{if(!Number.isFinite(seconds)||seconds\u003c0)return`0:00`;const minutes=Math.floor(seconds/60);const remaining=Math.floor(seconds%60);return`${minutes}:${String(remaining).padStart(2,`0`)}`};const clearHideTimer=()=>{if(hideTimerRef.current){window.clearTimeout(hideTimerRef.current);hideTimerRef.current=null}};const revealControls=()=>{setControlsVisible(true);clearHideTimer();hideTimerRef.current=window.setTimeout(()=>setControlsVisible(false),2200)};const togglePlayback=async()=>{const video=videoRef.current;if(!video)return;if(video.paused||video.ended){if(!video.getAttribute(`src`))video.src=src;if(video.ended)video.currentTime=0;setWaiting(true);try{await video.play()}catch{setWaiting(false);setPlaying(false)}}else{video.pause();setControlsVisible(true)}};const toggleMute=()=>{const video=videoRef.current;if(!video)return;if(video.muted\u0026\u0026video.volume===0)video.volume=.8;video.muted=!video.muted;setMuted(video.muted)};const seek=event=>{const video=videoRef.current;if(!video)return;const nextTime=Number(event.target.value);video.currentTime=nextTime;setCurrentTime(nextTime)};const updateScrubPreview=(event,seekMainVideo=false)=>{if(!duration)return;const rect=event.currentTarget.getBoundingClientRect();const ratio=Math.min(1,Math.max(0,(event.clientX-rect.left)/rect.width));const nextTime=ratio*duration;setPreviewing(true);setPreviewTime(nextTime);setPreviewPosition(ratio*100);if(seekMainVideo){const video=videoRef.current;if(video){video.currentTime=nextTime;setCurrentTime(nextTime)}}};const cyclePlaybackRate=()=>{const video=videoRef.current;if(!video)return;const rates=[1,1.25,1.5,2];const currentIndex=rates.indexOf(video.playbackRate);const nextRate=rates[(currentIndex+1)%rates.length];video.playbackRate=nextRate;setPlaybackRate(nextRate)};const toggleFullscreen=async()=>{const player=playerRef.current;const video=videoRef.current;if(!player||typeof document===`undefined`)return;try{if(document.fullscreenElement){await document.exitFullscreen()}else if(player.requestFullscreen){await player.requestFullscreen()}else if(video?.webkitEnterFullscreen){video.webkitEnterFullscreen()}}catch{}};const handleKeyboard=event=>{if(event.target!==event.currentTarget)return;const video=videoRef.current;if(!video)return;if(event.key===` `||event.key===`Enter`){event.preventDefault();togglePlayback()}else if(event.key===`ArrowLeft`){event.preventDefault();video.currentTime=Math.max(0,video.currentTime-5)}else if(event.key===`ArrowRight`){event.preventDefault();video.currentTime=Math.min(duration||video.duration||0,video.currentTime+5)}else if(event.key.toLowerCase()===`m`){event.preventDefault();toggleMute()}else if(event.key.toLowerCase()===`f`){event.preventDefault();toggleFullscreen()}};useEffect(()=>{setEnhanced(true);setFullscreenSupported(Boolean(playerRef.current?.requestFullscreen||videoRef.current?.webkitEnterFullscreen));return()=>{clearHideTimer()}},[]);useEffect(()=>{if(typeof document===`undefined`)return undefined;const syncFullscreen=()=>setFullscreen(document.fullscreenElement===playerRef.current);document.addEventListener(`fullscreenchange`,syncFullscreen);return()=>document.removeEventListener(`fullscreenchange`,syncFullscreen)},[]);useEffect(()=>{clearHideTimer();if(!playing)return undefined;hideTimerRef.current=window.setTimeout(()=>setControlsVisible(false),2200);return clearHideTimer},[playing]);useEffect(()=>{if(!playing)return undefined;const updateProgress=()=>{const video=videoRef.current;if(video\u0026\u0026!video.paused)setCurrentTime(video.currentTime);progressFrameRef.current=window.requestAnimationFrame(updateProgress)};progressFrameRef.current=window.requestAnimationFrame(updateProgress);return()=>{if(progressFrameRef.current)window.cancelAnimationFrame(progressFrameRef.current);progressFrameRef.current=null}},[playing]);const progress=duration>0?currentTime/duration*100:0;const replaying=duration>0\u0026\u0026currentTime>=duration-.15;return _jsx(`div`,{className:`hf-docs-video-block`,\"data-portrait\":portrait?`true`:`false`,children:_jsxs(`div`,{ref:playerRef,className:`hf-docs-video`,style:aspect?{aspectRatio:aspect}:undefined,role:`region`,\"aria-label\":title,tabIndex:0,onKeyDown:handleKeyboard,onPointerMove:revealControls,onPointerLeave:()=>setControlsVisible(false),onFocus:revealControls,onBlur:event=>{if(!event.currentTarget.contains(event.relatedTarget))setControlsVisible(false)},children:[_jsx(`video`,{ref:videoRef,\"aria-label\":title,src,poster,autoPlay:autoPlay\u0026\u0026!reduced,muted:autoPlay,loop,playsInline:true,preload:`metadata`,controls:!enhanced,onClick:togglePlayback,onDoubleClick:toggleFullscreen,onLoadedMetadata:event=>{const nextDuration=event.currentTarget.duration||0;setDuration(nextDuration);setMuted(event.currentTarget.muted)},onDurationChange:event=>setDuration(event.currentTarget.duration||0),onTimeUpdate:event=>setCurrentTime(event.currentTarget.currentTime),onPlay:()=>setPlaying(true),onPause:()=>setPlaying(false),onPlaying:()=>setWaiting(false),onWaiting:()=>setWaiting(true),onCanPlay:()=>setWaiting(false),onEnded:()=>{setPlaying(false);setControlsVisible(true)},onVolumeChange:event=>setMuted(event.currentTarget.muted)}),enhanced\u0026\u0026_jsxs(_Fragment,{children:[!playing\u0026\u0026(currentTime\u003c=.2||replaying)\u0026\u0026_jsx(`button`,{type:`button`,className:`hf-docs-video-hero-play`,onClick:togglePlayback,\"aria-label\":replaying?`Replay video`:`Play video`,children:_jsx(`span`,{className:`hf-docs-video-hero-icon`,\"aria-hidden\":`true`,children:_jsx(`svg`,{viewBox:`0 0 24 24`,children:_jsx(`path`,{d:`M8 5.5v13l10-6.5z`})})})}),waiting\u0026\u0026playing\u0026\u0026_jsx(`span`,{className:`hf-docs-video-spinner`,\"aria-label\":`Loading`}),_jsxs(`div`,{className:`hf-docs-video-controls`,\"data-visible\":controlsVisible?`true`:`false`,children:[_jsx(`div`,{className:`hf-docs-video-scrub-preview`,\"data-visible\":previewing?`true`:`false`,style:{\"--hf-video-preview-x\":`${previewPosition}%`},\"aria-hidden\":`true`,children:_jsx(`span`,{children:formatTime(previewTime)})}),_jsx(`input`,{className:`hf-docs-video-progress`,type:`range`,min:`0`,max:duration||0,step:`0.01`,value:Math.min(currentTime,duration||0),\"aria-label\":`Video progress`,\"aria-valuetext\":`${formatTime(currentTime)} of ${formatTime(duration)}`,onChange:seek,onPointerEnter:updateScrubPreview,onPointerMove:event=>updateScrubPreview(event,scrubbing||event.buttons===1),onPointerDown:event=>{setScrubbing(true);event.currentTarget.setPointerCapture?.(event.pointerId);updateScrubPreview(event,true)},onPointerUp:event=>{setScrubbing(false);if(event.pointerType!==`mouse`)setPreviewing(false)},onPointerCancel:()=>{setScrubbing(false);setPreviewing(false)},onPointerLeave:()=>{if(!scrubbing)setPreviewing(false)},style:{\"--hf-video-progress\":`${progress}%`}}),_jsxs(`div`,{className:`hf-docs-video-control-row`,children:[_jsx(`button`,{type:`button`,className:`hf-docs-video-control`,onClick:togglePlayback,\"aria-label\":playing?`Pause video`:`Play video`,children:playing?_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M7 5h4v14H7zm6 0h4v14h-4z`})}):_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M8 5.5v13l10-6.5z`})})}),_jsx(`button`,{type:`button`,className:`hf-docs-video-control`,onClick:toggleMute,\"aria-label\":muted?`Unmute video`:`Mute video`,children:muted?_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M4 9v6h4l5 4V5L8 9zm11.5 1.1 1.4-1.4 1.6 1.6 1.6-1.6 1.4 1.4-1.6 1.6 1.6 1.6-1.4 1.4-1.6-1.6-1.6 1.6-1.4-1.4 1.6-1.6z`})}):_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M4 9v6h4l5 4V5L8 9zm11 1.2v3.6c1-.5 1.7-1.5 1.7-2.8S16 10.7 15 10.2zm0-4v2.1c2.2.6 3.7 2.5 3.7 4.7s-1.5 4.1-3.7 4.7v2.1c3.3-.7 5.7-3.5 5.7-6.8S18.3 6.9 15 6.2z`})})}),_jsxs(`span`,{className:`hf-docs-video-time`,\"aria-hidden\":`true`,children:[formatTime(currentTime),` `,_jsx(`span`,{children:`/`}),` `,formatTime(duration)]}),_jsx(`span`,{className:`hf-docs-video-spacer`}),_jsxs(`button`,{type:`button`,className:`hf-docs-video-rate`,onClick:cyclePlaybackRate,\"aria-label\":`Playback speed ${playbackRate} times`,children:[playbackRate,`×`]}),fullscreenSupported\u0026\u0026_jsx(`button`,{type:`button`,className:`hf-docs-video-control`,onClick:toggleFullscreen,\"aria-label\":fullscreen?`Exit fullscreen`:`Enter fullscreen`,children:fullscreen?_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M8 3H6v3H3v2h5zm8 0v5h5V6h-3V3zM3 16v2h3v3h2v-5zm13 0v5h2v-3h3v-2z`})}):_jsx(`svg`,{viewBox:`0 0 24 24`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M3 8h2V5h3V3H3zm13-5v2h3v3h2V3zM5 16H3v5h5v-2H5zm14 3h-3v2h5v-5h-2z`})})})]})]})]})]})})};function _createMdxContent(props){const _components={a:`a`,code:`code`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{CodeBlock,Heading,Note,Tab,Tabs,Warning,_MdxComponentBoundary}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Note)_missingMdxReference(`Note`,true);if(!Tab)_missingMdxReference(`Tab`,true);if(!Tabs)_missingMdxReference(`Tabs`,true);if(!Warning)_missingMdxReference(`Warning`,true);if(!_MdxComponentBoundary)_missingMdxReference(`_MdxComponentBoundary`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`HyperFrames MCP is a hosted connector for supported AI chat products. It lets\nthe chat call HyperFrames creation and rendering tools through your HeyGen\naccount without installing the local CLI.`}),`\n`,_jsx(Note,{children:_jsx(_components.p,{children:`This path is in beta. Availability, interface wording, features, credits, and plan requirements\ncan change.`})}),`\n`,_jsx(_MdxComponentBoundary,{name:`DocsVideo`,children:_jsx(DocsVideo,{title:`Making and revising a video inside an AI chat, then rendering it`,src:`https://static.heygen.ai/hyperframes-oss/docs/images/showcase/mcp-flow-demo-v2.mp4`,poster:`https://static.heygen.ai/hyperframes-oss/docs/images/showcase/mcp-flow-demo-v2.jpg`})}),`\n`,_jsx(_components.p,{children:`An illustration of the flow, labelled as such on screen: describe the video,\nrevise it in plain language, and the MP4 comes back. Nothing is installed locally.`}),`\n`,_jsx(Heading,{level:`2`,id:`choose-hosted-or-local`,children:`Choose hosted or local`}),`\n`,_jsx(_components.p,{children:`Use the hosted connector when you want:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`no local HyperFrames setup;`}),`\n`,_jsx(_components.li,{children:`a conversational creation flow;`}),`\n`,_jsx(_components.li,{children:`cloud rendering;`}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`Use the `,_jsx(_components.a,{href:`/quickstart`,children:`local Quickstart`}),` when you need:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`full project files;`}),`\n`,_jsx(_components.li,{children:`local rendering;`}),`\n`,_jsx(_components.li,{children:`direct editing in the browser editor and in the source;`}),`\n`,_jsx(_components.li,{children:`custom automation or deployment;`}),`\n`,_jsx(_components.li,{children:`precise debugging and validation.`}),`\n`]}),`\n`,_jsx(Heading,{level:`2`,id:`connect-hyperframes`,children:`Connect HyperFrames`}),`\n`,_jsx(_components.p,{children:`The production MCP address is:`}),`\n`,_jsx(CodeBlock,{numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`https://mcp.heygen.com/mcp/hyperframes/`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.p,{children:`You need a HeyGen account and access to the HyperFrames connector.`}),`\n`,_jsx(_components.p,{children:`Each host controls where custom connectors appear and which plans or workspace\nroles can add them. Use the steps below as orientation, then follow the linked\nhost documentation when its interface differs.`}),`\n`,_jsxs(Tabs,{children:[_jsxs(Tab,{title:`Claude`,id:`claude`,children:[_jsxs(_components.p,{children:[`HyperFrames by HeyGen is listed in Claude’s `,_jsx(_components.a,{href:`https://claude.com/connectors/hyperframes-heygen`,children:`connector directory`}),`.`]}),_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`Open `,_jsx(_components.strong,{children:`Customize → Connectors`}),` and choose `,_jsx(_components.strong,{children:`Discover`}),`.`]}),`\n`,_jsxs(_components.li,{children:[`Search `,_jsx(_components.strong,{children:`HyperFrames`}),` and choose `,_jsx(_components.strong,{children:`Connect`}),` on HyperFrames by HeyGen.`]}),`\n`,_jsx(_components.li,{children:`Complete the HeyGen sign-in.`}),`\n`]}),_jsxs(_components.p,{children:[`If a chat doesn’t use it, check that HyperFrames is switched on under `,_jsx(_components.strong,{children:`+ → Connectors`}),` in that chat.`]}),_jsxs(_components.p,{children:[`To add it by address instead, choose `,_jsx(_components.strong,{children:`+ Add → Add custom connector`}),` in `,_jsx(_components.strong,{children:`Customize → Connectors`}),` and enter the MCP address above.`]}),_jsxs(_components.p,{children:[`See `,_jsx(_components.a,{href:`https://support.claude.com/en/articles/11175166-get-started-with-custom-connectors-using-remote-mcp`,children:`Anthropic’s current connector instructions`}),` for plan and workspace requirements.`]})]}),_jsxs(Tab,{title:`ChatGPT`,id:`chatgpt`,children:[_jsx(_components.p,{children:`Custom MCP servers work on ChatGPT Business, Enterprise and Edu, on ChatGPT web. On Business, only workspace admins and owners can add one.`}),_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`Open `,_jsx(_components.strong,{children:`Plugins`}),`.`]}),`\n`,_jsxs(_components.li,{children:[`Select the `,_jsx(_components.strong,{children:`+`}),` button, then `,_jsx(_components.strong,{children:`Add custom MCP server`}),`.`]}),`\n`,_jsx(_components.li,{children:`Enter a name, and the MCP address above as the server URL.`}),`\n`,_jsxs(_components.li,{children:[`Set up authentication, accept the risk warning, and select `,_jsx(_components.strong,{children:`Create as a plugin`}),`.`]}),`\n`,_jsx(_components.li,{children:`Complete HeyGen authorization.`}),`\n`]}),_jsxs(_components.p,{children:[`See `,_jsx(_components.a,{href:`https://help.openai.com/en/articles/12584461`,children:`OpenAI’s current instructions`}),`.`]})]}),_jsxs(Tab,{title:`Grok`,id:`grok`,children:[_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`Open `,_jsx(_components.a,{href:`https://grok.com/connectors`,children:`grok.com/connectors`}),`.`]}),`\n`,_jsxs(_components.li,{children:[`Choose `,_jsx(_components.strong,{children:`New Connector → Custom`}),`.`]}),`\n`,_jsx(_components.li,{children:`Enter the MCP address above.`}),`\n`,_jsx(_components.li,{children:`Complete HeyGen authorization.`}),`\n`]}),_jsxs(_components.p,{children:[`See `,_jsx(_components.a,{href:`https://docs.x.ai/grok/connectors`,children:`xAI’s current connector instructions`}),` for workspace requirements.`]})]})]}),`\n`,_jsx(_components.p,{children:`Host products change their connector interfaces independently. If a menu or button is missing, check that host’s current plan and workspace permissions before treating it as a HyperFrames failure.`}),`\n`,_jsx(Heading,{level:`2`,id:`create-a-first-composition`,children:`Create a first composition`}),`\n`,_jsx(_components.p,{children:`Describe the video as you would to an editor, and name HyperFrames so the chat app uses the connector instead of\nwriting its own video code:`}),`\n`,_jsx(CodeBlock,{numberOfLines:`5`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`5`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Use HyperFrames to make a 15-second vertical product intro for a meditation app.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Audience: people who have trouble falling asleep.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Style: quiet, spacious, and warm.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Show the breathing timer and end with “Rest starts here.”`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.p,{children:`The connector proposes and builds the composition through the tools exposed in\nthat chat. Follow the returned tool result rather than expecting a specific\npreview widget: hosts present MCP output differently.`}),`\n`,_jsx(Heading,{level:`2`,id:`revise-it-conversationally`,children:`Revise it conversationally`}),`\n`,_jsx(_components.p,{children:`Continue in the same conversation:`}),`\n`,_jsx(CodeBlock,{numberOfLines:`4`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`4`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Reveal the product two seconds earlier.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Keep the current colors.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Make the captions smaller and slow down the final transition.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.p,{children:`Name the visible problem and desired outcome. Avoid restarting the full brief for every revision.`}),`\n`,_jsx(Heading,{level:`2`,id:`get-the-mp4`,children:`Get the MP4`}),`\n`,_jsx(_components.p,{children:`Each run renders an MP4 on its own when it finishes, so there is no separate export step. Ask for the download link:`}),`\n`,_jsx(CodeBlock,{numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`Send me the MP4 download link.`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsxs(_components.p,{children:[`The hosted connector renders MP4 at its default settings. To choose the frame rate, 4K, or a WebM or MOV file (for transparent overlays or another editor), make the video with the `,_jsx(_components.a,{href:`/quickstart`,children:`local skills`}),` and render it on your computer.`]}),`\n`,_jsx(_components.p,{children:`The connector renders on hosted infrastructure. Keep any composition or render\nidentifier the tool returns so you can refer to the same work in a follow-up.`}),`\n`,_jsx(_components.p,{children:`OAuth connects the server to your current HeyGen account. Plans, limits, and\nbilling can change independently of HyperFrames, so confirm them in the account\nbefore starting repeated or long renders.`}),`\n`,_jsx(Heading,{level:`2`,id:`current-limits`,children:`Current limits`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Rendering runs on HeyGen infrastructure. Use the local path when you need local rendering or self-hosting.`}),`\n`,_jsx(_components.li,{children:`The exact tool list and result presentation depend on the deployed server and the chat host.`}),`\n`,_jsx(_components.li,{children:`Hosted output does not give you the same local project folder, browser editor surface, or debugging access as the local path.`}),`\n`,_jsx(_components.li,{children:`Precise source and pixel-level editing belongs in the local project and the browser editor.`}),`\n`]}),`\n`,_jsx(Heading,{level:`2`,id:`troubleshooting`,children:`Troubleshooting`}),`\n`,_jsx(_components.p,{children:`If authorization loops:`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`confirm the production MCP address;`}),`\n`,_jsx(_components.li,{children:`disconnect and reconnect HyperFrames;`}),`\n`,_jsx(_components.li,{children:`confirm that your host plan and workspace permit the connector;`}),`\n`,_jsx(_components.li,{children:`confirm that pop-ups and the HeyGen sign-in window are not blocked.`}),`\n`]}),`\n`,_jsx(_components.p,{children:`If a create or render action stalls:`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`keep the last tool result and any identifier it returned;`}),`\n`,_jsx(_components.li,{children:`retry from a new chat if the host session has expired;`}),`\n`,_jsx(_components.li,{children:`report the prompt, expected result, actual result, host, and identifier.`}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`Use `,_jsx(_components.a,{href:`/help#share-feedback`,children:`Share feedback`}),` when the failure belongs to HyperFrames. Use the host product’s support when the connector cannot be installed or invoked at all.`]}),`\n`,_jsx(Warning,{children:_jsx(_components.p,{children:`Only connect the production HyperFrames server shown on this page. As with any external connector,\nreview the permissions and do not send secrets or private material that the destination should not\nreceive.`})}),`\n`,_jsx(Heading,{level:`2`,id:`related-topics`,children:`Related topics`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/quickstart`,children:`Make a locally editable first video`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/quickstart`,children:`Three ways to start`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/help#share-feedback`,children:`Share connector feedback`})}),`\n`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{DocsVideo,default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Create through an AI chat","description":"Use the hosted HyperFrames MCP connector to create and render without installing the local CLI.","href":"/guides/mcp"}}},"mdxSourceWithNoJs":null,"noJsSplices":[[145,10165,")=>null;function _cr"]]},"mdxExtracts":{"tableOfContents":[{"title":"Choose hosted or local","slug":"choose-hosted-or-local","depth":2,"children":[]},{"title":"Connect HyperFrames","slug":"connect-hyperframes","depth":2,"children":[]},{"title":"Create a first composition","slug":"create-a-first-composition","depth":2,"children":[]},{"title":"Revise it conversationally","slug":"revise-it-conversationally","depth":2,"children":[]},{"title":"Get the MP4","slug":"get-the-mp4","depth":2,"children":[]},{"title":"Current limits","slug":"current-limits","depth":2,"children":[]},{"title":"Troubleshooting","slug":"troubleshooting","depth":2,"children":[]},{"title":"Related topics","slug":"related-topics","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/docs.lltai.cloud/3e1dd9f13f45d886/docs-menu-label.js","/_mintlify/custom/docs.lltai.cloud/8a0fcba05bf0a907/download-attribution.js","/_mintlify/custom/docs.lltai.cloud/e197f5ee3156e18e/template-gallery.js"],"subdomain":"docs.lltai.cloud","siteName":"HyperFrames","title":"Create through an AI chat - HyperFrames","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"originalFileLocation":"guides/mcp.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Use the hosted HyperFrames MCP connector to create and render without installing the local CLI.\">\u003cmeta data-mint-head name=\"application-name\" content=\"HyperFrames\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/favicons/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicons/favicon-32x32.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicons/favicon-16x16.png\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/favicons/favicon.ico\">\u003cmeta data-mint-head property=\"og:title\" content=\"Create through an AI chat - HyperFrames\">\u003cmeta data-mint-head property=\"og:description\" content=\"Use the hosted HyperFrames MCP connector to create and render without installing the local CLI.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"HyperFrames\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://local./guides/mcp\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"http://docs.lltai.cloud/_mintlify/og/guides/mcp.png\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Create through an AI chat - HyperFrames\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Use the hosted HyperFrames MCP connector to create and render without installing the local CLI.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"http://docs.lltai.cloud/_mintlify/og/guides/mcp.png\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/favicons/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"HyperFrames\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#181716\">\u003clink data-mint-head rel=\"canonical\" href=\"https://local./guides/mcp\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/guides/mcp.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"HyperFrames\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"HyperFrames\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/guides/mcp.md","siteName":"HyperFrames","nav":{"tabs":[{"tab":"Docs","icon":"book-open","menu":[{"item":"Make a video","icon":"book-open","description":"Guides by kind of video","groups":[{"group":"Start here","pages":[{"title":"What is HyperFrames?","sidebarTitle":"What HyperFrames is","href":"/introduction"},{"title":"Make your first video","href":"/quickstart"},{"title":"Inspiration","href":"/examples"},{"title":"HyperFrames FAQ","sidebarTitle":"FAQ","href":"/faq"}]},{"group":"Make a video","pages":[{"title":"What do you want to make?","sidebarTitle":"What to make","href":"/workflows"},{"title":"Make a product launch video with AI","sidebarTitle":"Product launch","href":"/guides/product-launch-video"},{"title":"Make an explainer video with AI","sidebarTitle":"Explainer","href":"/guides/faceless-explainer"},{"title":"Make motion graphics with AI","sidebarTitle":"Motion graphics","href":"/guides/motion-graphics"},{"title":"Add captions to a video with AI","sidebarTitle":"Captions","href":"/guides/captions-and-recuts"},{"title":"Make a music video or lyric video","sidebarTitle":"Music or lyric video","href":"/guides/music-to-video"},{"title":"Turn data into an animated video","sidebarTitle":"Data and maps","href":"/prompting/data-and-maps"},{"title":"Add an AI avatar presenter to a video","sidebarTitle":"Avatar presenter","href":"/guides/avatar-presenter"},{"title":"Turn a GitHub PR into a video","sidebarTitle":"PR to video","href":"/guides/pr-to-video"},{"title":"Make an interactive presentation with AI","sidebarTitle":"Presentation","href":"/guides/slideshow"},{"title":"Make any other video","sidebarTitle":"Any other video","href":"/guides/general-video"}]},{"group":"Use it with your agent","pages":[{"title":"Make videos with Claude Code","sidebarTitle":"Claude Code","href":"/guides/with-claude-code"},{"title":"Make videos with Codex","sidebarTitle":"Codex","href":"/guides/with-codex"},{"title":"Make videos with Cursor","description":"Install the HyperFrames skills in Cursor, ask its agent for a video in plain words, then preview and render it to MP4 on your computer.","sidebarTitle":"Cursor","href":"/guides/with-cursor"},{"title":"Create through an AI chat","href":"/guides/mcp"},{"title":"Make videos with a free agent","description":"HyperFrames is free; the agent is the only cost. Use OpenCode's free models in the Studio app, or a model on your own computer, and see how open models score.","sidebarTitle":"Free agents","href":"/guides/free-agents"},{"title":"Install and update agent skills","sidebarTitle":"Agent skills","href":"/guides/skills"},{"title":"Install the HyperFrames plugin","sidebarTitle":"Agent plugins","href":"/guides/plugins"},{"title":"Bring in a design: Figma, Claude Design, Open Design","sidebarTitle":"Bring in a design","href":"/guides/design-tools"}]},{"group":"Compare","pages":[{"title":"HyperFrames vs Remotion","sidebarTitle":"vs Remotion","href":"/guides/hyperframes-vs-remotion"},{"title":"Move from Remotion to HyperFrames","sidebarTitle":"Move from Remotion","href":"/prompting/remotion-migration"}]},{"group":"Tips for better videos","pages":[{"title":"Ask for a great video","href":"/prompting/overview"},{"title":"Ask for smooth motion and transitions","sidebarTitle":"Motion and transitions","href":"/prompting/motion"},{"title":"Add voice, music and sound","sidebarTitle":"Voice, music and sound","href":"/prompting/media-and-audio"},{"title":"Text, captions and code on screen","sidebarTitle":"Text, captions and code","href":"/prompting/captions-catalog"},{"title":"Colour, effects, 3D and generated art","sidebarTitle":"Colour, effects and 3D","href":"/prompting/color-grading"},{"title":"Brand, templates and storyboards","sidebarTitle":"Brand and templates","href":"/prompting/design-systems"},{"group":"More prompt topics","pages":[{"title":"Verified example prompts","href":"/prompting/examples"},{"title":"Editing existing videos","href":"/prompting/editing-existing-videos"},{"title":"Recreating something you saw","href":"/prompting/recreating-references"},{"title":"A full film, prompt by prompt","href":"/prompting/capstone"}]}]},{"group":"Images, sound and footage","pages":[{"title":"Work with media","sidebarTitle":"Overview","href":"/guides/media"},{"title":"Add images and video clips","sidebarTitle":"Images and video","href":"/guides/video-components"},{"title":"Add voiceover, music, sound effects and captions","sidebarTitle":"Voice, music and captions","href":"/guides/voice-and-audio"},{"title":"Remove a video background","sidebarTitle":"Remove background","href":"/guides/remove-background"},{"title":"Add effects to images and video","sidebarTitle":"Video effects","href":"/guides/media-effects"},{"title":"Render a video to MP4","sidebarTitle":"Render","href":"/guides/export-and-share"}]},{"group":"Browser editor","pages":[{"title":"Edit in the browser editor","sidebarTitle":"Browser editor","href":"/studio/index"},{"title":"Edit on the canvas","sidebarTitle":"Canvas, motion and code","href":"/studio/canvas"},{"title":"Edit timing on the timeline","href":"/studio/timeline"},{"title":"Mix audio","sidebarTitle":"Audio","href":"/studio/audio-effects"},{"title":"Captions, assets and variables","sidebarTitle":"Captions, assets and variables","href":"/studio/assets-and-blocks"},{"title":"Export and slideshows","sidebarTitle":"Export and slideshows","href":"/studio/export"}]},{"group":"Help and updates","pages":[{"title":"Troubleshooting","sidebarTitle":"Troubleshooting","href":"/help"},{"title":"30 Days of HyperFrames","sidebarTitle":"30 Days of HyperFrames","href":"/thirty-days"},{"title":"Product updates","href":"/product-updates"},{"title":"Weekly updates","href":"/weekly-updates"},{"title":"Changelog","href":"/changelog"}]}]},{"item":"Studio app","icon":"laptop","description":"The desktop app","pages":[{"title":"Studio app","href":"/studio-app"}]},{"item":"Developers","icon":"code","description":"CLI, SDK and reference","pages":[{"title":"Developers","href":"/developers/overview"}]},{"item":"Free lessons","icon":"graduation-cap","description":"A free video course","href":"https://hyperframes.heygen.com/lessons"},{"item":"Community","icon":"users","description":"Videos people made","href":"https://hyperframes.studio/?view=community\u0026src=docs-navbar"},{"item":"App changelog","icon":"sparkles","description":"What's new in the app","href":"https://hyperframes.studio/changelog?src=docs-navbar"}]},{"tab":"Catalog","icon":"grid-2","pages":[{"title":"Catalog","href":"/catalog"}]}]},"basePath":"","title":"Create through an AI chat - HyperFrames","buildId":"44983560cdbd","dynamics":[],"chunks":[]}