Skip to content
Content
Command

/share-page

Deploy a generated visual-explainer HTML page and return a live Vercel URL

From plugin
claude-skills-journalism
39622 skills1 agent22 commands1 hook
Install
> /plugin marketplace add jamditis/claude-skills-journalism

How it fires

How this command gets triggered: by you, by Claude, or both.

  • Fires itselfClaude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/share-page

Context preview

What this command does when you run it.

Deploy a generated visual-explainer HTML page and return a live Vercel URL

Command definition

share-page.md
description: Deploy a generated visual-explainer HTML page and return a live Vercel URL

Share Visual Explainer Page

Share a visual explainer HTML file instantly via Vercel. Returns a live URL with no authentication required when a Pi-compatible `vercel-deploy` skill is installed.

Usage

/share-page <file-path>

**Arguments:**

  • `file-path` - Path to the HTML file to share (required)

**Examples:**

/share-page ~/.agent/diagrams/my-diagram.html
/share-page /tmp/visual-explainer-output.html

How It Works

1. Finds the `visual-explainer` skill directory for the current harness 2. Copies your HTML file to a temp directory as `index.html` 3. Deploys via the Pi-compatible `vercel-deploy` skill 4. Returns a live URL immediately

Requirements

  • **vercel-deploy skill** - Required for deployment. In Pi, install with: `pi install npm:vercel-deploy`

No Vercel account, Cloudflare account, or API keys needed. The deployment is "claimable", you can transfer it to your Vercel account later if you want.

Script Location

Resolve the script from the installed skill directory, then run it with the HTML file path:

bash ~/.pi/agent/skills/visual-explainer/scripts/share.sh <file>

If the skill is installed somewhere else, use that install path instead. Common locations include `~/.codex/skills/visual-explainer/scripts/share.sh`, `~/.config/opencode/skill/visual-explainer/scripts/share.sh`, or `./plugins/visual-explainer/scripts/share.sh` from a repository checkout.

The script currently looks for the Pi-compatible `vercel-deploy` script in the standard Pi skill locations. Other harnesses can generate and open HTML normally, but sharing requires that dependency to be available in a compatible location.

Output

Sharing my-diagram.html...

✓ Shared successfully!

Live URL:  https://skill-deploy-abc123.vercel.app
Claim URL: https://vercel.com/claim-deployment?code=...

The script also outputs JSON for programmatic use:

{"previewUrl":"https://...","claimUrl":"https://...","deploymentId":"...","projectId":"..."}

Notes

  • Deployments are **public**, anyone with the URL can view
  • Preview deployments have a configurable retention period (default: 30 days)
  • Each share creates a new deployment with a unique URL
Read more
Ships withclaude-skills-journalism

A collection of Agent Skills for journalists, researchers, academics, media professionals, and communications practitioners. The same repository serves Claude Code and Codex while keeping Claude-only commands, agents, and hooks clearly labeled.

Get the whole plugin

Other commands on claude-skills-journalism.