What is web-app-creator?

A macOS-only toolkit for building web applications that receive live sensor and image data from Meta Aria Gen 2 smart glasses. It includes a local backend and browser-facing data connections.

Use it to build browser applications that display or process live Aria sensor and camera data through local WebSocket or event-based interfaces.

It provides the pieces needed to connect a web app to live glasses data instead of designing that connection from the beginning.

web-app-creator — Skill for Claude Code and Codex by facebookresearch: A macOS-only toolkit for building web applications that receive…

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods

npx agentmods add skills/facebookresearch/projectaria-plugins/web-app-creator

Any agent

npx skills add facebookresearch/projectaria-plugins --skill web-app-creator

Clone the repo

git clone --depth 1 https://github.com/facebookresearch/projectaria-plugins

Made for: Claude Code, Codex.

Or install aria-ark, the plugin that ships this one along with the rest of its 12 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/facebookresearch/projectaria-plugins/web-app-creator.svg)](https://agentmods.dev/skills/facebookresearch/projectaria-plugins/web-app-creator)

Your own site

<a href="https://agentmods.dev/skills/facebookresearch/projectaria-plugins/web-app-creator"><img src="https://agentmods.dev/badge/skills/facebookresearch/projectaria-plugins/web-app-creator.svg" alt="Measured on agentmods" height="20"></a>

Per session 173 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 8,547 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. Scan, not verified.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5	$0.00173	$0.08547
Opus 5	$0.00086	$0.04274
Sonnet 5	$0.00035	$0.01709
Haiku 4.5	$0.00017	$0.00855

Measured 3d ago against content hash 809d8f24d274, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

web-app-creator scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 3d ago.

The scan reads SKILL.md. This mod also ships 11 executable files (templates/voice-pipeline/client/useAriaAudio.ts, templates/voice-pipeline/client/useVAD.ts, templates/voice-pipeline/examples/express-server.ts, …), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

projectaria_ark_plugin/skills/web-app-creator/SKILL.md · 676 lines

How it starts

The opening of the file, as written. The whole thing — 676 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Web App Creator Skill

Build webapps that stream live data from Meta Aria Gen2 smart glasses. This skill is agent-agnostic — it works inside Manus, Claude Code, or any agent runtime that loads skills from a folder. A few sections below are flagged as Manus-only because they describe constraints or APIs unique to that host; ignore them when running under another agent.

[!IMPORTANT] Supported host OS: macOS only (for now). The bundled backend launcher (start-web-app-creator-backend.command) and the auto-open browser hooks are written for macOS. Windows and Linux are not yet supported — running the launcher on those platforms will fail at the Gatekeeper/open step, and the Python venv bootstrap has not been tested against non-mac toolchains. If the user is not on macOS, tell them up front that this skill can't run end-to-end on their machine yet, rather than walking them down a path that will dead-end later.

Architecture Overview

The Aria backend runs locally and exposes two interfaces:

Raw WebSocket — ws://localhost:17300 — push-based JSON text + binary image frames, server → client
nebulaDataUpdate event bridge — the Web App Creator frontend re-dispatches WebSocket messages as DOM CustomEvents so generated HTML components can consume data without managing their own WebSocket connection

Which pattern to use:

Use Case	Pattern
Standalone webapp / new project	Raw WebSocket (`ws://localhost:17300`)
Component generated inside Web App Creator iframe	`nebulaDataUpdate` event listener
Full voice pipeline (STT + LLM + TTS)	Requires full-stack project (`web-db-user`)

Starting the Backend

The Web App Creator backend is what serves ws://localhost:17300 and what every template in this skill connects to. Nothing in the skill works until this is running.

The only supported way: double-click the launcher

Tell the user to:

Open Finder, navigate to the skill folder (skills/web-app-creator/), then into the web-app-creator-backend/ subfolder
Double-click start-web-app-creator-backend.command
A Terminal window opens, the colored launcher banner appears, and it prints WebSocket listening on ws://localhost:17300 once the device is streaming
Leave that Terminal window open while you use the skill. To stop, press Ctrl+C in that window (or just close it)

Read the full file on GitHub · 676 lines

Files

What ships with it

31 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

3d ago First seen · 676 lines · 173 tokens per session scan A 809d8f24d274

Subscribe to this mod's changes

web-app-creator is a skill published in the GitHub repository facebookresearch/projectaria-plugins (8 stars, last pushed 9d ago), licensed Apache-2.0. It adds 173 tokens to every session and 8,547 once invoked, about $0.0009 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Frontend Hardware and IoT

integrated-browser

Use this when working on the VS Code integrated browser ("browserView") to understand its architecture and mental model. Covers the embedded Chromium browser, its editor tab, navigation, overlay/layout, sessions, and agent browser tools under src/vs/platform/browserView and src/vs/workbench/contrib/browserView.

microsoft/vscode · 68 tokens

import-prom-rule

Bulk import of a Prometheus alert rule YAML file (create a whole set of rules at once). Dedicated to handling a remote URL or local YAML text, automatically parsing the three formats groups / a plain rules array / a single rule. ⚠️ Do not use this skill for single-rule creation — when the user describes a single alert…

ccfos/nightingale · 125 tokens

pcbway

PCBWay PCB fabrication and assembly — turnkey/consigned assembly, design rules, ordering workflow. Alternative to JLCPCB for manufacturing. Use with KiCad. Use this skill when the user mentions PCBWay, needs turnkey assembly (PCBWay sources parts by MPN), has parts not available on LCSC, needs assembled boards with…

aklofas/kicad-happy · 119 tokens

unifi-protect

How to manage UniFi Protect cameras and NVR — view cameras, smart detections, Find Anything detection search, recordings, snapshots, lights, sensors, Known Faces, license plates, and the Alarm Manager. Use this skill when the user mentions UniFi cameras, security cameras, NVR, recordings, motion detection, person…

sirkirby/unifi-mcp · 112 tokens

tilelang-env-check

TileLang-Ascend 环境检查与配置验证技能。检查代码仓库完整性、编译安装状态、环境变量配置，并运行简单测试验证环境。发现问题会自动调用相关 skill 进行修复，并按依赖顺序重新执行后续步骤。触发关键词："环境检查"、"检查环境"、"验证环境"、"环境配置"、"环境搭建"、"env check"、"check environment"、"verify environment"、"setup environment"。.

tile-ai/tilelang-ascend · 112 tokens

KernelWiki

Use when the user asks about optimizing NVIDIA Blackwell (SM100, B200) or Hopper (SM90, H100) GPU kernels — tcgen05/TMEM/CLC/NVFP4/2-SM cooperative, warp specialization, FlashAttention-4, DeepGEMM, FlashMLA, MoE, grouped GEMM, CuTe-DSL/PTX/Triton on Blackwell, or wants concrete PR references from…

mit-han-lab/KernelWiki · 143 tokens