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を使用する開発者向け。
📖 Read the full source: r/ClaudeAI
👀 See Also
ClearSpec: Claudeコードにおけるハルシネーションを軽減する仕様ジェネレーター
ClearSpecは、平易な英語の説明から構造化された仕様書を生成するツールで、GitHubリポジトリに接続して実際のファイルパスや依存関係を参照し、その仕様書をClaude Codeへのプロンプトとして使用して、より良いコンテキストを提供します。
オープンソースのキュレーションされたオープンクローリソースコレクションが公開されました
AI開発とコラボレーションを強化するためにコミュニティによってキュレーションされた、新しいオープンソースのOpenClawリソースコレクションを発見してください。
MCPサーバーは、AIエージェントを既存のChromeセッションに接続し、クッキーと認証情報を利用可能にします。
@playwright-repl/mcpは、Dramaturg拡張機能を介してAIエージェントを既存のChromeブラウザに接続するMCPサーバーで、クッキーや認証情報を含む実際のブラウザセッションへのアクセスを提供します。Playwright JavaScriptの完全なサポート、アサーション機能を備え、Claude Desktop、Claude Code、Cursor、または任意のMCPクライアントで動作します。
アナムネーゼ：MCP経由のクロード用個人記憶システム
Anamneseは、個人のコンテキスト（事実、プロジェクト、目標、タスク）を保存し、MCPを介してClaudeに接続することで、AIがすべての会話の開始時にこの情報にアクセスできるようにする無料ツールです。