AI Office React 是一个独立的虚拟办公室前端原型,通过外部 HTTP 命令驱动员工动作,并提供视觉反馈。

Stars

114

7 天增长

暂无数据

Fork 数

44

开放 Issue

0

开源协议

MIT

最近更新

2026-07-16

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它通过 HTTP 轮询可轻松将动画办公室界面与外部动作系统集成,为演示和原型设计交互式办公室场景提供了简洁可扩展的架构。

适合谁使用

  • 探索 UI 与外部服务实时集成的前端开发者
  • 构建虚拟办公室或团队交互原型的设计师
  • 对基于 AI 或事件驱动的办公室模拟感兴趣的开发者

典型使用场景

  • 演示外部命令驱动员工动作的虚拟办公室
  • 原型设计工位拜访或员工状态更新的模拟系统
  • 在反应式办公室环境中对动作序列进行可视化测试

项目优势

  • 一条命令即可快速启动运行(npm install && npm run dev)
  • 内置 HTTP 动作网关和轮询机制,实现实时动作执行
  • 提供清晰的示例消息体,涵盖常见的办公室动作(工位拜访、状态变更)

使用前须知

  • 大部分按钮无功能,仅点击小人弹出菜单
  • 素材可能涉及版权问题(README 中已注明)
  • 未提供认证、安全或生产级部署措施

README 快速开始

AI Office React

独立版 AI 办公室前端项目, Vite + React 应用直接运行

点击小人会有菜单弹出,其他按钮没有功能,不要惊讶,样式只是给你们参考的

注意素材版权问题!

运行

npm install
npm run dev

默认使用 HTTP 驱动员工动作。npm run dev 会同时启动:

  • Vite 前端
  • HTTP Action Gateway

默认动作入口为:

http://localhost:8765/actions

外部系统向该地址 POST 动作,前端会通过 HTTP 轮询取走并执行。

如需指定前端轮询地址:

VITE_OFFICE_HTTP_ACTIONS_URL=http://localhost:8765/actions npm run dev

如需单独启动动作网关:

npm run action-gateway

如需修改动作网关端口:

OFFICE_ACTION_GATEWAY_PORT=8766 npm run action-gateway

HTTP 消息

单次工位拜访:

curl -X POST http://localhost:8765/actions \
  -H 'Content-Type: application/json' \
  -d '{"type":"desk_visit","visitor":1,"host":5,"message":"这件事交给你了。"}'

消息体示例:

{
  "type": "desk_visit",
  "visitor": 1,
  "host": 5,
  "message": "这件事交给你了。"
}

连续拜访多个工位:

{
  "type": "desk_visit_tour",
  "visitor": 1,
  "hosts": [2, 3, 4],
  "message": "请接手下一步。"
}

设置员工状态:

{
  "type": "set_state",
  "rosterNo": 1,
  "state": "working",
  "task": "整理市场情报…"
}

联系我

如需交流或合作,可以扫码

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

TanStack
精选
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web 开发前端框架
14,861
vercel-labs
精选
vercel-labs GitHub avatar

scriptc

scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.

开发者工具代码质量与构建
1,985
Jakubantalik
精选
Jakubantalik GitHub avatar

thinking-orbs

A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.

AI 与机器学习AI 智能体
1,191