Communitygithub.com

Nweremizu/quiro

Quiro 是一款基于 Electron、React、TypeScript、PixiJS 和 FFmpeg 构建的桌面屏幕录制与编辑应用,适用于产品演示、教程、社交片段及内部视频等场景。

quiro 是什么?

Quiro 是一款专为开发者与内容创作者设计的桌面端屏幕录制与编辑应用,基于 Electron、React、TypeScript、PixiJS 和 FFmpeg 构建。它超越了单纯的屏幕捕捉,提供丰富的视频编辑功能,如实时标注、特效叠加、时间轴剪辑等,帮助用户快速制作高质量的产品演示、教程、社交短视频或内部培训材料。支持 macOS、Windows 和 Linux 平台。通过 PixiJS 实现高性能图形渲染,FFmpeg 提供强大的编码能力,确保输出流畅且文件体积可控。其核心工作流程为:用户选择录制区域,实时捕获屏幕内容,随后在内置编辑器中添加注释、过渡效果或裁剪片段,最终导出为多种格式。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add Nweremizu/quiro

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

quiro 是做什么的?

Quiro 是一款基于 Electron、React、TypeScript、PixiJS 和 FFmpeg 构建的桌面屏幕录制与编辑应用。它适用于产品演示、软件导览、教程制作、社交短视频以及内部视频场景——当原始屏幕录制不足以满足需求时,Quiro 能提供更强大的编辑能力。

特性

  • 屏幕录制:支持全屏、区域或窗口录制,可配置帧率与分辨率。
  • 视频编辑:内置时间轴编辑器,支持剪切、拼接、添加注释、形状、文本或图像叠加。
  • 实时预览:录制过程中可实时预览效果,并暂停或恢复录制。
  • 高性能渲染:利用 PixiJS 实现基于 WebGL 的图形加速,确保流畅交互。
  • 多格式导出:借助 FFmpeg 支持导出为 MP4、WebM、GIF 等常用格式,并可自定义编码参数。
  • 跨平台:可在 macOS、Windows 和 Linux 上运行。

开始使用

系统要求

  • Node.js 18+ 和 npm/yarn
  • Git
  • FFmpeg 已安装并添加到系统 PATH(可选,用于高级编码)

安装

# 克隆仓库
git clone https://github.com/Nweremizu/quiro.git
cd quiro

# 安装依赖
npm install

# 启动开发环境
npm run dev

构建发布版本

npm run build

输出文件位于 release/ 目录下。

用法

  1. 运行应用后,选择录制模式(全屏 / 区域 / 窗口)。
  2. 点击“开始录制”按钮,倒计时后开始捕捉。
  3. 录制期间可使用悬浮工具栏进行标注或暂停。
  4. 停止录制后,自动打开编辑器。
  5. 在时间轴上拖拽片段、添加层叠效果或文本。
  6. 点击“导出”选择格式和输出路径。

技术栈

  • 前端框架:React + TypeScript
  • 图形引擎:PixiJS
  • 桌面外壳:Electron
  • 视频处理:FFmpeg(通过 fluent-ffmpeg 调用)
  • 状态管理:Zustand
  • 样式:Tailwind CSS

许可证

MIT

贡献

欢迎提交 Issue 或 Pull Request。请确保代码符合 TypeScript 严格模式,并通过现有测试。

相关技能