Skip to main content

Feloランディングページ:テキストプロンプトからGoogle Antigravity向けのライブホストページを生成

· 約16分
Felo Search Tips Buddy
Committed to answers at your fingertips

Feloランディングページスキルが、Google Antigravityエージェントに簡単なテキストプロンプトからライブホスト型ランディングページを生成する力を与える方法を紹介します。

Felo Landing Page - Text prompt transformed into a live hosted landing page

Google AntigravityのAgent Managerは、強力な計画エンジンです。複雑なタスクを分解し、多段階のワークフローを調整し、Gemini 3の機能を活用して問題を解決できます。しかし、すべてのAntigravityチームが最終的に直面する持続的なギャップがあります。それは、**計画が完了した後に何が起きるのか?**ということです。

Gemini 3は、リサーチを要約し、アウトラインを作成し、戦略を提案できますが、ウェブ上で共有できる完成した成果物を生成することはできません。そこで、Feloランディングページスキルが登場し、状況を一変させます。

Antigravityにおける出力ギャップ

すでにGoogle AntigravityのAgent Managerを使用している人には、このパターンがよくわかるでしょう。エージェントがタスクを受け取り、トピックを調査し、発見を構造化されたサマリーにまとめ、Markdown文書として渡します。リサーチも分析も完璧です。しかし、出力はテキストファイルのままです — クライアント、関係者、チームメンバーと共有できる「生きた」ページではありません。

これを出力ギャップと呼びます。Gemini 3にはレンダリングレイヤーがなく、HTMLを生成したり、ページをデプロイしたり、ライブURLを返したりすることはできません。Agent Managerはうまく計画を立てますが、リンクで送れるものを出力することはできません。

Feloランディングページスキルは、このギャップを完全に埋めます。.agent/skills/フォルダに追加し、Gitにコミットするだけで、チーム内のすべてのAntigravityエージェントがリサーチ成果を洗練されたホスト型ランディングページへと変換できます。共有可能なURLが数秒で返されます。

Feloランディングページの機能

コンセプトはシンプルです。そして、このシンプルさこそが強力なのです。

ページ内容を記述するテキストプロンプトをエージェントに与えると、ライブホストされたURLが返ってくる。

手動でのHTML編集は不要です。デプロイ設定もインフラ管理も必要ありません。ページ生成からホスティングまで、すべてスキルが処理し、エージェントのワークフローは中断されることなく続行できます。

1ステップでプロンプトをページ化

典型的なAntigravityワークフローを考えてみましょう。エージェントは3つのSaaS製品の競合調査を終え、価格データ、機能比較、市場ポジショニングを収集しました。通常ならこのリサーチはMarkdownサマリーとして終了しますが、Feloランディングページスキルを導入すると、Agent Managerはリサーチ結果をそのままページ生成にルーティングできます。

  1. エージェントが felo-search や他のデータスキルを使ってリサーチフェーズを完了。
  2. タスクの内容が、「比較ランディングページ」「製品概要ページ」「キャンペーン用マイクロサイト」といった成果物を要求。
  3. SKILL.md の意味的マッチングにより、Feloランディングページスキルが自動で起動。
  4. スキルが完全にホストされたページを生成し、ライブURLを返す。
  5. エージェントがそのURLを最終出力に含める。

このすべてがエージェントタスク内で完結します。ツールを切り替える必要はなく、ブラウザを開く必要もありません。すぐに共有できるリンクが得られます。

インフラ不要

サーバー構築やドメイン設定、ホスティング管理などは一切不要です。このスキルはFeloのホスティングインフラ上でページを生成します。生成されたページはすぐに公開URLでアクセス可能。デプロイもスケーリングもメンテナンスも不要です。

定期的にエージェントのワークフローでランディングページ作成が必要なチーム — キャンペーンページ、製品比較表、イベント登録ページ、または社内ドキュメントポータルなど — にとって、これは運用上の負荷を丸ごと排除します。

Antigravityスキルエコシステムとの関係

Feloランディングページスキルは、AntigravityのAgent Managerの機能を拡張する広範なエコシステムの一部です。多くのチームはスキルを3つの段階に分けて導入します。

