Home / Stacks / Immersive & Spatial Web
🥽

Immersive & Spatial Web

Build AR, VR, and spatial experiences — WebXR sessions and hand tracking in the browser, ARKit and RealityKit on Apple visionOS, and 3D scenes with Three.js and WebGL

5 skills · Works with Claude Code, Codex, Cursor & more

🌐 Community
COMMON

WebXR Immersive

Build web-based AR and VR with the WebXR Device API. Access XR sessions and reference spaces directly from the browser, handle controllers and hand input, and render immersive scenes that run on headsets and phones without an app install.

diegosouzapw 950
Scanned
webxr ar vr
mkdir -p ~/.claude/skills/webxr && curl -fsSL https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/HEAD/skills/development/webxr/SKILL.md -o ~/.claude/skills/webxr/SKILL.md
🌐 Community
COMMON

ARKit for visionOS

Build and debug ARKit features for Apple visionOS. Covers ARKitSession setup and authorization, data providers for world tracking, plane detection, scene reconstruction, and hand tracking, anchor processing, and RealityKit integration in immersive spaces.

diegosouzapw 800
Scanned
arkit visionos spatial-computing
mkdir -p ~/.claude/skills/arkit-visionos && curl -fsSL https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/HEAD/skills/tools/arkit-visionos-developer/SKILL.md -o ~/.claude/skills/arkit-visionos/SKILL.md
🌐 Community
RARE

Three.js Scenes & Shaders

Build production-quality vanilla Three.js scenes (no R3F) — voxel worlds, procedural geometry, instancing/BatchedMesh, particle systems, and GLSL shader effects (bloom, god rays, depth of field, glitch). Includes EffectComposer post-processing and draw-call optimization.

tuomashatakka 1.1K
Scanned
threejs glsl shaders
mkdir -p ~/.claude/skills/threejs-scenes && curl -fsSL https://raw.githubusercontent.com/tuomashatakka/threejs-scenes-skill/HEAD/skill/SKILL.md -o ~/.claude/skills/threejs-scenes/SKILL.md
🌐 Community
RARE

Three.js & WebGL

Build interactive 3D web experiences with Three.js. Set up scenes, cameras, meshes, materials, lights, and animations; handle textures and loaders; and optimize WebGL/WebGPU rendering for product configurators, data viz, and immersive sites.

freshtechbro 2.4K
Scanned
threejs webgl 3d
mkdir -p ~/.claude/skills/threejs-webgl && curl -fsSL https://raw.githubusercontent.com/freshtechbro/claudedesignskills/HEAD/.claude/skills/threejs-webgl/SKILL.md -o ~/.claude/skills/threejs-webgl/SKILL.md
🌐 Community
COMMON

Web Game Development

Design, optimize, and deploy modern browser-based games and game-like web apps. Step-by-step guidance on game loops, input, rendering choices, asset pipelines, and shipping playable builds to the web.

Loxia-ai 900
Scanned
gamedev browser canvas
mkdir -p ~/.claude/skills/web-game-dev && curl -fsSL https://raw.githubusercontent.com/Loxia-ai/onbuzz-community/HEAD/skills/web-game-dev/skill.md -o ~/.claude/skills/web-game-dev/SKILL.md

More Stacks

🤝

Agent Engineering Kit

Engineer reliable AI agents — build on the Claude Agent SDK, coordinate teams with multi-agent patterns, give them memory, and keep them safe with mechanical guardrails and evaluation
🕹️

AI Agent Frameworks

Pick the right framework and ship agents fast — type-safe Python with Pydantic AI, multi-agent orchestration with OpenAI Agents SDK, Agno, and CrewAI, TypeScript graphs with LangGraph.js, and typed workflows with Mastra
🤖

AI Builder Stack

Build AI-powered applications with RAG, multi-agent systems, prompt engineering, and MCP integrations

View all stacks →

Added to wishlist