·aframe-webxr
</>

aframe-webxr

Marco web declarativo para crear experiencias 3D, VR y AR basadas en navegador utilizando HTML y arquitectura de componentes de entidad. Utilice esta habilidad al crear aplicaciones WebXR, experiencias de realidad virtual, experiencias de realidad aumentada, visores multimedia de 360 ​​grados o contenido web inmersivo con un mínimo de JavaScript. Activadores de tareas que involucran A-Frame, WebXR, desarrollo de realidad virtual, desarrollo de realidad aumentada, sistema de componentes de entidad, 3D declarativo o escenas 3D basadas en HTML. Construido sobre Three.js con un enfoque HTML accesible.

14Instalaciones·1Tendencia·@freshtechbro

Instalación

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr

Cómo instalar aframe-webxr

Instala rápidamente el skill de IA aframe-webxr en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: freshtechbro/claudedesignskills.

SKILL.md

Ver original

Pattern 3: AR Hit Testing (Place Objects in Real World)

Problem: Enable click interactions with desktop mouse or VR gaze

Marco web declarativo para crear experiencias 3D, VR y AR basadas en navegador utilizando HTML y arquitectura de componentes de entidad. Utilice esta habilidad al crear aplicaciones WebXR, experiencias de realidad virtual, experiencias de realidad aumentada, visores multimedia de 360 ​​grados o contenido web inmersivo con un mínimo de JavaScript. Activadores de tareas que involucran A-Frame, WebXR, desarrollo de realidad virtual, desarrollo de realidad aumentada, sistema de componentes de entidad, 3D declarativo o escenas 3D basadas en HTML. Construido sobre Three.js con un enfoque HTML accesible. Fuente: freshtechbro/claudedesignskills.

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Respuestas rápidas

¿Qué es aframe-webxr?

Marco web declarativo para crear experiencias 3D, VR y AR basadas en navegador utilizando HTML y arquitectura de componentes de entidad. Utilice esta habilidad al crear aplicaciones WebXR, experiencias de realidad virtual, experiencias de realidad aumentada, visores multimedia de 360 ​​grados o contenido web inmersivo con un mínimo de JavaScript. Activadores de tareas que involucran A-Frame, WebXR, desarrollo de realidad virtual, desarrollo de realidad aumentada, sistema de componentes de entidad, 3D declarativo o escenas 3D basadas en HTML. Construido sobre Three.js con un enfoque HTML accesible. Fuente: freshtechbro/claudedesignskills.

¿Cómo instalo aframe-webxr?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/freshtechbro/claudedesignskills