第1層:ライブデータレイヤー。 チームは felo-searchfelo-web-fetch を導入し、Gemini 3の学習カットオフ以降の最新情報 — 価格、リリースノート、ドキュメント更新、マーケット動向など — にアクセスできるようにします。

第2層:ナレッジレイヤー。 チームは felo-livedoc を追加し、内部のランブック、アーキテクチャ文書、APIリファレンスを永続的なナレッジベースとしてインデックス化し、エージェントがセッションをまたいで参照できるようにします。

第3層:出力レイヤー。 ここで、Feloランディングページスキルと felo-slidesfelo-content-to-slides が登場し、リサーチ成果を完成した成果物 — ライブホストページや .pptx デッキ — に変換します。

ランディングページスキルはこの出力レイヤーに属します。つまり、エージェントのリサーチを実際に他者と共有できる形に変える最終工程です。

インストール:2分、設定不要

Google Antigravity用のFeloランディングページスキルのインストールは、他のFeloスキルと同じ手順です。

# Clone the Felo skills repository
git clone https://github.com/Felo-Inc/felo-skills.git

# Copy the skill to your Antigravity skills folder
cp -r felo-skills/felo-landingpage ~/.gemini/antigravity/skills/

以上です。フォルダをコピーし、.agent/skills/ をチームのGitリポジトリにコミットすれば、次のpullで全開発者のAntigravity環境に自動反映されます。ユーザーごとの設定も不要で、スキル自体のAPIキー設定や環境変数の管理も必要ありません。

チーム全体での導入

推奨方法は、プロジェクトリポジトリ内の .agent/skills/ にスキルを配置し、Gitにコミットすることです。これでリポジトリをpullする全開発者が自動的にランディングページ生成機能を利用できます。設定ずれを防ぎ、チーム全体で一貫した動作を保証します。

個人利用(テストや、チーム全体に影響を与えたくないプロジェクト)としては、~/.gemini/antigravity/skills/ にインストールすることも可能です。

エージェントがページを生成するときの仕組み

仕組みを理解することで、より良いエージェントタスクを設計できます。Feloランディングページスキルが動作する際、内部で次のプロセスが行われます。

コンテンツ合成。 スキルはエージェントのリサーチフェーズで得た構造化出力を受け取り、ページに適したコンテンツへと統合します。見出し、本文、CTA要素、レイアウト構造などがタスク文脈に基づいて生成されます。

ページレンダリング。 生成されたコンテンツは、レスポンシブデザイン、適切なタイポグラフィ、整理されたビジュアル階層を備えた完全なHTMLページとしてレンダリングされます。ページはデスクトップでもモバイルでも見栄えが良いよう設計されています。

ホスティングとURL生成。 レンダリングされたページはFeloのホスティングインフラにデプロイされ、公開URLが生成されます。このURLがエージェントに返され、タスク出力に含まれます。

即時共有可能。 URLは返された瞬間から有効です。Slackメッセージやメール、プロジェクト管理ツールなどに貼るだけで、リンクを知る誰もがそのページを閲覧できます。

実用的なユースケース

ランディングページスキルは特定のコンテンツ形式に限定されません。リサーチ、分析、構造的情報を伴うあらゆるエージェントタスクに応用できます。以下はAntigravityチームでよく採用されている代表的なケースです。

競合分析ページ

エージェントが市場セグメント内の5社を調査し、価格・機能・ポジショニングデータを収集します。Markdownテーブルを出力する代わりに、エージェントは関係者がブラウザで確認できる比較ランディングページを生成します。各競合ごとの構造化セクション、ビジュアル比較、サマリー推奨事項などが含まれます。

製品ローンチ用マイクロサイト

チームで新機能をローンチする場合、エージェントは市場状況を調査し、価値提案を作成し、社内向けプレビューや早期ユーザー向けソフトローンチページとして使えるランディングページを生成します。リサーチからコピー作成、ページ生成まですべてが1つのタスク内で完結します。

イベント・ウェビナー登録ページ

