Claude Code Cloud session only — start the dev server + reverse tunnel and report the public phone-preview URL
Scanned 10/6/2026
npx -y skills add KyleMit/Splotch --skill cloud-preview --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Cloud Preview?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/kylemit-cloud-preview)More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.
---
name: cloud-preview
description: Claude Code Cloud session only — start the dev server + reverse tunnel and report the public phone-preview URL
---
Start the live phone-preview tunnel for this **Claude Code Cloud** session (ADR-0021,
`docs/CLOUD/Claude-Code.md`). This is *only* for cloud sessions — on localhost there are simpler
ways to view the app, so don't use this there.
`npm run dev:tunnel` is a **long-running** process: it starts `vite dev` on `localhost:5173`, brings
up the chisel reverse tunnel to the Fly relay, waits for the public URL to answer 200, prints it,
and then holds open until stopped.
Do this:
1. Run `npm run dev:tunnel` **in the background** — do not wait for it to exit.
2. Watch its output for the readiness line (`➜ Live: https://…`) or a failure (e.g.
`Missing TUNNEL_AUTH — …`).
3. Report the public URL once it's live so it can be opened on a phone. If it failed, report the
error and the likely fix (usually a missing `TUNNEL_AUTH` in the cloud env config — see
`.claude/cloud/environment.example`).
Notes:
* This serves a **dev** build — no `/api/*` serverless functions. Those need `npm run dev:netlify`
(which the tunnel script does not use).
* Leave the process running until the user asks to stop it.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!