TanStack
Featured
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.
AI repository intelligence
FR-AI / ANALYSISWhy it is worth attention
It offers a simple, extensible architecture for integrating an animated office interface with external action systems via HTTP polling, making it easy to prototype and demonstrate interactive office scenarios.
Who it is for
- Frontend developers exploring real-time UI integration with external services
- Prototype designers building virtual office or team interaction demos
- Developers interested in AI-based or event-driven office simulations
Use cases
- Demonstrating a virtual office where employees perform actions based on external commands
- Prototyping a system for simulating desk visits or employee status updates
- Visual testing of action sequences in a reactive office environment
Strengths
- Quick to set up and run with a single command (npm install && npm run dev)
- Provides a built-in HTTP action gateway and polling mechanism for real-time action execution
- Includes clear example payloads for common office actions (desk visit, status change)
Considerations
- Most UI elements (buttons) are non-functional; only clicking a character shows a menu
- Assets may have copyright issues, as noted in the README
- No authentication, security, or production readiness measures are provided
README quick start
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": "整理市场情报…"
}
联系我
如需交流或合作，可以扫码
Related repositories
Similar projects matched by category, topics, and programming language.
vercel-labs
Featured
scriptc
scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.
Jakubantalik
Featured
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.