Teenyappを使用してClaudeデザインアーティファクトをライブウェブサイトにデプロイする

Teenyapp.comは、Claude Design専用に構築されたウェブホスティングサービスです。Claude Designにはコード実行、ファイル作成、任意のHTTPリクエスト機能があるものの、ホスティング先がないというギャップを解決します。TeenyappのリンクをClaude Designに貼り付けると、エージェントがAPIを介して自動的にアーティファクトをライブサイトに公開します。

仕組み

• yourapp.app.teenyapp.com でカスタムドメインを取得し、エージェントトークンを含むTeenyappリンクを受け取ります。
• そのリンクをClaude Designに貼り付けます。リンクは、アーティファクトをデプロイするための指示が書かれた claude.md ファイルを指しています。
• Claude Designが claude.md を読み取り、エージェントトークンを使用してアーティファクトをアップロードし、サイトを設定します。すべて自動で行われます。

デプロイ例

Claude Designのデフォルトの電卓キットプロンプトを使用した例では、デザインモックアップが作成された後、ユーザーがTeenyappリンクを貼り付け、https://calculator.app.teenyapp.com にデプロイするよう指示しました。Claude Designが残りを処理しました。

サポートされるバックエンド機能

• APIリクエストを処理するワーカー
• データベースとファイルストレージ
• 認証（メール/パスワード、Google、GitHub、Discord OAuth）

対象ユーザー

チャットインターフェースから離れずにプロトタイプや小規模アプリをすぐに公開したい、Claude Designを使用する開発者向け。