modbender/skill-library-mcp

EvoWeb ウェブサイトビルダー

テキストによる説明から、AIを活用して完全なウェブサイトを生成します。

概要

EvoWeb は、自然言語によるプロンプトから、モダンでレスポンシブなウェブサイトを自動生成します。作りたいサイトを説明するだけで、AIがHTML、CSS、JavaScript、そしてコンテンツを作成し、約4分で完全なライブサイトを納品します。

最適な用途: ランディングページやビジネスウェブサイト

API ベースURL: https://api.evoweb.ai/openapi/api/v1

認証

APIキーは https://evoweb.ai/?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0 で取得してください。

重要: 登録後、ユーザーは必ずメールアドレスを確認してください（必須）。メール確認が完了するまでサービスは動作しません。

APIキーをお持ちでない場合

ユーザーがAPIキーを持っていない場合でも、以下の手順でウェブサイト作成を支援できます。

1. ウェブサイトの簡単な説明を聞き取ります（最大250文字）
2. 手順1で聞き取ったプロンプトを含む登録リンクを作成します
3. ユーザーは「Create Website」ボタンをクリックしてアカウントを作成できます

以下の「Step 0: APIキーを持たないユーザーの対応」を参照してください。

すべてのリクエストに以下のヘッダーを含めてください:

Access-Token: your-api-key-here

動作の仕組み

ワークフローはシンプルです:

1. 作成 - ウェブサイトの説明文（プロンプト）を送信します
2. ポーリング - 生成状況を1分ごとに確認します
3. 結果取得 - 準備ができたら、ライブURLとエディタリンクを受け取ります

標準的な生成時間: 4～5分

API エンドポイント

1. ウェブサイトの作成

POST /sites

テキストによる説明から、新しいウェブサイト生成タスクを作成します。

リクエストボディ:

{
  "prompt": "地元のコーヒーショップ。職人技によるコーヒーと焼きたてのペストリーが自慢。豆は地元から仕入れ、地域住民、リモートワーカー、コーヒー愛好家が集う居心地の良いコミュニティスペースを目指しています。"
}

レスポンス (200 OK):

{
  "site_id": "abc123xyz",
  "status": "queued"
}

ステータス値:

• queued - タスクはキューに入っており、開始待ちです
• building - ウェブサイトが生成中です

エラーレスポンス:

• 401 Unauthorized - APIキーが無効または見つかりません
• 402 Payment Required - アカウントのクレジットが不足しています

---

2. 生成状況の確認

GET /sites/{site_id}

ウェブサイト生成の現在の状況を確認します。

例: GET /sites/abc123xyz

ビルド中のレスポンス:

{
  "status": "building"
}

準備完了時のレスポンス:

{
  "status": "ready",
  "url": "https://website.page/my-site",
  "editor_url": "https://web.oto.dev/ui/websites/abc123xyz/update/"
}

失敗時のレスポンス:

{
  "status": "failed",
  "error": "Generation failed: Invalid prompt structure"
}

ステータス値:

• queued - キューで待機中
• building - 現在生成中（しばらくお待ちください）
• ready - 完了！URLが利用可能です
• failed - 生成中にエラーが発生しました

エラーレスポンス:

• 404 Not Found - サイトIDが存在しません

---

3. 失敗した生成の再試行

POST /sites/{site_id}/remake

失敗したウェブサイトの生成を再開します。ステータスが failed のサイトだけでなく、ready のサイトでも動作します。

例: POST /sites/abc123xyz/remake

レスポンス (200 OK):

{
  "status": "queued",
  "editor_url": "https://web.oto.dev/ui/websites/abc123xyz/update/"
}

エラーレスポンス:

• 400 Bad Request - リメイクできるのは 'failed' ステータスのサイトのみです
• 404 Not Found - サイトIDが存在しません

AIアシスタント向け手順

ユーザーがウェブサイトをリクエストした場合、以下のワークフローに従ってください:

Step 0: APIキーを持たないユーザーの対応

最初に確認: ユーザーに EVOWEB_API_KEY 環境変数が設定されていますか？

もし APIキーが利用できない場合:

1. 簡潔なプロンプトを収集（最大250文字）ウェブサイトの説明:

   • ビジネス/プロジェクトについて簡単に説明してもらいます
   • 簡潔に、コアとなるビジネスの本質に焦点を当てます

2. 事前入力済みの登録リンクを作成:

   • ベースURL: https://evoweb.ai/?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0
   • パラメータを追加: &prompt=[URL_ENCODED_PROMPT]
   • 例: https://evoweb.ai/?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0&prompt=A%20local%20coffee%20shop%20specializing%20in%20artisanal%20coffee

