benitodu72000-arch/ai-office

Explore um escritório 3D em miniatura onde agentes de IA trabalham, andam, conversam e realizam reuniões em um aplicativo React e Three.js.

O que é ai-office?

Este projeto cria uma simulação imersiva de um escritório corporativo em miniatura dentro de um ambiente 3D, utilizando React e Three.js para renderização gráfica. Nele, agentes de IA são representados visualmente como personagens autônomos que podem se movimentar pelo espaço, interagir entre si e participar de reuniões simuladas. É ideal para desenvolvedores que desejam explorar conceitos de agentes multi-IA com representação espacial, oferecendo uma base para visualização de comportamentos coletivos ou cooperação entre agentes. Suporta navegadores modernos e pode ser estendido com lógicas de agente personalizadas.

Funciona com~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add benitodu72000-arch/ai-office

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que ai-office faz?

Explore um escritório 3D em miniatura onde agentes de IA trabalham, andam, conversam e realizam reuniões em um aplicativo React e Three.js.

Visão Geral

Este projeto demonstra a integração de agentes de IA em um ambiente 3D interativo, criando uma experiência visual de um escritório corporativo. Os agentes são renderizados como figuras humanoides simples que podem se mover pelo cenário, interagir com objetos e entre si, simulando atividades cotidianas de escritório.

Funcionalidades

  • Renderização 3D com Three.js e React Three Fiber
  • Agentes autônomos que andam pelo escritório
  • Simulação de reuniões entre agentes
  • Interação visual com o ambiente (estações de trabalho, salas de reunião)
  • Controles de câmera para explorar a cena de diferentes ângulos

Tecnologias

  • React
  • Three.js (via React Three Fiber)
  • TypeScript

Como Executar

npm install
npm run dev

Abra http://localhost:5173 no seu navegador.

Estrutura do Projeto

  • src/components/ - Componentes React e lógica de agentes
  • src/scenes/ - Configuração da cena 3D
  • src/agents/ - Definições dos agentes de IA
  • public/ - Recursos estáticos

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou pull requests.

Habilidades Relacionadas