mcpField
A
artifact-site

artifact-site

リモート
artifact-site.app.lexmount.comファイル・ストレージ233 週間前に更新
リポジトリ公式サイト

artifact-site について

artifact-siteは、複数のエージェントが作成したページや文書を公開・管理・共有する、個人やチーム向けのセルフホスト可能なワークスペースです。CLIやMCPから更新や検索ができ、バージョン履歴、コメント、アクセス制御も備えています。

主な機能

  1. 01HTML、静的サイト、文書の公開
  2. 02フォルダー整理と全文検索
  3. 03アクセス制御付きリンク共有
  4. 04ブラウザー編集とバージョン復元
  5. 05CLIやMCPからの公開・更新・読み取り
  6. 06ローカルまたはS3互換ストレージ

活用シーン

  1. 01複数のエージェントが作成したページやレポートを整理
  2. 02静的サイトを公開してチームに共有
  3. 03過去のレポートを検索し既存ページを更新
  4. 04セルフホスト環境でコンテンツ保存先を管理

MCP 対応

リモートMCPサーバー、またはCLIが起動するローカルMCPサーバー経由でクライアントに接続できます。公開、更新、検索、読み取り、共有、バージョン管理、エクスポート、削除のツールを提供します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://artifact-site.app.lexmount.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

パッケージ
npm@artifact-site/cli0.4.0

ツール

詳細

artifact-site — AI が生成したページやドキュメントを、自分のサーバーで共有するための場所です。オープンソースでセルフホスト可能、エージェントにも対応しています。

artifact-site

English | 简体中文 | 日本語 | Deutsch | Français | Español

CI ライセンス:Apache-2.0 OR MIT Node 24 ロードマップ npm GitHub リリース

選べる AI エージェントは増え続けていますが、その出力はコンピューターやチャット履歴、さまざまなプラットフォームのクラウドに分散しており、整理、共有、再確認が難しくなっています。

artifact-site は、Claude Artifacts や OpenAI Sites のような、個人やチーム向けのセルフホスト可能なワークスペースです。 さまざまなエージェントが作業を作成し、artifact-site がそれらをまとめて、ページやドキュメントを共有リンクに変換します。コメントやフィードバック、アクセス制御、バージョン履歴にも対応します。すでにお使いのエージェントから、CLI または MCP を通じて作業の編集、公開、検索、更新を続けられます。

artifact-site はセルフホストすることも、Lexmount がホストするクラウド版を利用することもできます。

クラウド版を使う — Lexmount がホストしているため、デプロイは不要です。ファイルをドラッグ&ドロップして公開し、共有リンクを取得できます。サインインせずにアップロードするか、Google または GitHub でサインインして、サイトを保存したり、フォルダーに整理したり、各リンクを開けるユーザーを管理したりできます。

匿名でアップロードしたファイルは、数日後に期限切れになります。

HTML ダッシュボードを artifact-site にドロップすると、数秒でリンクになり、サンドボックス化されたフレーム内に表示されます。共有パネルからリンクをコピーできます。

ファイルをドロップしてリンクを取得し、共有できます。公開した作業をオンラインで確認し、共有設定でリンクを開けるユーザーを選択できます。

artifact-site を選ぶ理由

  • 作業を一か所にまとめられます。 ページやドキュメントをフォルダーに整理し、中国語を含む全文検索で見つけられます。チームメンバーやエージェントは、アクセス権のある作業を見つけられます。
  • ドロップして共有できます。 HTML、ビルドフォルダー、ZIP、ドキュメントをアップロードしてリンクを取得できます。大きなサイトは分割してアップロードされます。全員、サインイン済みユーザー、指定したユーザー、またはパスコードを持つユーザーと共有できます。
  • 公開した作業を改善し続けられます。 ブラウザー上で HTML のテキストやソースを編集するか、エージェントにサイト全体を更新させることができます。変更のたびにバージョンが保存され、ロールバックやコピーの保存も可能です。
  • エージェントが前回の続きから作業できます。 ガイド、CLI、MCP を通じて公開や更新を行い、内容を検索して抽出可能なテキストを読めます。たとえば、以前のレポートを見つけて、チームが確認できるよう同じアドレスで更新できます。

