AI ToolsAI ツール · Designer & builder

Source ↗ソース ↗

Overview概要

A React + Firebase pairing layer that lets every phone in the room join an app in one scan.React と Firebase による接続用ライブラリ。会場のスマホ全部を、一回のスキャンでアプリに参加させる。

My part担当

  • Extracted the pairing logic first built for Marubatsu Arena into a standalone React + Firebase library
  • Built QR/6-character-code pairing, presence heartbeat, room capacity, and security rules
  • Packaged a Claude Code skill so an agent can add multi-device play to any app
AI Tools / Snap Pair

Realtime Library · Claude Skill · React + Firebase

Realtime Library Claude Skill React + Firebase MIT

Every phone in the room joins your app in one scan.

Snap Pair is a React + Firebase realtime pairing layer: QR or six-character code, presence heartbeat, room capacity, and security rules included. It ships with a Claude skill that writes safe integrations for you — so an agent can add multi-device play to any app.

GitHub ↗ See it live — Fire TV demo →

Pairing, presence, and security — already solved.

Safe, temporary multi-device experiences repeatedly need the same difficult foundation: pairing, presence, shared state, room capacity, and authorization. Snap Pair packages a React hook plus Firebase Auth, callable Cloud Functions, Realtime Database rules, cleanup, tests, and a one-file Lite example — so you build the experience, not the plumbing.

Pairing
QR or 6-character code
Scale
Rooms up to 300 devices
Install
No app download needed
GitHub ↗

Built with Snap Pair

Shipped
Marubatsu Arena
The game that started it all — its QR/code online match is where this pairing layer was first proven out.
Live prototype
Amazon Shopping on Fire TV
Your phone becomes the TV remote, keyboard, and Alexa mic.
Coming soon
TypeSpace
A shared typographic space every phone can write into.
Coming soon
Multiplayer card game
Phones as hands, one screen as the table.

Why it matters

Built once. Reused everywhere multi-device matters.

See AI Products → Explore other AI Tools →
← AI Tools Next: failforward →