そのサイトを、
エージェント対応に

https://webmcpx.dev/llms.txt を読んでから、このプロジェクトを調べて、AI エージェントにとって役立つ WebMCP ツールを提案してください。どれを追加するか私に確認し、そのうえで webmcpx で追加してください。

import { useTool } from "webmcpx/react";

function Cart({ cart }) {
  useTool({
    name: "add_to_cart",
    description: "Add a product to the cart by SKU.",
    input: { sku: "string", "qty?": "integer" },
    acts: true,
    run: ({ sku, qty = 1 }) => cart.add(sku, qty),
  });
  return <CartView cart={cart} />;
}

<script setup>
import { useTool } from "webmcpx/vue";

useTool({
  name: "add_to_cart",
  description: "Add a product to the cart by SKU.",
  input: { sku: "string", "qty?": "integer" },
  acts: true,
  run: ({ sku, qty = 1 }) => cart.add(sku, qty),
});
</script>

<script>
  import { useTool } from "webmcpx/svelte";

  useTool({
    name: "add_to_cart",
    description: "Add a product to the cart by SKU.",
    input: { sku: "string", "qty?": "integer" },
    acts: true,
    run: ({ sku, qty = 1 }) => cart.add(sku, qty),
  });
</script>

import { tool } from "webmcpx";

tool({
  name: "add_to_cart",
  description: "Add a product to the cart by SKU.",
  input: { sku: "string", "qty?": "integer" },
  acts: true,
  run: ({ sku, qty = 1 }) => cart.add(sku, qty),
});

<form toolname="add_to_cart" tooldescription="Add a product to the cart by SKU." action="/cart" method="post" toolautosubmit>
  <input name="sku" required toolparamdescription="Product SKU, e.g. MUG-01">
  <input name="qty" type="number" min="1" toolparamdescription="How many (default 1)">
  <button>Add to cart</button>
</form>