比較

チーム向けClaude Artifacts / Claude Code ArtifactsChatGPT Sites(OpenAI)artifact-site
ホスティングAnthropic による管理OpenAI による管理お使いのサーバー。ローカルまたは S3 互換のファイルストレージを使用
公開ワークフローClaude / Claude Code 内ChatGPT Sites 内ファイルのアップロード、CLI、リモート MCP など、あらゆるツール
コンテンツの対象インタラクティブなアーティファクトホスティングされたウェブサイトとアプリ静的 HTML、ビルドフォルダー、ZIP、PDF、Office ドキュメント¹
IDClaude アカウントChatGPT アカウントお使いの OIDC プロバイダー(Google、Keycloak、Okta など)

¹ Office のオンラインプレビューには Gotenberg が必要です。artifact-site は完成したファイルをホスティングします。アプリケーションのバックエンドやビルドジョブは実行しません。

Claude Artifacts と ChatGPT Sites は、コンテンツの作成とホスティングによる共有を組み合わせています。artifact-site は、さまざまなツールで作成したページやドキュメントを、お使いのインフラストラクチャ上の共通の場所で共有することで、こうしたワークフローを補完します。

製品の対象範囲や共有機能はプランによって異なり、変更される場合があります。公式ガイドの Claude Artifacts と ChatGPT Sites をご覧ください。

目次

公開できるコンテンツ

コンテンツできること
HTML、静的サイトフォルダー、ZIPdist/ などのビルド出力を含む、シングルページまたはマルチページのサイトをアップロードしてプレビューできます。HTML ページでは、画面上でのテキスト編集とソース編集に対応しています。
PDFオンラインでの閲覧、検索、テキストの抽出ができます。
PPTX や DOCX などの Office ドキュメントオリジナルを保存してダウンロードできます。オンラインプレビューを利用するには Gotenberg を有効にしてください。

ウェブプロジェクトは、アップロードする前に静的ファイルにビルドしてください。このプラットフォームは、アプリケーションのバックエンドやビルドジョブを実行しません。PDF と Office ドキュメントは画面上での HTML 編集に対応しておらず、スキャン画像は自動的に OCR 処理されません。

ホスティングされたページはサンドボックス内で実行され、プラットフォームのログインセッションを利用できません。外部 API に接続するには、オリジンの許可リストが必要です。実行時の制限とセキュリティ設計をご覧ください。

クイックスタート(ローカルデプロイ)

インストールせずにクラウド版を利用できます。ローカルにデプロイするには、以下の 3 つのコマンドを実行してください。Git、Make、Bash、Docker 24 以降、Compose プラグイン 2.24 以降が必要です。macOS では Docker Desktop を使用してください。Windows では、Docker Desktop の WSL 統合を有効にして、WSL2 内でコマンドを実行してください。Node のインストール、ドメイン、ID プロバイダーは不要です。

git clone https://github.com/lexmount/artifact-site.git && cd artifact-site
cp .env.example .env
make build up

起動したら http://127.0.0.1:4300 を開き、HTML、静的サイトフォルダー、PDF をドロップしてコンテンツを表示します。新しいサイトはデフォルトで非公開です。他の人に送る前に、共有設定でメインリンクへのアクセスを変更してください。

初回実行時に依存関係をダウンロードしてイメージをビルドした後、アプリと Postgres を起動します。新しくクローンしたリポジトリで、以下のコマンドを使用してください。デフォルトではサービスはローカルでのみ利用できます。make down を実行すると、データを保持したまま停止します。チームからアクセスできるようにするには、チーム向けにデプロイするをご覧ください。

試すファイルが必要ですか?サンプルページを作成する
printf '<!doctype html><meta charset="utf-8"><title>Hello</title><h1>Hello, artifact-site!</h1>' > hello.html

hello.html をホームページにドロップするか、アップロードを選択してください。「Hello, artifact-site!」と表示されます。共有設定からリンクをコピーします。ローカルデプロイのリンクは、同じマシン上でのみ開けます。

## コーディングエージェントを接続する

