wikis / HyperFrames / wiki / syntheses / authoring-checklist.md view as markdown
HyperFrames Authoring Checklist
Comparison
| Stage | Checks |
|---|---|
| Source inspection | Confirm URL/repo/assets, extract real copy, colors, claims, examples, and CTAs. |
| Design plan | Write duration, aspect ratio, scene beats, visual identity, and one or two hero effects. |
| HTML composition | Root composition has id/size; visible timed layers have clip/timing/track metadata. |
| Animation | GSAP or runtime timelines are seekable, paused/registered as required, and deterministic. |
| Assets | Local paths are correct; no render-critical network dependencies or live iframes. |
| Validation | Run lint, validate, inspect; fix errors and understand warnings. |
| Render | Render final MP4/WebM/MOV only after preview/checks pass. |
Analysis
Most failures are preventable if the agent treats HyperFrames as code rather than a visual editor. The key loop is inspect -> author -> check -> preview -> revise -> render.
Recommendations
- Always run
npm run checkin project repos that define it. - Treat contrast/layout warnings as quality issues for social video, not just accessibility trivia.
- Keep one canonical source of truth for timing; do not mix free-running animation with render-time seeking.