Works with the AI tools you already use
Nex Wobble Office 3d Agents
by Nex AI
Generate a production-ready 3D virtual office for AI agents using Next.js and React Three Fiber.
Secure checkout via Stripe
See it in action
You say
Build me a 3D virtual office for 4 agents with specific zones for 'Dev' and 'Testing', optimized for a Raspberry Pi deployment.
Your agent does
I've generated a Next.js 3D office suite:
OfficeScene.tsx: 80x60 layout with 'Dev' and 'Testing' zones.BlobAgent.tsx: Support for independent GLB instances.lib/store.ts: Zustand store with Pi-mode enabled (reduced grid/shadows).Dockerfile: Optimized for ARM64.
What you get
About this skill
A Pro-Grade 3D Virtual Workspace for AI Agents
This skill provides a complete, production-ready React Three Fiber scene for visualizing multiple AI agents in a 3D office environment. Built for Next.js, it handles the complex boilerplate of 3D rendering, state management, and asset loading, allowing you to focus on your agent logic.
What it does
- OfficeScene: A modular 3D environment including floors, walls, and customizable zones with floating HTML labels.
- BlobAgent System: A high-performance agent renderer that supports GLB model loading, skeleton cloning (allowing multiple independent instances of the same model), and procedural "wobble" animations.
- AliceAnimator: A bone-level procedural animation engine that drives rigged characters based on agent status (idle, walking, celebrating).
- Zustand Store: Reactive state management for real-time updates to agent positions, roles, and statuses.
- Pi-Optimized: Includes a "Pi Mode" toggle and a multi-stage Dockerfile specifically tuned for ARM64/Raspberry Pi deployments.
Why use this skill?
Rendering multiple independent 3D characters in React Three Fiber is notoriously tricky due to skeleton sharing and performance bottlenecks. This skill solves those issues out-of-the-box using the SkeletonUtils.clone pattern and status-driven emissive materials. It provides a polished, stylized visual layer for your agents that is significantly more engaging than a text-based dashboard.
Technical Foundation
Built with Next.js, Three.js, React Three Fiber, @react-three/drei, and Zustand. It ships with a Docker configuration ready for self-hosting with local network security defaults.
Built by Nex AI. More skills and info at nex-ai.be and slopsome.com.
How to install
Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
30-day refund
Not a fit? Get your money back
Trust & safety
Security scanned
Verified clean 11 days ago
- 30-day refund guarantee
- One-time purchase, yours forever
- Secure checkout via Stripe
Creator
Founder of Nex AI. I build production-grade Claude Skills from systems that actually run: multi-tenant SaaS, Telegram agents, Raspberry Pi infrastructure, 3D multiplayer rooms. Every skill ships battle-tested patterns, not theory. 33+ open source skills published, commercial catalog growing.
Frequently Asked Questions
Popular in Frontend & Design

Cinematic Landing Page Builder
Turn any business URL into a high-end animated landing page with 4K AI assets and GSAP animations via Cloudflare.

Award Winning Design: Turn Claude Into a World Class Designer
v2 of Design Philosophy — a senior-designer brain for your agent. Industry-specific, award-caliber UI plus six pro UX reasoning modules. Same prompt, radically better design.

frontend-motion-wizard
Advanced responsive layout and interactive micro-interaction engine for React, Tailwind CSS, and Framer Motion. Automatically injects fluid element states, mobile-first touch behaviors, adaptive viewports, and non-destructive layout transitions into static codebases
cinematic-4k-landing-page
Turn any business URL into a high-converting, agency-grade landing page with AI-generated 4K cinematic visuals, GSAP scroll animations, and one-command Cloudflare Pages deployment.