HostMyClaudeHTML:Claude HTMLアーティファクトのワンクリック共有

✍️ OpenClawRadar📅 公開日: April 19, 2026🔗 Source
HostMyClaudeHTML:Claude HTMLアーティファクトのワンクリック共有
Ad

開発者がhostmyclaudehtml.comを作成しました。これは、Claude AIによって生成されたHTML成果物を、ライブでアクセス可能なURLとして簡単に共有できるウェブツールです。

機能

このサイトでは、Claudeから生成されたあらゆるHTML成果物を共有できます。手順は次の通りです:Claudeから.htmlファイルをダウンロードし、サイトにドラッグ&ドロップすると、瞬時にリンクが生成され、誰にでも送信できます。このツールは無料で、ファイルをアップロードする人も、閲覧する人もサインアップは必要ありません。

解決する課題

Claudeはダッシュボード、可視化、インタラクティブツールなどのHTML成果物を生成しますが、共有には手間がかかります。既存の選択肢としては、GitHub PagesやNetlifyを設定する、生の.htmlファイルを送信してローカルでの開き方を説明する、またはClaudeの組み込み公開機能を使用する(閲覧者が完全なアクセスのためにClaudeアカウントを必要とする)などがあります。このツールは、よりシンプルなフローを目指しています:Claude → ダウンロード → ファイルをドロップ → リンクを送信。

構築方法

開発者は、Claudeとの「雰囲気コーディング」によってフロントエンド全体を作成しました。彼らは、最小限のドラッグ&ドロップインターフェース、瞬時のURL生成、最近のアップロード履歴といった望ましいユーザー体験を説明し、会話を通じてデザインとロジックを繰り返し改良しました。Claudeはまた、ランディングページのコピーとメタタグの作成も支援しました。

技術詳細

このサイトは、単一ページのHTMLファイルに最適化されており、これは典型的なClaude成果物の形式に一致しています。開発者はコミュニティからのフィードバックと機能アイデアを求めています。

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Chrome拡張機能がClaude Code Webにライブプレビュー機能を追加
Tools

Chrome拡張機能がClaude Code Webにライブプレビュー機能を追加

Claude Code PreviewというChrome拡張機能が、Claude Code Webにライブプレビュー機能を追加し、Lovableや他の「バイブコーディング」サイトと同様に、デプロイメントを並べて表示できるようにします。

OpenClawRadar
Lat.md: コードベースのためのマークダウンベースのナレッジグラフ
Tools

Lat.md: コードベースのためのマークダウンベースのナレッジグラフ

Lat.mdは、lat.md/ディレクトリ内の相互接続されたマークダウンファイルを使用して、コードベースの知識グラフを作成します。単一のドキュメントではスケーリングの問題を解決し、[[wikiリンク]]でセクションをリンクし、// @lat: [[section-id]]のようなコメントでソースコードに接続し、検証と検索のためのCLIツールを提供します。

OpenClawRadar
Mneme: アーキテクチャ上の決定に違反するClaude Code編集をブロックするPreToolUseフック
Tools

Mneme: アーキテクチャ上の決定に違反するClaude Code編集をブロックするPreToolUseフック

Mnemeは、Claude CodeのPreToolUseフックで、ディスクへの書き込み前にすべてのEdit/Write/MultiEditをローカルの決定ファイルと照合し、手動介入なしで違反を阻止します。

OpenClawRadar
オープンソースツールにより、ClaudeがUnreal Engineを直接制御可能に
Tools

オープンソースツールにより、ClaudeがUnreal Engineを直接制御可能に

soft-ue-cliは、Claude CodeとClaude Desktopがエディター操作なしでUnreal Engine内でコマンドを実行できるようにするPythonツール(C++プラグイン付き)です。ブループリント編集、アクターのスポーン、パフォーマンスプロファイリングなど、60以上の操作をサポートしています。

OpenClawRadar