Quickstart

Ship your first portal

Three commands. About ten minutes. You’ll end up with a branded portal you can send to a client.

Prerequisite

Showpane is driven by Claude Code. Install it first if you haven’t already. Node 18+ is required.

Step 1 · Install

npx showpane

Creates a local workspace, installs dependencies, and starts the Showpane dev server. Your browser opens on the welcome page.

Step 2 · Open Claude in the workspace

In a new terminal, move into the generated folder and start Claude there:

cd showpane-<your-company-slug>
showpane claude

If showpane isn’t on your PATH yet, use npx showpane claude instead.

Step 3 · Create your first portal

Inside Claude, run the guided first-run flow:

/portal-onboard

It walks through picking a source (a transcript works best), generating a draft, previewing locally, and setting up access.

Already know what you want?

Prompt Claude directly. It’ll use the same skills under the hood.

Create a portal for my call with Acme Health

Preview at localhost:3000/client/<slug>.

Publish to Showpane Cloud

Optional

When the draft is ready, publish to a hosted URL at orgname.showpane.com. You get the hosted activity feed, visitor tracking, and per-section time analytics.

From Claude

/portal-deploy

The skill runs showpane login automatically the first time and publishes from there.

From the CLI

showpane login
showpane deploy --wait

Useful when you want to script the publish step or ship without opening Claude.

What’s next

First portal guide

A deeper walkthrough of /portal-onboard, with tips on transcripts and prompt shape.

Skills reference

Every /portal-* command and when to reach for each one.

Portal examples

Sales follow-up, consulting, onboarding — prompt shapes that work.

Cloud publishing

What Showpane Cloud includes today — activity feed, analytics, team access.