エージェントが業界イベントの資料準備を任された場合、イベントをリサーチし、主要トピックを整理し、イベント詳細・スピーカー情報・CTAを備えた登録ランディングページを生成します。

社内ドキュメントポータル

チームはスキルを使って社内プロジェクト用ランディングページを生成します。オンボーディングガイド、APIドキュメント概要、アーキテクチャ決定記録など、Markdownファイルよりも見やすいクリーンな形式で提供できます。

キャンペーンランディングページ

エージェント支援のマーケティングチームは、特定キャンペーンごとのランディングページを素早く生成します。エージェントがターゲット層を分析し、メッセージを設計し、レビュー・改善・共有可能なページを作成。キャンペーン開始前に完成させることができます。

Antigravityチームにとっての意義

Feloランディングページスキルの意義は、単なる利便性を超えています。Antigravityエージェントが達成できる範囲そのものを変えるのです。

出力スキルがないエージェントは、計画者であり研究者です。情報を集め、整理し、テキストで提示します。それは有用ですが、ワークフローの半分に過ぎません。残り半分 — その成果を他者が見て、確認し、行動できるものに変える作業 — は常に人が別ツールで行ってきました。

ランディングページスキルを使えば、エージェントがワークフロー全体を完結させます。リサーチはページとなり、分析は共有可能な成果物になります。エージェントは研究補助ではなく、実際の制作ツールへと進化します。

これは特に規模の大きいチームで重要です。1日に多数のエージェントタスクを実行し、それぞれが共有を要するリサーチを含む場合、MarkdownからWebページへの変換の手間は累積して大きな負担になります。この変換作業をなくすことで、時間を節約し、エラーを減らし、ワークフロー全体をエージェント環境内に閉じ込めることができます。

より大きな視点:スキルによる能力拡張

Feloランディングページスキルは、AIエージェントの活用方法を再定義する広範な原則を体現しています。すべてを1つの大規模モデルで解決しようとするのではなく、スキルという形で必要な機能をオンデマンドで追加する考え方です。それぞれのスキルが、ベースモデルの苦手領域を補います。

Gemini 3はライブWebを閲覧できません。felo-search がそれを補います。Gemini 3はチームの内部ドキュメントを永続的に記憶できません。felo-livedoc がそれを補います。Gemini 3はホスト済みWebページを生成できません。felo-landingpage がそれを補います。

結果として、ベースモデルが推論と計画を担当し、スキルがモデル単体ではできないことを処理します。このモジュラー型アプローチにより、チームは必要な機能だけを導入し、数分でインストールし、Gitを通じて組織全体で共有できます。

はじめに

すでにGoogle AntigravityのAgent Managerを利用している場合、Feloランディングページスキルの追加は数分で完了し、設定変更も不要です。Antigravityをこれから使い始める方も、Feloスキルエコシステムを利用することで、初日からエージェントを拡張できます。ライブデータレイヤーから始め、永続的な知識層へ進み、最終的に実稼働レベルの出力を生成するまで。

ランディングページスキルは https://felo.ai/skills/antigravity で利用可能です。ここではAntigravity互換スキルの全カタログを探索し、それぞれのスキルがGemini 3の限界をどのように補うのかを確認できます。

Felo AIおよびその広範なプラットフォームについては https://felo.ai をご覧ください。

まとめ

エージェントのリサーチと共有可能な成果物の間には、常に手動作業というギャップがありました。Feloランディングページはそれを完全に排除します。Antigravityエージェントにテキストプロンプトからライブホスト型ページを生成する力を与えることで、Agent Managerを単なる計画ツールから実際の制作システムへと変貌させます — 要約ではなく、完成した成果を届けるシステムへ。

スキルをインストールし、チームのリポジトリにコミットしてください。そして、エージェントに本来の力を発揮させましょう。リサーチから成果物まで、IDEを離れることなくワークフローを完結できます。

Landing page generation workflow diagram


この記事は次の言語でもお読みいただけます:English简体中文한국어繁體中文हिन्दीFrançaisالعربيةРусскийاردوBahasa IndonesiaDeutschTiếng ViệtTürkçeItalianoไทยEspañolবাংলাPortuguês