> ## Documentation Index
> Fetch the complete documentation index at: https://docs.olostep.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Olostep + OpenClaw 統合

> OpenClaw エージェントに13のスキルと9つのツールを備えたMCPサーバーでライブウェブアクセスを提供

あなたのOpenClawエージェントはドキュメントを読むことができますが、ウェブを読むことはできません。[Olostep Web Agentプラグイン](https://clawhub.ai/plugins/olostep-web-agent)がそれを解決します — 検索、スクレイピング、クロール、そして任意のウェブサイトから構造化データを抽出し、エージェントのワークフロー内で直接実行できます。

1回のインストールで、高レベルのタスク用に**13のスキル**（ライブのStackOverflowスレッドからエラーをデバッグ、最新のドキュメントから統合コードを作成、構造化比較でツールを調査）と、直接プログラムアクセスのための**9ツールMCPサーバー**を提供します。JS重視のSPA、CAPTCHA、Cloudflare、住宅プロキシ — 自動的に処理されます。

## インストール

```bash theme={null}
clawhub install olostep
```

これで完了です。MCPサーバーを手動で接続したい場合は、OpenClawの設定に次を追加してください：

```json theme={null}
{
  "mcpServers": {
    "olostep": {
      "command": "npx",
      "args": ["-y", "olostep-mcp"],
      "env": {
        "OLOSTEP_API_KEY": "your-api-key-here"
      }
    }
  }
}
```

[olostep.com/auth](https://olostep.com/auth)で無料のAPIキーを取得できます — 月500リクエスト、クレジットカード不要。

## スキル

### コアデータスキル

これらの6つのスキルは基礎です。それぞれが1つのことをうまく行い、エージェントはそれらを組み合わせて複雑なワークフローを作成できます。

<CardGroup cols={2}>
  <Card title="scrape" icon="file-lines">
    任意のURLをクリーンなmarkdown、HTML、JSON、またはテキストに変換。フルブラウザレンダリング、アンチボットバイパス、地理ターゲティング、ブラウザアクション（クリック、スクロール、入力）、一般的なサイトタイプ用の事前構築パーサーを提供。
  </Card>

  <Card title="search" icon="magnifying-glass">
    3つのモード：引用付きのAI合成回答、生のGoogle SERPデータ（オーガニック結果、PAA、ナレッジグラフ）、ドメインスコープのURL発見。
  </Card>

  <Card title="crawl" icon="spider-web">
    1つのURLから始め、リンクをたどり、発見されたすべてのページをスクレイプ。最大ページ数を設定し、URLパターンを含めたり除外したり、クロールの深さを制御。
  </Card>

  <Card title="batch" icon="layer-group">
    フルレンダリングで最大10,000のURLを並行してスクレイプ。各URLに`custom_id`をタグ付けして、結果を元のソースにマッピング。
  </Card>

  <Card title="map" icon="map">
    スクレイプせずにウェブサイト上のすべてのURLを発見。グロブパターンでフィルタリングし、検索クエリの関連性でランク付けし、`top_n`で制限。
  </Card>

  <Card title="answers" icon="question">
    普通の言葉で質問し、ライブウェブソースに基づいたAI合成回答を得る。`json`パラメータを渡して、定義した任意のスキーマに一致する構造化出力を取得。
  </Card>
</CardGroup>

### ワークフロースキル

これらの7つのスキルは、複数のコア操作を連鎖させます。思考を処理し、エージェントは仕事に適したスキルを選ぶだけです。

<CardGroup cols={2}>
  <Card title="research" icon="microscope">
    "Node.jsのトップ3 ORMを比較" — エージェントは複数のソースを検索し、価格と機能ページをスクレイプし、引用付きの構造化比較と推奨を返します。
  </Card>

  <Card title="debug-error" icon="bug">
    スタックトレースまたはエラーメッセージを貼り付けます。エージェントはGitHubの問題とStackOverflowを検索し、その正確なエラーを探し、関連するスレッドをスクレイプし、実際に同じ問題に直面した開発者が行った修正を返します。
  </Card>

  <Card title="docs-to-code" icon="code">
    ドキュメントのURLを指定します。エージェントは現在のAPIリファレンスをスクレイプし、実際に公開されている内容から動作する統合コードを書きます — 廃止されたメソッドを参照する可能性のある古いトレーニングデータからではありません。
  </Card>

  <Card title="migrate-code" icon="code-branch">
    現在のバージョンとターゲットバージョンを指定します。エージェントは移行ガイドをスクレイプし、すべての破壊的変更を前後のパターンで抽出し、コードを一致するように書き換えます。
  </Card>

  <Card title="extract-schema" icon="table">
    任意の非構造化ウェブページ — 商品リスト、求人広告、記事 — を提供されたTypeScriptインターフェース、JSONスキーマ、またはデータベースモデルに一致する型付きJSONに変換。
  </Card>

  <Card title="integrate" icon="plug">
    スタック（言語、フレームワーク、AIツールキット）を自動検出し、完全なOlostep SDK統合を作成：インストールコマンド、クライアントセットアップ、ツールの接続、検証ステップ。
  </Card>

  <Card title="setup" icon="key">
    Olostep APIキーを設定し、接続を確認。一般的なセットアップ問題のトラブルシューティングを含む。
  </Card>
</CardGroup>

## MCPツール

バンドルされたMCPサーバー（`olostep-mcp`）は、エージェントに直接呼び出せる9つのツールを提供します。ワークフロースキルが提供するものを超えて、細かい制御が必要な場合に使用します。

| ツール                   | 機能                                          |
| --------------------- | ------------------------------------------- |
| `scrape_website`      | 単一のURLをmarkdown、HTML、JSON、またはテキストにスクレイプ     |
| `get_webpage_content` | ウェブページをクリーンでLLM対応のmarkdownとして取得             |
| `search_web`          | ライブウェブを検索し、AI合成回答を取得                        |
| `google_search`       | 構造化されたGoogle SERPデータ — オーガニック結果、PAA、ナレッジグラフ |
| `answers`             | 質問をし、引用付きの回答を得る（オプションで構造化されたJSON出力）         |
| `batch_scrape_urls`   | フルレンダリングで最大10,000のURLを並行してスクレイプ             |
| `create_crawl`        | 開始URLからリンクをたどってウェブサイトをクロール                  |
| `create_map`          | ウェブサイト上のすべてのURLを発見し、パターンとクエリでフィルタリング可能      |
| `get_website_urls`    | 特定のドメインから関連するURLを見つけて取得                     |

## 実際の使用例

### 「なぜこれが失敗するの？」 — ライブウェブからデバッグ

`ECONNRESET when calling Stripe webhook endpoint`をエージェントに貼り付けます。エージェントはGitHubの問題とStackOverflowを検索し、その正確なエラーを探し、最も関連性の高い3つのスレッドをスクレイプし、具体的な修正を返します — 「ネットワーク設定を確認してください」ではなく、同じ壁にぶつかった他の開発者が実際に解決したタイムアウト設定です。

### 「統合を書いて」 — 古いトレーニングデータではなく、最新のドキュメントからコードを生成

支払いAPIを統合する必要があります。`docs-to-code`スキルは、今日公開された現在のAPIリファレンスをスクレイプし、実際に存在するパラメータとエンドポイントを使用して動作するコードを書きます。

### 「どれを使うべき？」 — 構造化されたツールの比較

ORMを評価中ですか？認証プロバイダーを比較中ですか？`research`スキルは複数のソースを検索し、実際の価格ページと機能マトリックスをスクレイプし、引用付きの構造化比較表を返します。各製品のウェブサイトに実際にある情報に基づいた推奨を得られます。

### 任意のドキュメントサイトからRAGパイプラインを構築

```
map   → ドキュメントサイト上のすべてのURLを発見
batch → すべてのページをクリーンなmarkdownとして並行してスクレイプ
      → ベクトルストアにフィード
```

2つのスキル、1つのパイプライン。数百または数千のページを持つドキュメントサイトで動作します。

### 大規模な構造化データの抽出

```
map   → すべての商品、リスト、または求人URLを発見
batch → 各ページを事前構築パーサーでスクレイプ → 型付きJSON
      → データベース、API、またはシードファイルにパイプ
```

### 新しいフレームワークバージョンへの移行

Next.js 13から15へのアップグレードを行っています。`migrate-code`スキルは公式の移行ガイドをスクレイプし、すべての破壊的変更を前後のコードパターンで抽出し、ファイルを一致するように書き換えます — 実際のドキュメントに基づいて、モデルの推測に基づくのではありません。

## 事前構築パーサー

任意のスクレイプ呼び出しに`parser`パラメータを渡し、生のコンテンツの代わりに型付きJSONを取得します。スキーマ定義は不要 — これらが抽出を処理します。

| パーサー                         | 戻り値                              |
| ---------------------------- | -------------------------------- |
| `@olostep/google-search`     | オーガニック結果、ナレッジグラフ、People Also Ask |
| `@olostep/amazon-it-product` | 価格、評価、機能、在庫状況                    |
| `@olostep/extract-emails`    | ページ上で見つかったすべてのメールアドレス            |
| `@olostep/extract-calendars` | 構造化されたカレンダーイベント                  |
| `@olostep/extract-socials`   | ソーシャルメディアのプロフィールリンク              |

## リンク

<CardGroup cols={2}>
  <Card title="ClawHubにインストール" icon="store" href="https://clawhub.ai/plugins/olostep-web-agent">
    プラグインリスト、バージョン履歴、ワンコマンドインストール
  </Card>

  <Card title="APIキーを取得" icon="key" href="https://olostep.com/auth">
    月500回の無料リクエスト、クレジットカード不要
  </Card>

  <Card title="MCPサーバードキュメント" icon="server" href="/integrations/mcp-server">
    Cursor、Claude Desktop、その他のクライアント用の完全なMCPサーバー設定
  </Card>

  <Card title="APIリファレンス" icon="book" href="https://docs.olostep.com">
    サンプル付きの完全なエンドポイントドキュメント
  </Card>
</CardGroup>
