Works with the AI tools you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIGitHub CopilotGitHub CopilotGemini CLIGemini CLI+20 more

    Nex Wobble Office 3d Agents

    5

    Generate a production-ready 3D virtual office for AI agents using Next.js and React Three Fiber.

    $7

    Secure checkout via Stripe

    30-day refund guarantee

    Converts to your local currency at checkout

    0 installsSecurity scanned
    nex-wobble-office-3d-agents

    nex-wobble-office-3d-agents

    Example session with this skill installed

    Build me a 3D virtual office for 4 agents with specific zones for 'Dev' and 'Testing', optimized for a Raspberry Pi deployment.

    • Read your context and instructions
    • Compiled the nex-wobble-office-3d-agents

    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.

    Connects securely to your tools. The creator never sees your data.

    What you get

    Visualize multi-agent swarms in a spatial 3D workplace environmentImplement procedural bone-level animations for rigged GLB charactersDeploy a 3D agent dashboard to a Raspberry Pi with optimized performance settingsManage agent status and movement via a centralized Zustand state store

    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

    Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.

    ~30 seconds
    1. 1

      Download the ZIP

      Free skills download straight away. Paid skills unlock right after purchase.

    2. 2

      Unzip into your skills folder

      Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.

    3. 3

      Ask your agent to use it

      Restart the agent if it was already running. It picks the skill up automatically - no config needed.

    Skills folder by agent

    Click the path to copy it. Create the folder if it does not exist yet.

    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 1 month ago

    • Passed all security checks, Safe to install

    Listed3 months ago
    Updated1 month ago

    What's inside

    Frequently Asked Questions