Skills DirectorySkills Directory
SkillsLearnSecurityCategoriesDocsBlogPro
Sign InSubmit Skill
Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Directory

  • Browse Skills
  • All Skills A–Z
  • Claude Skills
  • Claude Code Skills
  • Agent Skills
  • Categories
  • Authors
  • Submit a Skill

Learn

  • Learn Hub
  • Install Claude Skills
  • Write SKILL.md
  • Skills vs MCP
  • Directories Compared

Security

  • Security
  • Methodology
  • Secure Claude Skills
  • Security Badges
  • Chrome Extension
  • Skill Manager

Company

  • About
  • Community
  • Blog
  • API Docs
  • Advertise

2026 Skills Directory. All rights reserved.

ProTermsPrivacyRefunds
Back to skills

Cloud Preview

ASecurity

Claude Code Cloud session only — start the dev server + reverse tunnel and report the public phone-preview URL

8 stars
0 votes
0 copies
0 views
Added 9/29/2026
dataapi

Works with

claude codeapi

Security Analysis

A100/100

Scanned 10/6/2026

$npx -y skills add KyleMit/Splotch --skill cloud-preview --agent claude-code

Installs 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.

Security grade badge for Cloud Preview
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/kylemit-cloud-preview/badge)](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.

Download with Pro
Files
SKILL.md
---
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.

Attribution

KyleMitKyleMit
View sourceSee grades on GitHubMore from KyleMit →
SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments (0)

No comments yet. Be the first to comment!

SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Related Skills

Rank Tracker

This skill helps you track, analyze, and report on keyword ranking positions over time. It monitors both traditional SERP rankings and AI/GEO visibility to provide comprehensive search performance insights.

1821 votes

Youtube Competitor Analyzer

Find and analyze YouTube competitor channels using YouTube Data API v3. Discover competitors through keyword search, category matching, content similarity, and related channel discovery. Compare metrics, content strategies, and market positioning. Use when users want to (1) Find competitors for their YouTube channel, (2) Analyze competitor performance metrics, (3) Compare their channel against competitors, (4) Identify content gaps and opportunities, (5) Benchmark against similar creators, (6...

31 votes

Xlsx

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .xltx, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like \"the...

1798860 votes

Weather Fetcher

Instructions for fetching current weather temperature data for Karachi, Pakistan from wttr.in API

672240 votes

Weather

Get current weather and forecasts (no API key required).

486960 votes
View all in data →