企业官网建设流程全解析

一条命令装进 394 个现成视频组件：HyperFrames hyperframes add 快速教程

【免费下载链接】hyperframesWrite HTML. Render video. Built for agents.项目地址: https://gitcode.com/GitHub_Trending/hy/hyperframes

手写一个动态图表场景要半天，hyperframes add />

目录里目前有 394 个条目：164 个 Block（独立场景，自带尺寸、时长和时间线）和 222 个 Component（特效片段，粘贴进现有场景）。不用账号，不用 clone。

省掉 3 步手工活

一条命令省下的是三类活：

3 条命令，5 分钟到预览

npx hyperframes init my-video && cd my-video npx hyperframes add>npx hyperframes catalog --query "reveal a headline one line at a time" npx hyperframes catalog --type block --tag social

第一条是本地语义排序、不向外发请求；第二条按类型和标签筛选。查询一律用英文——目录是英文编写的，但屏显文案可以写任何语言。搜到名字再npx hyperframes add <name>安装；如果参数匹配不到具体条目、却命中一个标签，就批量安装该标签下的全部 Block，比如npx hyperframes add captions一次配齐所有字幕区块。下面这张地图动画就是目录里--type block能筛到的现成场景：

5 个容易踩的坑

• 离线装不上→ 只有清单有本地缓存，组件文件没有；离线能搜索、不能安装。
• 提示 "kept" 的文件→ 默认保留你装后改过的文件，确认要新版就加--force重装。
• 想装完整示例项目→add只收 Block 和 Component，示例用npx hyperframes init <dir> --example <name>。
• 想要别的目录布局→ 改项目hyperframes.json里的paths.blocks/paths.components，安装路径自动重映射。
• 搜索没结果→ 多半是查询没用英文；完整搜索规则见 SKILL.md。

跑一句npx hyperframes render --output output.mp4，确认粘好的片段真的进了视频，这条"搜索 → 安装 → 渲染验证"的链路就算打通了；lint、check、snapshot、publish 等后续命令在 docs/developers/cli.mdx 里查。

【免费下载链接】hyperframesWrite HTML. Render video. Built for agents.项目地址: https://gitcode.com/GitHub_Trending/hy/hyperframes