エージェントに合ったエントリーポイントを選択してください。

  • スキル:npx skills add lexmount/artifact-site — エージェントスキルをインストールし、エージェントにサーバーの URL を伝えます。
  • CLI:npm install -g @artifact-site/cli — Node 24+ が必要です。以下のコマンドを使用してください。
  • MCP:https://your-server/mcp — サーバーの OAuth サインインを通じて ChatGPT、Claude、その他の MCP クライアントを接続します。CLI のインストールは不要です。ローカル MCP サーバーの起動のみが可能なクライアントでは、代わりに CLI の artifact-site mcp を実行できます。

CLI と MCP では、独立した共有リンクを作成せず、デフォルトで非公開のアーティファクトが作成されます。 ユーザーからメインリンクの共有を求められた場合は、artifact-site visibility <slug> unlisted または MCP の artifact_site_set_visibility を使用してください。

コーディングエージェントが artifact-site CLI でビルドフォルダーを公開し、共有リンクを返します

コーディングエージェントに任せることもできます。 エージェントガイド(/for-agents.md)、CLI、または MCP サーバーを使えば、「これを公開してリンクを教えて」という指示だけで完了します。サイトの更新、検索、読み取りも同じ方法で行えます。

URL を読み取れる Claude Code、Cursor、Codex、またはその他のコーディングエージェントに、アクセス可能なサーバーアドレスを使って次の指示を与えてください。ホームページにも、サーバーアドレスが入力済みのコピー用ボタンがあります。

Publish this project's output to artifact-site. Publishing guide: https://your-server/for-agents.md

CLI の例(login には OIDC が必要です)。

artifact-site login --base https://your-server        # one-time device sign-in
artifact-site publish dist/ --title "Q3 dashboard"    # publish and return links
artifact-site find "quota"                           # search by content
artifact-site read YOUR_SITE_SLUG                    # replace with a site slug to read its text
認証の詳細

デプロイ環境で エージェントガイドを開き、プロンプト、CLI、MCP のいずれかの方法を選択してください。/for-agents#cli と /for-agents#mcp には、サーバー固有のコマンド、認証手順、クライアント設定が記載されています。リモート MCP はすべてのリクエストを認証します。ChatGPT、Claude、その他の OAuth 対応クライアントは、サーバー独自の同意ページからサインインします。それ以外のクライアントでは、個人用トークンを使用します。公開はデフォルトで非公開です。メインリンクへのアクセスを許可するには、公開範囲の操作を明示的に行ってください。高度な独立リンク機能は、オプトイン方式です。

OIDC に対応したチームのデプロイ環境では、デバイスサインインの承認がサポートされています。上記の匿名のローカルセットアップでは必要ありません。エージェントはガイドとサーバーの公開ポリシーに従って認証方法を選択します。クラウドエージェントは、お使いのコンピューター上の 127.0.0.1 に直接アクセスできません。

ログインの例には OIDC が必要です。リモート MCP は、https://your-server/mcp から利用できる、独立した完全なエントリーポイントです。CLI のインストールは不要です。ChatGPT、Claude、および MCP 認可を実装しているすべてのクライアントは、アドレスだけで接続し、サーバーの OAuth 同意ページからサインインできます。それ以外のクライアントでは、デプロイ環境の /for-agents#mcp ページで個人用トークンを作成し、認証済みの設定をコピーできます。MCP ツールを通じて、バイナリファイルやディレクトリーのアップロードも含め、公開、更新、検索、読み取り、共有、バージョン管理、エクスポート、削除に対応しています。

CLI コマンドとリモート MCP のセットアップとツールを参照してください。

## チーム向けにデプロイする

