How do I install the Ngrok Preview skill?

Run npx skillmds@latest add dvcrn/ngrok-preview in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Ngrok Preview safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: executes scripts, reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Ngrok Preview?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Ngrok Preview free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Ngrok Preview?

dvcrn (@dvcrn) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Ngrok Preview by dvcrn — Agent Skill

Name: Ngrok Preview
Rating: 4.5 (4 reviews)
Author: dvcrn

Ngrok Preview

Generate short-lived, mobile-friendly ngrok preview links for local artifacts and share them in Telegram. Use when OpenClaw produces images/charts/generated files that the user needs to view remotely on phone, and a temporary per-task link is preferred over manual file transfer.

dvcrn Updated Sep 8, 2026 32 repo stars

File contents

ngrok-preview

Provide a temporary preview window for task outputs. Keep it fast, scoped, and easy: generate link -> send link -> close link.

One-time setup

Install ngrok if missing.
Configure auth token once:

ngrok config add-authtoken "$NGROK_AUTHTOKEN"
ngrok config check

If token is not preconfigured, pass --auth-token when running the script.

Per-task workflow

Collect only task artifacts (images/charts/files) for this request.
Create a session-scoped temporary preview link.
Send the link with explicit expiry in Telegram.
Stop and delete the preview session after user confirms or task ends.

Use this command from the skill directory:

python3 scripts/ngrok_preview.py up \
  --title "<task title>" \
  --session-id "<task-id>" \
  --ttl-minutes 120 \
  --source "<artifact-path-1>" \
  --source "<artifact-path-2>"

The command returns JSON including:

public_url
expires_at
session_id
stop_command

Session ID convention (context binding)

Use IDs that map to the current conversation/task:

tg-<date>-<topic>
task-<short-request-id>

This keeps each link tied to one task context.

Telegram send pattern

After up succeeds, send a concise message:

🔗 Temporary preview link (valid for <X> minutes)
<public_url>

Scope: artifacts from this task only
This link will be cleaned up after expiry

If not currently in Telegram, still return the same link format in the active channel.

Safety boundaries

Publish only task-specific outputs, never broad directories (do not expose workspace root).
Keep TTL short (default 120 minutes; use shorter when possible).
Treat link as temporary access, not persistent hosting.
Stop session when no longer needed:

python3 scripts/ngrok_preview.py down --session-id "<task-id>" --delete-session-dir

Periodically clear expired sessions:

python3 scripts/ngrok_preview.py cleanup

Command quick reference

# List sessions
python3 scripts/ngrok_preview.py status

# Create preview (auto-generate session id)
python3 scripts/ngrok_preview.py up \
  --title "image results" \
  --source ./outputs/result-1.png \
  --source ./outputs/result-2.png

# Stop latest session
python3 scripts/ngrok_preview.py down

Troubleshooting

If link creation fails, check references/troubleshooting.md and follow the minimum recovery sequence.

---name: ngrok-previewdescription: Generate short-lived, mobile-friendly ngrok preview links for local artifacts and share them in Telegram. Use when OpenClaw produces images/charts/generated files that the user needs to view remotely on phone, and a temporary per-task link is preferred over manual file transfer.---# ngrok-previewProvide a temporary preview window for task outputs. Keep it fast, scoped, and easy: generate link -> send link -> close link.## One-time setup1. Install ngrok if missing.2. Configure auth token once:```bashngrok config add-authtoken "$NGROK_AUTHTOKEN"ngrok config check```If token is not preconfigured, pass `--auth-token` when running the script.## Per-task workflow1. Collect only task artifacts (images/charts/files) for this request.2. Create a session-scoped temporary preview link.3. Send the link with explicit expiry in Telegram.4. Stop and delete the preview session after user confirms or task ends.Use this command from the skill directory:```bashpython3 scripts/ngrok_preview.py up \ --title "<task title>" \ --session-id "<task-id>" \ --ttl-minutes 120 \ --source "<artifact-path-1>" \ --source "<artifact-path-2>"```The command returns JSON including:- `public_url`- `expires_at`- `session_id`- `stop_command`### Session ID convention (context binding)Use IDs that map to the current conversation/task:- `tg-<date>-<topic>`- `task-<short-request-id>`This keeps each link tied to one task context.## Telegram send patternAfter `up` succeeds, send a concise message:```text🔗 Temporary preview link (valid for <X> minutes)<public_url>Scope: artifacts from this task onlyThis link will be cleaned up after expiry```If not currently in Telegram, still return the same link format in the active channel.## Safety boundaries- Publish only task-specific outputs, never broad directories (do not expose workspace root).- Keep TTL short (default 120 minutes; use shorter when possible).- Treat link as temporary access, not persistent hosting.- Stop session when no longer needed:```bashpython3 scripts/ngrok_preview.py down --session-id "<task-id>" --delete-session-dir```- Periodically clear expired sessions:```bashpython3 scripts/ngrok_preview.py cleanup```## Command quick reference```bash# List sessionspython3 scripts/ngrok_preview.py status# Create preview (auto-generate session id)python3 scripts/ngrok_preview.py up \ --title "image results" \ --source ./outputs/result-1.png \ --source ./outputs/result-2.png# Stop latest sessionpython3 scripts/ngrok_preview.py down```## TroubleshootingIf link creation fails, check `references/troubleshooting.md` and follow the minimum recovery sequence.

Frequently asked questions