What problem does it solve? Finding, installing, and correctly wiring reusable motion blocks and effect components into HyperFrames video compositions involves many CLI flags, path conventions, and wiring attributes that are easy to get wrong, and this Skill encodes the full workflow so installs and integrations succeed on the first attempt. ## Core Features & Use Cases - Discovery and install: Search the catalog by intent with hyperframes catalog --query, filter by type or tag, and install items with hyperframes add, including tag-based bulk installs and JSON output for CI. - Wiring guidance: Wire blocks into a host composition via data-composition-src with the required data-composition-id, data-start, data-duration, and data-track-index attributes, or merge component snippets (HTML, CSS, JS, timeline calls) into an existing composition. - Contributing upstream: Follow the idea → scaffold → build → validate → preview → ship workflow to author a new block or component, including templates, the monochrome placeholder-material rules, and the component quality bar. - Use Case: While building a product demo video, ask for an animated chart beside the speaker footage; the Skill runs hyperframes add data-chart, wires it into index.html at the right timestamp and track, then lints and previews the result. ## Quick Start Ask the agent to search the HyperFrames catalog for the effect you need and install and wire the best match into your composition's index.html.