.env.exampleを参考に、SELFHOST.mdに従って本番環境にデプロイしてください。ARTIFACT_PUBLIC_URLには安定した公開アドレスを設定してください。サインインコールバック、リクエストの送信元チェック、エージェントに渡すアドレスは、この値を基にします。

  • 到達可能なARTIFACT_PUBLIC_URLを設定してリバースプロキシを構成するか、ARTIFACT_WITH_CADDY=onとARTIFACT_DOMAINを設定して、Caddyと証明書の自動発行を有効にします。
  • 公開ポリシーを選択します。loginではOIDCが必要です。tokenではBearerトークンを使ってスクリプトやエージェントが利用できます。openではサービスにアクセスできるすべての人が公開でき、信頼された内部ネットワークに適しています。匿名での公開には、個別のクォータと有効期限を設定できます。
  • GoogleまたはKeycloak、Logto、Authentik、Okta、Auth0などのOIDCプロバイダーに接続します。アカウントはサイトとフォルダーを所有し、エージェントにはデバイスサインインを通じて長期間有効なトークンを付与できます。OIDCを設定すると、デフォルトのARTIFACT_ENFORCE_OWNERSHIP=onによってアカウントベースのアクセス制御が有効になります。管理コンソールを有効にするには、管理者の確認済みサインイン用メールアドレスをARTIFACT_ADMIN_EMAILSに追加します。
  • ARTIFACT_WITH_GOTENBERG=onを設定して、Officeのプレビューを有効にします。管理コンソールでは、コンテンツの削除、クォータ、匿名サイトの有効期限、ポリシーの切り替えを管理できます。デフォルトの公開範囲を選択し、バックアップをスケジュールしてください。

このアプリは、シングルホスト構成ではPostgresをバンドルした単一のDockerイメージとして提供されます。利用可能なビルド済みイメージを使うには、ARTIFACT_IMAGEを設定してmake pullを実行してください。make doctorで設定を確認できます。バックアップと復元にはmake backupとmake restoreを使用します。複数レプリカ、外部Postgres、S3互換ストレージについては、DEPLOY.mdを参照してください。

仕組み

  • アプリケーションとストレージ。 Next.jsがUIとAPIを提供し、Postgresがメタデータを保存します。ファイルはローカルディスクまたはS3互換ストレージに保存されます。外部データベースとオブジェクトストレージを使うことで、複数のアプリレプリカをサポートできます。
  • 不変のバージョン。 アップロードや編集のたびに新しいファイルバージョンが作成され、過去のコンテンツが保持されます。楽観的ロック(expected_version)により、同時更新による競合を検出します。
  • コンテンツの隔離。 プレビューには、allow-same-originを指定せず、制限の厳しいCSPを適用したサンドボックス化されたiframeを使い、アップロードされたコンテンツをプラットフォームから隔離します。パストラバーサルやZIP爆弾への対策として、パスのチェックと展開サイズの制限を設けています。

アーキテクチャ、データモデル、リクエストのフローについては、ARCHITECTURE.mdを参照してください。

ドキュメント

ドキュメント内容
SELFHOST.mdmake upを使った単一マシンへのデプロイ、バックアップ、アップグレード、FAQ
DEPLOY.md複数レプリカのデプロイ:外部Postgres、オブジェクトストレージ、OIDC
.env.exampleすべての設定項目とその説明
ARCHITECTURE.mdシステム構成、データモデル、リクエスト経路、サンドボックス
SECURITY.md脅威モデルと脆弱性の報告方法
cli/README.mdCLI
src/content/publish-skill.mdエージェント向けに提供されるAPI仕様とホスティングの制限
ROADMAP.md今後の予定:セマンティック検索、サイトへのコメント機能など
CHANGELOG.mdリリースごとの変更内容

コントリビューション

ローカルでの開発にはNode 24+とDockerが必要です。

npm install
make dev          # start a disposable Postgres and the development server
npm test          # unit tests, no external services needed

コントリビューションの手順、DCOへの署名、CIの要件については、CONTRIBUTING.mdを参照してください。バグやアイデアはissuesで報告し、質問はdiscussionsでお寄せください。

artifact-siteが役に立ったら、⭐を付けると、ほかの人にも見つけてもらいやすくなります。チームで利用していますか?Discussionsでぜひお知らせください。利用者として掲載できるのを楽しみにしています。

ライセンス

以下のいずれかのライセンスが適用されます。

いずれかを選択できます。明示的に別段の定めがない限り、本プロジェクトへの収録を目的としてお客様が意図的に提出した貢献は、追加の条件を伴わず、上記の両方のライセンスの下でライセンスされます。

© 2025–2026 LexMount。サードパーティコンポーネントは NOTICE に記載されています。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。