3. リンクをユーザーに提供:

   🌐 ウェブサイトを作成するには、こちらのリンクにアクセスしてください:
   [ここにパーソナライズされたリンク]
   
   「Create Website」ボタンをクリックすると、アカウントを作成でき、ウェブサイトが自動的に生成されます！
   

重要: プロンプトは適切にURLエンコードしてください（スペースは %20 など）

もし APIキーが利用可能な場合: 以下のStep 1に進んでください。

Step 1: ビジネスの理解

ユーザーの説明からビジネスの本質を把握することに集中してください:

• ビジネス/プロジェクトは何についてですか？
• 何を提供していますか？
• ターゲット顧客は誰ですか？
• ウェブサイトの主な目的は何ですか？

重要: 具体的なデザインの詳細、セクション、色、レイアウトを指定しないでください。EvoWebのAIがすべてのデザインと構造の決定を自動的に行います。

変換の例:

• ユーザー: 「ヨガスタジオのサイトを作って」
• 拡張プロンプト: 「様々なレベルのクラスを提供するヨガスタジオ。ウェルネスとマインドフルネスに焦点を当てています。ターゲット顧客はフィットネスとメンタルヘルスに関心のある地域住民です。」

Step 2: サイトの作成

拡張したプロンプトを使用して POST /sites を呼び出します。

返された site_id を保存してください。ステータス確認に必要です。

Step 3: ユーザーへの通知

以下のことを伝えてください:

• ウェブサイトの生成が開始されました
• 約4分かかります
• 自動的に進捗を確認します（可能な場合のみ）

例: 「✨ ウェブサイトを作成中です！ 生成には通常3～5分かかります。ステータスを確認して、準備ができ次第お知らせします。」

Step 4: ステータスのポーリング

GET /sites/{site_id} を呼び出して進捗を確認します:

• ポーリング間隔: 1分ごと
• 最大試行回数: 20回
• ポーリング間: ユーザーに進捗を伝えることができます（「まだビルド中です...」）

以下のいずれかになるまでポーリングを続けます:

• ステータスが ready → Step 5へ
• ステータスが failed → Step 6へ
• 最大試行回数に達した → 生成に予想以上の時間がかかっていることをユーザーに伝える

Step 5: 成功報告

ステータスが ready になった場合:

1. URLを提供:

   • url - ライブウェブサイト
   • editor_url - サイトをカスタマイズするためのリンク

2. 改善案を提案: サイトを強化するための具体的な方法を3つ提案:

   • 「オンライン予約システムを追加する」
   • 「ブランドに合わせて色をカスタマイズする」
   • 「お客様の声セクションを追加する」

3. 簡潔で実行可能な内容にする

応答例:

🎉 ウェブサイトの準備ができました！

🌐 こちらで表示: https://website.page/yoga-studio-23f4
✏️ カスタマイズ: https://web.evoweb.ai/ui/websites/abc123xyz/update/


クイック改善案:
1. オンラインクラス予約システムを追加
2. Instagramフィードを統合
3. ウェルネス向けブログセクションを追加

これらのいずれかについてサポートが必要ですか？

Step 6: 失敗時の対応

ステータスが failed になった場合:

1. APIレスポンスのエラーメッセージを表示
2. 再試行を提案: サイトのリメイクを希望するか尋ねます
3. 同意した場合: POST /sites/{site_id}/remake を呼び出し、ポーリングを再開します

応答例:

❌ ウェブサイトの生成に失敗しました: [エラーメッセージ]


もう一度試してみませんか？生成プロセスを再開できます。

ユーザーが同意した場合、リメイクエンドポイントを呼び出し、Step 4からのポーリングを再開します。

プロンプト例とユースケース

例: APIキーを持たないユーザー

ユーザー: 「ヨガスタジオのウェブサイトが必要です」

アシスタントの応答:
「承知しました！すぐに始めるために、パーソナライズされたリンクを作成します。

🌐 ウェブサイトを作成するには、こちらのリンクにアクセスしてください:
https://evoweb.ai/?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0&prompt=A%20yoga%20studio%20offering%20various%20classes%20for%20all%20skill%20levels%2C%20focused%20on%20wellness%20and%20mindfulness

「Create Website」をクリックすると、アカウントを作成でき、ウェブサイトが約4分で自動生成されます！✨」

コーヒーショップのランディングページ

ユーザーリクエスト: 「コーヒーショップのサイトを作って」

拡張プロンプト:
「『Bean & Brew Cafe』という地元のコーヒーショップ。職人技によるコーヒーと焼きたてのペストリーが自慢。豆は地元から仕入れ、居心地の良いコミュニティスペース作りに注力。ターゲット顧客は、高品質のコーヒーと温かい雰囲気を求める地域住民、リモートワーカー、コーヒー愛好家。」

