ギフプロギフプロ

Claude Tool Use 関数呼び分けデモ|AI生成プロンプト作例

CODE PREVIEW

エディタを読み込み中…
P

プロンプト

ClaudeのTool Use(関数呼び出し)をデモする単一HTMLファイルを作成。2つのモックツールを用意:天気取得(都市名)とフライト検索(出発地、目的地、日付)。チャット風UIで自然言語入力→該当関数を自動判定し、結果をカード表示。ダークテーマ+グラデーション。どの関数がどの引数で呼ばれたか記録するログパネルも。Swiper/GSAP/AOSは不使用。

ClaudeのTool Use(関数呼び出し)を体験できるインタラクティブデモ。2つのモック関数「getWeather(都市)」と「searchFlights(出発地, 目的地, 日付)」を用意。自然言語で「東京の天気は?」や「明日の大阪→札幌便を探して」と入力すると、意図を解析して適切な関数を呼び出し、結果をカード形式で表示。左側のログパネルには呼び出された関数名と引数が記録されるので、関数呼び出しの仕組みを学ぶのに最適です。

このプロンプトは役に立ちましたか?

コメント

コメントは承認後に表示されます

この記事が役に立ったら投げ銭で応援

Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済

開発者が選ぶ最強ツール集

運営者が毎日使っているツール・ガジェット 6選

見る
ホームヘルプ
Claude Tool Use 関数呼び分けデモ|AI生成プロンプト作例 | ギフプロ | ギフプロ