A workflow for launching a live preview of a configured service from a repository. It reads the repository's launch settings, starts the selected command, and provides a public preview URL through a tunnel.

Use it after frontend changes or when asked to preview a service that has a .claude/launch.json configuration.

It lets developers inspect UI changes in a browser after pushing code or when they need to preview a service.

preview — Skill for Claude Code and Codex by Deepank308: A workflow for launching a live preview of a…

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/deepank308/hermes-swe-agent/preview

Any agent

npx skills add Deepank308/hermes-swe-agent --skill preview

Clone the repo

git clone --depth 1 https://github.com/Deepank308/hermes-swe-agent

Made for: Claude Code, Codex.

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/deepank308/hermes-swe-agent/preview.svg)](https://agentmods.dev/skills/deepank308/hermes-swe-agent/preview)

Your own site

<a href="https://agentmods.dev/skills/deepank308/hermes-swe-agent/preview"><img src="https://agentmods.dev/badge/skills/deepank308/hermes-swe-agent/preview.svg" alt="Measured on agentmods" height="20"></a>

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

When invoked 412 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.00030	$0.00412
Opus 5	$0.00015	$0.00206
Sonnet 5	$0.00006	$0.00082
Haiku 4.5	$0.00003	$0.00041

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

Security

Grade A, and why

preview 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 5d ago.

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.

skills/preview/SKILL.md · 41 lines

What it actually says

Preview Launcher

Launch live preview environments accessible via public URLs (Cloudflare tunnels).

When to use

After pushing code that changes the UI or frontend.
When the user explicitly asks to see a preview (e.g. "launch preview for client-js").
When the system tells you a git push was detected.

Steps

Check for launch.json — read .claude/launch.json in the workspace root. If it does not exist, tell the user that no preview configuration is available for this repository.
Select configuration:
- If a specific config name was requested (e.g. "launch preview for client-js"), find the configuration with that name.
- If no name was specified, use the configuration with "default": true.
- If no default is set, use the first configuration.
- You can list all available configurations by reading the file.
Run the preview launcher:
```
bash /opt/agent/hermes-swe/ami/preview-launch.sh --name <config-name>
```
The script reads .claude/launch.json, runs the configured command, and creates a Cloudflare tunnel. The preview URL is printed as the last line of stdout.
Share the URL — note the preview URL (e.g. https://preview-*.yourdomain.com) in your response so the user knows where to find the preview. The URL is also automatically attached to the Linear ticket.

Notes

The script is idempotent — safe to call multiple times. It reuses existing tunnels.
Multiple configurations can run simultaneously. Each gets its own tunnel and URL.
Do NOT modify .claude/launch.json or files in .claude/preview/ — they are managed externally.

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.

5d ago First seen · 41 lines · 30 tokens per session scan A 28a68c2833cc

Subscribe to this mod's changes

preview is a skill published in the GitHub repository Deepank308/hermes-swe-agent (12 stars, last pushed 4mo ago), licensed MIT. It adds 30 tokens to every session and 412 once invoked, about $0.0002 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-30.

Cloud DevOps and cloud ai-agent claude swe-agent

gke-compute-classes

Configures, optimizes, and troubleshoots GKE ComputeClasses. Use when configuring Spot VMs with on-demand fallback, targeting specific accelerators (GPUs/TPUs) or machine families, restricting ComputeClass access, or debugging pending pods related to node pool auto-creation. Do not use for cluster-level Node Auto…

google/skills · 83 tokens

application-design-center-design-deploy

Processes GCP infrastructure design and deployment workflows within Application Design Center (ADC). Use when: - Designing GCP infrastructure with Terraform. - Validating local HCL. - Performing best-practice plan scans. - Importing templates to Application Design Center (ADC). - Deploying templates. - Troubleshooting…

google/skills · 94 tokens

gke-reliability

Improves GKE workload reliability, using PDBs, health probes, and topology spread constraints. Use when configuring GKE workload reliability, setting up PDBs, or configuring GKE health probes (liveness, readiness, startup). Don't use for disaster recovery setup or full cluster backups (use gke-backup-dr instead).

google/skills · 73 tokens

gke-workload-security

Audits, configures, and hardens workload-level security controls for Google Kubernetes Engine (GKE) applications and namespaces. Covers running cluster security audits (auditcluster.sh), configuring Workload Identity Federation (impersonation, KSA/GSA binding, and pod setup), enforcing Network Policies (default-deny…

google/skills · 181 tokens

nemo-automodel-launcher-config

Configure NeMo AutoModel job launches for interactive runs, Slurm clusters, and SkyPilot cloud execution.

NVIDIA/skills · 30 tokens

azure-mgmt-botservice-dotnet

Azure Resource Manager SDK for Bot Service in .NET. Management plane operations for creating and managing Azure Bot resources, channels (Teams, DirectLine, Slack), and connection settings. Triggers: "Bot Service", "BotResource", "Azure Bot", "DirectLine channel", "Teams channel", "bot management .NET", "create bot".

microsoft/skills · 78 tokens