聲明性 Web 框架，用於使用 HTML 和實體元件架構建立基於瀏覽器的 3D、VR 和 AR 體驗。使用最少的 JavaScript 建立 WebXR 應用程式、VR 體驗、AR 體驗、360 度媒體檢視器或沉浸式 Web 內容時，請使用此技能。觸發涉及 A-Frame、WebXR、VR 開發、AR 開發、實體元件系統、聲明性 3D 或基於 HTML 的 3D 場景的任務。基於 Three.js 構建，採用可存取的 HTML 優先方法。
透過命令列快速安裝 aframe-webxr AI 技能到你的開發環境
來源：freshtechbro/claudedesignskills。
Pattern 3: AR Hit Testing (Place Objects in Real World)
Problem: Enable click interactions with desktop mouse or VR gaze
聲明性 Web 框架，用於使用 HTML 和實體元件架構建立基於瀏覽器的 3D、VR 和 AR 體驗。使用最少的 JavaScript 建立 WebXR 應用程式、VR 體驗、AR 體驗、360 度媒體檢視器或沉浸式 Web 內容時，請使用此技能。觸發涉及 A-Frame、WebXR、VR 開發、AR 開發、實體元件系統、聲明性 3D 或基於 HTML 的 3D 場景的任務。基於 Three.js 構建，採用可存取的 HTML 優先方法。 來源：freshtechbro/claudedesignskills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr聲明性 Web 框架，用於使用 HTML 和實體元件架構建立基於瀏覽器的 3D、VR 和 AR 體驗。使用最少的 JavaScript 建立 WebXR 應用程式、VR 體驗、AR 體驗、360 度媒體檢視器或沉浸式 Web 內容時，請使用此技能。觸發涉及 A-Frame、WebXR、VR 開發、AR 開發、實體元件系統、聲明性 3D 或基於 HTML 的 3D 場景的任務。基於 Three.js 構建，採用可存取的 HTML 優先方法。 來源：freshtechbro/claudedesignskills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/freshtechbro/claudedesignskills --skill aframe-webxr 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/freshtechbro/claudedesignskills