Skip to content

セクハック表現'24

VIBE ARCHITECT AIが「バイブス」を指示し、人間が3Dボクセルで建築するゲーム。普段は人間→AIの関係を逆転させ、120秒で感性を試される。Gemini 2.5 Flashが出題・採点の両方を担当。 スコアリングエンジンをnpmパッケージ(microvoxel-5)として公開済み。VibeVectorで「雰囲気の類似度」を数値化できるのが新規性。アプリ側はwebアプリとして実装．react-three-fiberを利用して

Code Video Cerebral Valley

Core trick

Gemini generates a hidden voxel sculpture and scores the player's build against it via VibeVector similarity from the microvoxel-5 npm package.

Tags

creative/musicagents

Description

VIBE ARCHITECT AIが「バイブス」を指示し、人間が3Dボクセルで建築するゲーム。普段は人間→AIの関係を逆転させ、120秒で感性を試される。Gemini 2.5 Flashが出題・採点の両方を担当。 スコアリングエンジンをnpmパッケージ(microvoxel-5)として公開済み。VibeVectorで「雰囲気の類似度」を数値化できるのが新規性。アプリ側はwebアプリとして実装．react-three-fiberを利用している． GitHubのRepositoryはアプリ側と，ライブラリ側の両方を入れています． アプリはトークンをユーザーに入れてもらう形で公開済み． https://gemini-vibe-architect.pages.dev/ ライブラリはNPMパッケージとして公開済みです． https://www.npmjs.com/package/microvoxel-5
Soynyuu/gemini3-hackation-tokyo★ 10 forksTypeScriptCreated Feb 21, 2026 · last push Mar 30, 2026

README excerpt

# Vibe Architect

**LLM → Human communication through 3D voxels.**

Vibe Architect inverts the typical AI interaction model. Instead of humans struggling to verbalise vague aesthetics for an LLM, the LLM expresses an abstract "vibe" as a hidden 3D voxel sculpture — and humans interpret it through building.

Built for Gemini 3 Hackathon Tokyo.

## Packages

| Package | Description | Public |
|---------|-------------|--------|
| [microvoxel-5](https://www.npmjs.com/package/microvoxel-5) | Voxel scoring & VibeVector analysis | npm |
| `web` | Vibe Architect game client (React + Three.js) | No |

## Quick Start

**Live Demo**: https://gemini-vibe-architect.pages.dev

1. 上記URLにアクセスします
2. タイトル画面で **Gemini API Key** を入力します（キーはブラウザの `localStorage` にのみ保存されます）
3. 「接続を開始する」ボタンを押すと、Gemini がランダムなお題（バイブス）と構造を生成します
4. 制限時間内にお題に沿った3D構造を構築してください
5. 終了後、Gemini Pro Vision があなたの作品を視覚的に解析し、適合スコアとフィードバックを提供します

### Local Development

```bash
cd web
bun install
bun dev
```

### Deploy (Cloudflare Pages)

```bash
bun run build
bunx wrangler pages deploy dist --project-name gemini-vibe-architect
```

## Concept

```
┌─────────────────┐     vibe_prompt      ┌─────────────────┐
│   Gemini LLM    │ ──────────────────→  │   Human Player  │
│   (Director)    │   abstract text hint  │   (Builder)     │
│                 │                       │                 │
│  Hidden plan:   │                       │  Builds voxels  │
│  voxels + vibe  │                       │  on 5×5×5 grid  │
└────────┬────────┘

Team