Multi-file
codingOfficial
Official Provider SkillView repo
Scaffold a new webapp game for Meta Display Glasses using Vite + TypeScript + Three.js + Vitest, with a renderer- and input-agnostic architecture. Supports both 2D and 3D games. Use when the user wants to start a glasses game, build a 2D or 3D game for smart glasses, or scaffold a Three.js game project for Meta Display Glasses.
Files40 files
SKILL.md497 lines
Loading editor…
Install
RecommendedOne command — your agent picks it up automatically.
Select an AI agent above to see the install command.
or
Manual Install
More stepsDownload the archive and add the files to your project manually.
Skill details
Versionv1.0.0
AuthorFacebook
Categorycoding
Skill IDfacebook/meta-wearables-webapp/plugins/meta-wearables-webapp-game/skills/create-webapp-game
Files40 files
Related skills
Add Webapp Game LoggingAdd a remote log sink and a passcode-gated web log portal to a webapp game, so logs from the game running on Meta Display Glasses can be read on a laptop. The glasses have no console and cannot be tethered to attach one, so the game POSTs batched log records to serverless endpoints served by its own deployment, and the developer reads them at /logs. Use when the user wants to see logs from the device, debug a glasses-only bug, add a log viewer or log server, or asks why they cannot read console Ai Glasses Webapp BuildCreate, redesign, or extend a web app for Meta Ray-Ban Display glasses. Use for application architecture, screens, routes, state, API-backed UI, persistence, offline behavior, or any product change; pair with ai-glasses-webapp-ui for toolkit setup and component composition. A complete initial app build includes a running local production preview and its URL.Ai Glasses Webapp DeviceAdd Meta Ray-Ban Display glasses-specific sensors and input behavior: motion, orientation, compass, step detection, geolocation, neural-band activation/drag, D-pad game controls, or handwriting/voice text composition.Ai Glasses Webapp Optimize PerformanceMeasure and speed up a Meta Ray-Ban Display webapp using Chrome DevTools Protocol only — no device required. Use when the user says the app is slow, takes too long to load or start, feels sluggish on glasses, when they ask how big the bundle is or how to make it smaller, when they want a startup budget or to compare two builds, or before shipping. Covers the throttling profile, how to build a measurement you can trust, finding critical CSS, and downscaling images.Ai Glasses Webapp PublishValidate and publish a finished Meta Ray-Ban Display glasses web app directly to Vercel production, confirm anonymous HTTPS access, and generate the Meta AI add-to-glasses QR code. No staging or passcode flow.Ai Glasses Webapp TestRun the complete deterministic quality gate for a Meta Ray-Ban Display glasses web app: package/UI-toolkit checks, typecheck, production build, responsive viewport containment, local performance smoke checks, Playwright interaction, accessibility, sensors, and screenshots.