cyberneticlibrary
← library

Scaffold and debug HyperFrames projects

hyperframes-cliskillsetup L2★0
Sheshiyer/skill-clusters ↗
What it does

Scaffold, lint, and render video compositions

Best for

When scaffolding, linting, previewing, or rendering HTML video compositions for final delivery

Inputs
  • · Project name, media files, configuration parameters
Outputs
  • · MP4/WebM video file, lint report, visual inspection results
Requires
  • · Node.js >= 22
  • · FFmpeg
  • · npm/pnpm/yarn
Preconditions
  • · Node.js >= 22 installed
  • · FFmpeg available in PATH
  • · Project structure initialized with templates
Failure modes
  • · Missing data-composition-id on elements
  • · Text overflow detected during inspect
  • · FFmpeg missing or incompatible version
  • · Invalid Tailwind configuration in scaffold
  • · Timeline track overlap errors
Trust signals
  • · Template library (blank, warm-grain, play-mode, swiss-grid, vignelli, decision-tree, kinetic-type, product-promo, nyt-graph)
  • · Visual inspection catches text overflow at runtime
  • · Transcription integrated with init