HTML とエンティティ コンポーネント アーキテクチャを使用してブラウザベースの 3D、VR、AR エクスペリエンスを構築するための宣言型 Web フレームワーク。このスキルは、最小限の JavaScript で WebXR アプリケーション、VR エクスペリエンス、AR エクスペリエンス、360 度メディア ビューア、または没入型 Web コンテンツを作成するときに使用します。 A-Frame、WebXR、VR 開発、AR 開発、エンティティ コンポーネント システム、宣言型 3D、または HTML ベースの 3D シーンに関連するタスクをトリガーします。アクセシブルな HTML ファーストのアプローチを採用した Three.js 上に構築されています。
コマンドラインで 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
HTML とエンティティ コンポーネント アーキテクチャを使用してブラウザベースの 3D、VR、AR エクスペリエンスを構築するための宣言型 Web フレームワーク。このスキルは、最小限の JavaScript で WebXR アプリケーション、VR エクスペリエンス、AR エクスペリエンス、360 度メディア ビューア、または没入型 Web コンテンツを作成するときに使用します。 A-Frame、WebXR、VR 開発、AR 開発、エンティティ コンポーネント システム、宣言型 3D、または HTML ベースの 3D シーンに関連するタスクをトリガーします。アクセシブルな HTML ファーストのアプローチを採用した Three.js 上に構築されています。 ソース: 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-webxrHTML とエンティティ コンポーネント アーキテクチャを使用してブラウザベースの 3D、VR、AR エクスペリエンスを構築するための宣言型 Web フレームワーク。このスキルは、最小限の JavaScript で WebXR アプリケーション、VR エクスペリエンス、AR エクスペリエンス、360 度メディア ビューア、または没入型 Web コンテンツを作成するときに使用します。 A-Frame、WebXR、VR 開発、AR 開発、エンティティ コンポーネント システム、宣言型 3D、または HTML ベースの 3D シーンに関連するタスクをトリガーします。アクセシブルな HTML ファーストのアプローチを採用した Three.js 上に構築されています。 ソース: 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