AI Alignment Sphere
Project Overview
Alignment Sphere is a premium 3D visualization platform that maps the relationship between Human intention and AI behavior. It transforms abstract alignment data into a living, high-performance fluid 3-dimensional space.
✨ Key Features
🌌 Neural Visualization
AI alignment states are represented by a dynamic, pulsing fluid 3D sphere.
🧠 In-Browser SLM Observer
Powered by WebLLM, the “Observer” analyzes chat history locally on your machine—no data ever leaves your browser.
- Privacy First: Analysis runs on Gemma-2b within the browser environment.
- Contextual Awareness: Generates a “Conversation Dossier” to track hot-spots, ratio of friction, and alignment trends.
- Smart Recommendations: Receives actionable, state-specific psychological advice to improve human-AI resonance.
⚡ Performance & Persistence
- WebGPU Ready: High-performance rendering powered by Threlte and Three.js.
- Reliable History: Chat history and alignment analysis are persisted locally via IndexedDB.
- Modern Svelte 5 Architecture: Built with Svelte 5 Runes for ultra-responsive reactivity.
🛠 Tech Stack
- Framework: SvelteKit 2 (Svelte 5 Runes/Mixed Mode)
- 3D Engine: Threlte 8 / Three.js
- Local AI: @mlc-ai/web-llm (Utilizing GPU acceleration)
- Database: idb (IndexedDB Wrapper)
- Styling: Vanilla CSS + TailwindCSS
Prerequisites
- Node.js: v22+
- Browser: A modern browser with WebGPU support (e.g., Chrome 113+, Edge 113+).
- GPU: The local LLM requires a compatible GPU (Metal/Vulkan/DirectX).
The sphere's chaos level, color palette, and visual stability react in real-time to the context of your conversation.
Materials & Infrastructure
- Role
- Creative Architect
- Framework
- Svelte 5 Runes/Mixed Mode
- Styling
- Vanilla CSS + TailwindCSS
- Motion
- Threlte 8 + Three.js
- Data
- IndexedDB