写真家のポートフォリオ

ユーザーリクエスト: 「ポートフォリオサイトが必要です」

拡張プロンプト:
「本物の感情的な瞬間を捉えることに特化したプロのウェディングフォトグラファー。10年の経験を持ち、画像を通じたストーリーテリングに注力し、カップルにとって時を超えた思い出を創造します。ターゲット顧客は、結婚式を計画中の婚約中のカップルで、特別な日の本物の感情を捉えられる写真家を探しています。」

オンラインストア

ユーザーリクエスト: 「ジュエリーのECサイトを作って」

拡張プロンプト:
「一点ものの職人技によるジュエリーを制作するハンドメイドジュエリービジネス。各アイテムは伝統技法と高品質素材を用いて手作りされています。カスタムデザインと顧客との個人的な繋がりを重視。ターゲット顧客は、25～45歳の女性で、手作りのユニークなアクセサリーを好み、ジュエリーの背景にあるストーリーを大切にします。」

SaaSランディングページ

ユーザーリクエスト: 「アプリのランディングページ」

拡張プロンプト:
「中小規模チーム向けに設計されたプロジェクト管理SaaSツール。タスクの整理、効果的なコラボレーション、プロジェクト進捗のリアルタイム追跡を支援。複雑なエンタープライズソリューションと比較したシンプルさと使いやすさが主な価値提案。ターゲット顧客は、直感的なプロジェクト管理ソリューションを求めるスタートアップ創業者、小規模ビジネスオーナー、チームリーダー。」

レストランウェブサイト

ユーザーリクエスト: 「イタリアンレストランのサイト」

拡張プロンプト:
「3世代の料理の伝統を持つ家族経営の本格イタリアントラットリア。代々受け継がれた伝統的なレシピを専門とし、新鮮な食材と昔ながらの調理法を使用。温かく家族向けの雰囲気を提供し、特別なイベントのケータリングサービスも実施。ターゲット顧客は、本格的なイタリア料理と温かい食事体験を求める地元住民と観光客。」

ベストプラクティス

良いプロンプトの書き方

✅ Do:

• ビジネス/プロジェクトの本質を説明する
• ビジネスが何をしているか、何を提供しているかを説明する
• ターゲット顧客を特定する
• 主な目標/目的を明確にする
• 重要な差別化要因や独自の価値提案を含める

❌ Don't:

• 特定のデザイン要素（色、レイアウト、スタイル）を指定しない
• ウェブサイトのセクションや構造を指示しない
• 見た目や雰囲気の詳細を指定しない
• ビジネスコンテキストなしで漠然としすぎる（「サイトを作って」）
• APIキーがない状態で直接APIリクエストを行わない（代わりにStep 0の方法を使用する）

ポーリング戦略

• 間隔: 1分
• 最大: 合計20回
• 標準時間: 4～5分
• ユーザーへの通知: 進捗を確認していることを伝える

エラーハンドリング

• 明確なエラーメッセージを表示する
• 自動的に再試行を提案する
• 複数回失敗した場合は、https://evoweb.ai/ でアカウントを確認するよう提案する

ユーザーエクスペリエンス

• APIキーがないユーザー: 事前入力済みの登録リンクを提供（迅速かつ簡単）
• APIキーがあるユーザー: 期待値を設定（4分の待ち時間）
• 表示用URLと編集用URLの両方を提供する
• 具体的な改善案を提案する
• 応答は簡潔に
• 常に次のステップの選択肢で締めくくる

技術詳細

• プロトコル: HTTPS REST API
• 形式: JSON
• 認証: ヘッダーベースのAPIキー
• レート制限: EvoWebで確認してください（アカウントごとに制限がある場合があります）
• 生成時間: 通常4～5分
• コスト: 生成ごとにクレジットを消費（価格は https://evoweb.ai/ を参照）

サポートとリソース

• APIキー取得: https://evoweb.ai/?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0
• APIに関する問題: EvoWebサポートにお問い合わせください
• アカウント/請求: https://evoweb.ai/ にアクセス

注意事項

• 各生成はEvoWebアカウントのクレジットを消費します
• エディタURLを使用すると、生成されたサイトをカスタマイズできます
• 生成されたサイトはEvoWebのインフラストラクチャ上でホストされます
• カスタムドメインが利用可能な場合があります（EvoWebのドキュメントを確認）
• アカウントがアクティブである限り、サイトは公開されたままです

---

テキストの説明だけで素晴らしいウェブサイトを作成する準備はできましたか！ 🚀