Turn product flows into demos people can try

Build locally with Claude Code or Codex. Keep the HTML. Publish with one command.

Why ShowKit

A product story people can actually try

Use the same portable demo on launch pages, in campaigns, and in sales follow-ups.

A spotlight reveals three connected interactive demo steps.
01

Real HTML, not screenshots

Keep supported text, layout, styles, and assets in a demo prospects can explore.

02

Easy to refresh

When the product changes, ask your coding agent to rebuild and check the story.

03

Ready for pipeline

Preview locally, publish up to three active demos free, or self-host the portable files.

How to use ShowKit

Start with the product flow you want to show

Paste this into Claude Code or Codex. It adds the ShowKit skill, then asks for the product URL or open flow.

Add the ShowKit skill for Codex and Claude Code, not the CLI. Run `npx skills add hyunghwan/showkit --skill showkit --agent codex --agent claude-code --global --yes --copy`. Read the installed `SKILL.md` and verify the skill. Then ask me exactly: "What product URL or currently open product flow should I use?" After I answer, set up a compatible CLI in a new folder, then create, check, and preview the demo. Ask before changing an existing project or adding Playwright. When the preview is ready, ask whether I want to publish the checked version to ShowKit hosting.

The skill asks before changing an existing project, adding Playwright, or publishing a checked demo.

Ready to share?

Publish the checked version

showkit publish --version <hash> --json

Your coding agent fills in the version hash. The command connects your account when needed and returns a hosted URL. Up to 3 active demos are free.

Example prompts

Describe the story, not the implementation

Name the audience, the takeaway, and where the flow starts and ends. Your coding agent handles the rest.

Show what changed and why it matters

Guide buyers from the first action to the value they came for.

Use ShowKit for the approval flow open in Chrome. Show operations leaders how a request moves from submission to approval without losing context. Build and check the local demo, open its preview, then ask whether I want to publish the checked version to ShowKit hosting.
Pricing

Start free. Add conversion tools when you need them.

Build locally, self-host anywhere, or publish up to 3 active demos free. Contact us for custom domains, lead capture, analytics, and team controls.

Free

$0

For anyone creating locally, self-hosting anywhere, or publishing with ShowKit.

  • Build with Claude Code or Codex

  • Keep supported HTML, CSS, and local assets

  • Unlimited local builds

  • 3 active hosted demos on demos.showkit.sqncs.com

  • Self-host anywhere

Premium

Custom

For marketing teams turning demo engagement into pipeline.

  • Custom Domains

    Publish on demo.yourcompany.com with assisted setup.

  • Lead Capture Forms & Gated Access

    Collect email and company details at any step.

  • Step-by-step Drop-off Analytics

    Track paths, drop-off, and time spent.

  • CRM Integrations

    Send events to HubSpot, Salesforce, or Marketo.

  • Dynamic URL Personalization

    Personalize logos and copy by URL or prompt.

  • Team Workspace & Access Control

    Manage shared demos and team permissions.

FAQ

Yes. Local builds and self-hosting are free under the MIT license, and a free ShowKit account includes 3 active hosted demos.

Paste the prompt into Claude Code or Codex. Your agent installs the skill, verifies it, and asks which URL or open product flow to use. It chooses a new output folder and asks only when a required dependency, private content, or product-changing action needs your decision.

Capture and build run locally, and ShowKit does not host an LLM. Capture stops before saving sensitive or unsupported content that needs your decision. Publishing uploads only the checked demo after you approve it.

Yes. Publish the checked version to ShowKit with one command, or host the generated HTML, CSS, and local assets on any static host.