click-target

Encontrar y hacer clic en un objeto objetivo en XR. Úsalo al probar interacciones de UI, hacer clic en botones o verificar que los elementos interactuables funcionen correctamente.

npx skills add https://github.com/facebook/immersive-web-sdk --skill click-target

Click Target in XR

Find a target object in the scene and click it using a controller, then verify the click registered.

Arguments

$ARGUMENTS should be a description of the target to find (e.g., "the RESTART button", "the scoreboard", "the settings panel").

Workflow

1. Get Scene Hierarchy

Use mcp__iwsdk-dev-mcp__scene_get_runtime_hierarchy to find the target object's UUID.

  • Look for objects with entityIndex (these are ECS entities)
  • PanelUI elements typically have nested children for their content

2. Get Target Transform

Use mcp__iwsdk-dev-mcp__scene_get_object_transform with the target UUID.

  • Use positionRelativeToXROrigin for all positioning operations
  • Note the position for the next steps

3. Position Headset to Look at Target

Use mcp__iwsdk-dev-mcp__xr_look_at with device headset and the target position.

  • This orients the headset to face the target

4. Screenshot to Verify Target Visible

Use mcp__iwsdk-dev-mcp__browser_screenshot to verify:

  • Target is visible in the view
  • Target is not occluded by other objects
  • If not visible, use mcp__iwsdk-dev-mcp__xr_look_at with moveToDistance to get closer

5. Position Controller

Use mcp__iwsdk-dev-mcp__xr_get_transform to check controller position.

  • If controller is visible in screenshot and not occluding target, proceed
  • If controller is far away or not visible:
    1. Get headset position with mcp__iwsdk-dev-mcp__xr_get_transform
    2. Set controller to headset position with mcp__iwsdk-dev-mcp__xr_set_transform
    3. Micro-adjust: offset x by +0.25 (right) or -0.25 (left), y by -0.1, z by -0.3

6. Point Controller at Target

Use mcp__iwsdk-dev-mcp__xr_look_at with the controller device and target position.

  • For UI elements on panels, you may need to target a specific child element
  • If the target is a button on a panel, the button may be offset from the panel center

7. Click

Use mcp__iwsdk-dev-mcp__xr_select with the controller device.

8. Verify Click

Use mcp__iwsdk-dev-mcp__browser_get_console_logs with a pattern to check for expected log messages.

  • If no logs match, the click may have missed - adjust target position and retry
  • Common adjustments: change x or z by 0.05-0.1 to hit child elements

Tips

  • For PanelUI buttons, the button position is often offset from the panel center
  • Use mcp__iwsdk-dev-mcp__scene_get_object_transform on child elements to find exact button positions
  • Always verify with console logs rather than assuming from visuals
  • The ray visual in screenshots can be misleading - test with actual clicks
  • Either controller (left or right) can be used

Example

To click the RESTART button on the pong scoreboard:

  1. Find scoreboard entity (entityIndex 6 in the pong game)
  2. Scoreboard is at (0, -0.798, -1.25)
  3. Button is at approximately (0.05, -0.798, -1.109) - offset toward player
  4. Point controller at button position and click
  5. Verify "[BUTTON CLICKED]" appears in console logs

Más skills de facebook

binary-size-analysis
facebook
Analiza los cambios de tamaño binario por commit de la biblioteca compartida hermesvm en un rango de commits de git. Genera un informe en markdown con tamaños por commit y tablas resumen de aumentos y disminuciones significativos.
official
modify-jsi-features
facebook
Guía para agregar nueva funcionalidad JSI a la capa de Interfaz JavaScript (JSI). Úsala cuando el usuario solicite añadir, crear o implementar nuevos métodos o características en…
official
non-interactive-git-rebase
facebook
Úsese cuando se necesite reordenar, dividir, eliminar o modificar commits de git que no sean el commit superior, sin acceso a un editor interactivo. Cubre el rebase programático mediante…
official
iwsdk-planner
facebook
Guía de planificación de proyectos y mejores prácticas de IWSDK. Úsala al planificar nuevas funciones de IWSDK, diseñar sistemas/componentes, revisar la arquitectura de código de IWSDK o cuando…
official
iwsdk-ui-panel
facebook
Desarrolla e itera paneles de UI de IWSDK de manera eficiente. Úsalo al trabajar con componentes de PanelUI, depurar el diseño de la interfaz o mejorar el diseño de la UI en aplicaciones de IWSDK.
official
test-all
facebook
Orquestrador de pruebas paralelas. Ejecuta los 9 conjuntos de pruebas de forma concurrente mediante subagentes de Task y la CLI de iwsdk. Gestiona la compilación, configuración de ejemplos, servidores de desarrollo, lanzamiento de agentes,…
official
test-audio
facebook
Prueba el sistema de audio (carga de AudioSource, estado de reproducción, detener, audio espacial) contra el ejemplo de audio usando la CLI de iwsdk.
official
test-ecs-core
facebook
Probar la funcionalidad principal de ECS (registro del sistema, componentes, sincronización de Transform, pausa/paso/reanudación, alternancia del sistema, descubrimiento de entidades, instantáneas) contra el poke…
official