docs(guides): add Claude Design → Send to HyperFrames single-file import guide#2131
Open
somanshreddy wants to merge 1 commit into
Open
docs(guides): add Claude Design → Send to HyperFrames single-file import guide#2131somanshreddy wants to merge 1 commit into
somanshreddy wants to merge 1 commit into
Conversation
…ort guide Self-contained authoring guide for the 'Send to HyperFrames' MCP import path (distinct from the download-ZIP flow): single self-contained HTML wire format, the composition contract the importer validates, inline-brand-assets fidelity rules (base64 data: URIs), no bundled/splash artifacts, keep-the-original-as- reference, a complete worked skeleton, the animation-pattern catalog, and determinism rules. Reviewed for technical accuracy against a known-good imported+rendered composition. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
Preview deployment for your docs. Learn more about Mintlify Previews.
💡 Tip: Enable Workflows to automatically generate PRs for you. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a self-contained authoring guide for the "Send to HyperFrames" import path — where a Claude Design composition is sent to HeyGen as a single HTML file, imported into a hosted project, and rendered in the cloud. This is a different workflow from the existing
claude-design-hyperframes.md(download-ZIP + local-CLI-render), so it's a separate guide rather than edits to that one.Why a new guide
The Send-to path differs from download-ZIP on every axis: one self-contained HTML (not a ZIP), assets inlined as
data:URIs (no siblingfonts/tree), enhanced in HyperFrames + cloud-rendered (not local Claude Code + CLI). One doc can't teach both without contradiction — most starkly, Send-to inverts the "base64 media → use a file reference" rule into "inline everything asdata:URIs."What it covers
HyperShader.init+autoAlphatoggles +window.__timelinesregistration)It is intentionally fully self-contained (no external doc references), because the authoring agent may not reliably fetch a second URL.
Validation
Reviewed for technical accuracy and internal consistency against a known-good composition that was actually imported and rendered to a correct MP4 — verified the contract, the scene tiling (0-8s), the shader-window math, the anchor/non-anchor visibility rules, and that every catalog tween fits its scene window.
🤖 Generated with Claude Code