3D Web Experience

Name: 3d-web-experience
Author: ranbot-ai

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing dep

★ 6 Synced 1 hour ago View SKILL.md

At a glance

Design Manual install Node.js Actively maintained

This skill is for Design and helps you build interactive 3d web experiences, create 3d product configurators, and develop immersive website scenes.

Install

git clone --depth 1 https://github.com/ranbot-ai/awesome-skills
cp -r awesome-skills/skills/3d-web-experience ~/.claude/skills/3d-web-experience

Can use Not declared by the author

Good for Build interactive 3d web experiences Create 3d product configurators Develop immersive website scenes Design 3d portfolio websites Integrate 3d graphics into web apps Animate 3d models for web

Setup, runtime and requirements describe ranbot-ai/awesome-skills, the repo this skill ships in.

Threejs react-three-fiber webgl Spline interactive Immersive

Also in ranbot-ai/awesome-skills

View the repo

007 Code Review & Testing

Security audit, hardening, threat modeling (STRIDE/PASTA), Red/Blue Team, OWASP checks, code review, incident response, and infrastructure s...

00 Andruia Consultant Research

Arquitecto de Soluciones Principal y Consultor Tecnológico de Andru.ia. Diagnostica y traza la hoja de ruta óptima para proyectos de IA en e...

10 Andruia Skill Smith Legal

Ingeniero de Sistemas de Andru.ia. Diseña, redacta y despliega nuevas habilidades (skills) dentro del repositorio siguiendo el Estándar de D...

20 Andruia Niche Intelligence Legal

Estratega de Inteligencia de Dominio de Andru.ia. Analiza el nicho específico de un proyecto para inyectar conocimientos, regulaciones y est...

21risk Automation Productivity

Automate 21risk tasks via Rube MCP (Composio). Always search tools first for current schemas.

2chat Automation Productivity

Automate 2chat tasks via Rube MCP (Composio). Always search tools first for current schemas.

2slides Ppt Generator Presentations

AI-powered presentation generation via the 2slides API — create slides from text, match a reference image style, summarize documents into de...

Ably Automation DevOps & Infrastructure

Automate Ably tasks via Rube MCP (Composio). Always search tools first for current schemas.

Abstract Automation DevOps & Infrastructure

Automate Abstract tasks via Rube MCP (Composio). Always search tools first for current schemas.

Ab Testing Marketing

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the us...

Ab Test Setup Legal

Structured guide for setting up A/B tests with mandatory gates for hypothesis, metrics, and execution readiness.

Abuselpdb Automation DevOps & Infrastructure

Automate Abuselpdb tasks via Rube MCP (Composio). Always search tools first for current schemas.

Other Design skills

Frontend Design anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...

Algorithmic Art anthropics/skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...

Prototype mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...

Design An Interface mattpocock/skills

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...

Wireframe Sketch nexu-io/open-design

A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations...

Wireframe Annotated nexu-io/open-design

An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...