静的ページをアップロードして、 すぐに共有リンクを 取得
HTML、Markdown、PDF、ZIP、またはビルド済み静的サイトを公開して、すぐに共有できるリンクを取得できます。ドメイン、サーバー、Gitの設定は不要です。
成果物から公開URLへ
ブラウザ対応の出力を、Git設定なしでレビューリンクにできます。
dist/index.html
previewship deploy --json
https://demo.previewship.net
demo.preview...
フロントエンドビルド、HTML、Markdown、PDFをアップロード
React/Vue/Vite/Nextは先にbuildし、dist/build/out/publicまたはindex.htmlを含むzipをアップロードします。単一HTML/Markdown/PDFは直接公開できます。
dist/build/out zip、.html、.md、.pdfをドロップ
ソースコードではなく、ブラウザで開ける出力をアップロードしてください。
アップロード可能
アップロード不可
ユーザーがすでに試しているワークフロー向け
AI HTML成果物
ChatGPT、Claude、Cursor、coding agentsが生成したレポート、プロトタイプ、ダッシュボード、単一ファイルページを公開します。
HTML・Markdown・PDFを直接サポート
.html、Markdown、.pdfを直接アップロードし、CLI/MCPから./page.html、./README.md、./report.pdfを公開できます。PDFはブラウザー標準の全画面リーダーで開きます。
フレームワークのビルド成果物
React、Vue、Vite、Next、Astro、Svelteはbuild後に対応します。dist/build/out/publicをアップロードし、ソースフォルダーはアップロードしません。
成果物からライブURLまでのすべてのワークフローに対応
多くのホスティングツールはHTML貼り付け、zipアップロード、CLIのどれかに寄ります。PreviewShipはReact/Vue/Vite/Nextのブラウザ対応ビルド、AI生成HTML、Markdown、PDF、エディタデプロイ、MCP agentまで扱います。
HTMLを貼り付けて公開
完全なHTMLドキュメントを貼り付け、ChatGPT、Claude、Gemini、Cursorの出力をURL化します。
詳しく見る単一のHTML・Markdown・PDFファイルをアップロード
report.html、README.md、docs.markdown、report.pdfなどをアップロードできます。HTMLとMarkdownにはWeb入口を生成し、PDFはブラウザー標準の全画面リーダーで開きます。
詳しく見るReact/Vueビルドをデプロイ
Vite、React、Vue、Next静的エクスポート、Astro、Svelteのdist/build/out/public、またはindex.htmlを含むzipをデプロイします。
詳しく見るAIエージェントにデプロイさせる
MCPまたはCLI JSON出力で、エージェントがプレビューリンクを返せます。
詳しく見るデモを見る
開発者と AI コーディングエージェントのサンプル会話です。
PreviewShip にデプロイして共有リンクを取得します。
アイデアから共有 URL まで — 会話を離れることなく。
即時プレビューに必要なすべてが揃っています
React/Vue/Vite/Nextのビルド成果物、生成HTML、Markdown、PDF、フロントエンド成果物をConsole、エディタ、Terminal、AI agentからデプロイできます。複雑な設定は不要です。
即時プレビュー
dist/build/out/publicなどのビルド成果物をアップロードし、数秒でプレビューURLを取得できます。CI/CD設定は不要です。
AI HTML 対応
生成されたHTMLレポート、Markdownメモ、ダッシュボード、ランディングページ、プロトタイプを公開プレビューリンクとして公開します。
AI エージェント対応
Claude Code、Cursor、Windsurf、Codex、OpenClaw などの AI コーディングエージェント向けに構築。MCP または CLI でデプロイ。
Codex チャット共有
任意の share-codex-chat skill をインストールして、Codex 会話を高精度な PreviewShip リンクとして公開できます。
Claude Codeチャット共有
任意のshare-claude-code-chat skillで、Claude Codeの会話をツールタイムライン付き・推論非表示の共有ページとして公開できます。
CLI デプロイ
dist/build/outフォルダー、単一HTML、Markdown、PDFをターミナルから1コマンドでデプロイできます。スクリプト、CI、AI agentに適しています。
MCP ネイティブ
ファーストクラスの MCP サーバーサポート。MCP 対応エージェントならツールコールでプレビューをデプロイできます。
手動アップロード
ビルド成果物zip、単一HTML/Markdown/PDF、HTML貼り付けをConsoleから利用できます。プラグイン不要です。
どこでも共有
チームメンバー、クライアント、ステークホルダーと即座に共有できるユニークなプレビューリンクを取得。
AIツールが実際に生成するページのために設計
出力がブラウザで動く状態なら、次の課題は共有です。PreviewShipはそこを短くします。
AI エージェント向けに構築
AI コーディングエージェントから直接プレビューをデプロイ。2つの統合方法から、ワークフローに合ったものを選択できます。
# Install (or use npx directly)
npm install -g previewship
# Set your API Key
previewship login
# Deploy
previewship deploy ./dist
previewship deploy ./report.html
# JSON output for agents
previewship deploy ./dist --json
previewship deploy ./report.html --jsonCLI
ターミナルや AI エージェントからコマンド一つでデプロイ。自動化のための JSON 出力に対応。
ワンコールデプロイ
コマンドまたはツールコール1回でライブサイトを作成。
設定不要
マニフェストやプロジェクトファイル不要。指定してデプロイするだけ。
構造化出力
エージェントが簡単にパースできる JSON レスポンス。
グローバル CDN
世界中のエッジネットワークでサイトを配信。
任意のAgentチャットskills
作業プロセス自体に文脈が必要なとき、AI coding会話を共有できます。
CodexとClaude Codeユーザー向けに、PreviewShip skillsは可視チャット履歴を高品質なHTMLページに変換し、デバッグメモ、実装記録、レビュー引き継ぎ用の公開URLとして公開できます。
Codexチャットを共有
可視Codex transcriptを高品質なPreviewShipページとして書き出します。
npx skills add blockdancez/PreviewShip --skill share-codex-chat -a codex -g --yes$share-codex-chat 分享当前 Codex 对话Claude Codeチャットを共有
Claude Code JSONL履歴を読みやすいページに変換し、推論本文を隠し、ツール活動を折りたたみタイムラインで保持します。
npx skills add blockdancez/PreviewShip --skill share-claude-code-chat -a codex -g --yes$share-claude-code-chat 分享 Claude Code 对话公開プレビューURLだけが必要ならGitベースのホスティングより速い
PreviewShipはAIビルダーが繰り返す流れ、つまり生成HTMLまたはビルド成果物を入れて共有リンクを得る流れに集中しています。
| ワークフロー | PreviewShip | 一般的な静的ホスト |
|---|---|---|
| Single HTML/Markdown/PDF | Paste HTML, upload .html/.md/.markdown/.pdf, or deploy ./page.html and ./README.md from CLI/MCP/editor. | リポジトリ、ファイル管理、サブドメイン、zipが必要なことが多い。 |
| AIエージェント | MCP、CLI、構造化JSONが主要ルート。 | 人間向けダッシュボードやGit push中心が多い。 |
| フロントエンドビルド | 配信可能なdist/build/out/publicをアップロード。 | Gitやビルド設定に紐づくことが多い。 |
| レビューリンク | 一時プレビュー、QA、承認向けに設計。 | 一般ホスティングや本番公開寄り。 |
使い方
フロントエンドのプレビューを共有する3つの簡単なステップ。
アップロード
React/Vue/Vite/Nextのビルド済み静的成果物をアップロードするか、単一HTML/Markdown/PDFをConsole、VS Code/Cursor、CLI、MCP agentから直接公開します。
デプロイ
プロジェクトをグローバル CDN にデプロイし、ユニークなプレビュー URL を生成します。
共有
プレビューリンクをチームに共有。どのブラウザからでも即座に閲覧できます。
エディタ拡張機能
VS Code または Cursor からコマンド一つでデプロイ。
Cursor
Cursor は VS Code 拡張機能と完全互換です。インストール手順は同じです。
- 1
Cursor を開き、Ctrl+P（Mac は Cmd+P）を押して、以下のコマンドを貼り付けて Enter を押してください：
ext install previewship.previewship - 2
コマンドパレット（Ctrl+Shift+P）から「PreviewShip: Set API Key」を実行し、API Key を入力してください。
- 3
プロジェクトフォルダーを開いて「PreviewShip: Deploy Workspace, HTML, Markdown, or PDF File」を実行するか、.html/.md/.pdfを開いて「PreviewShip: Deploy Active HTML, Markdown, or PDF File」を実行すると、数秒でプレビューリンクを取得できます。
VS Code
VS Code Marketplace からインストール、またはコマンドパレットを使用。
- 1
VS Code を開き、Ctrl+P（Mac は Cmd+P）を押して、以下のコマンドを貼り付けて Enter を押してください：
ext install previewship.previewship - 2
コマンドパレット（Ctrl+Shift+P）から「PreviewShip: Set API Key」を実行し、API Key を入力してください。
- 3
プロジェクトフォルダーを開いて「PreviewShip: Deploy Workspace, HTML, Markdown, or PDF File」を実行するか、.html/.md/.pdfを開いて「PreviewShip: Deploy Active HTML, Markdown, or PDF File」を実行すると、数秒でプレビューリンクを取得できます。
まだ API Key をお持ちでないですか？無料登録後、コンソールの API Keys ページで作成できます。
Cursor / VS Code でオフラインまたは手動インストール用
シンプルで透明な料金体系
無料で始めて、パスワードアクセス、長い保持期間、より多いロールバック履歴、より高いデプロイ上限が必要になったらアップグレード。ローンチ割引はチェックアウトで自動適用されます。
無料
- 1 プロジェクト枠（不要なプロジェクトを削除して空きを作成）
- 1 日 5 デプロイ
- 最大 15 MB zip
- 3 日のプレビュー有効期限
- 直近 3 件のロールバック履歴
- PreviewShip ウォーターマーク付き
Pro 月払い
- 20 プロジェクト
- 1 日 50 デプロイ
- 最大 50 MB zip
- 30 日のプレビュー有効期限
- 固定リンクのパスワードアクセス
- 10 件のロールバック履歴
- PreviewShip ウォーターマークなし
Pro 年払い
- 40 プロジェクト
- 1 日 80 デプロイ
- 最大 80 MB zip
- 365 日のプレビュー有効期限
- 固定リンクのパスワードアクセス
- 40 件のロールバック履歴
- PreviewShip ウォーターマークなし
よくある質問
PreviewShip に関するよくある質問です。