プロンプトテンプレートビルダー

変数付きプロンプトテンプレートを作成し、動的に入力して、任意のAIプロバイダー向けのコードとしてエクスポートします

~/prompt-builder
テンプレート:

3 variables: {{max_length}}, {{format}}, {{text}}

Summarize the following text in 200 words. Output as bullet points. {{text}}

変数

Summarize the following text in 200 words. Output as bullet points.

{{text}}

プロンプトテンプレートビルダーとは?

プロンプトテンプレートビルダーは、動的に値を入力できるプレースホルダー変数を含む再利用可能なプロンプトテンプレートを作成するツールです。毎回プロンプトを一から書き直す代わりに、{{変数}}を使ってテンプレートを一度定義し、各ユースケースに合わせて空欄を埋めるだけです。

プロンプトテンプレートは本番環境のAIアプリケーションに不可欠です。API呼び出し間の一貫性を確保し、プロンプトのバージョン管理を可能にし、テンプレート構造とランタイムデータを分離します。主要なAIフレームワーク(LangChain、LlamaIndex、Semantic Kernel)はすべて内部的にプロンプトテンプレートを使用しています。

このビルダーは入力中に{{変数}}を自動検出し、動的な入力フォームを生成し、完成したプロンプトのライブプレビューを表示し、OpenAI、Anthropic、JavaScript、cURL用のすぐに使えるコードをエクスポートします。アカウント不要 — URLでテンプレートを共有できます。

このツールの使い方

プロンプトテンプレートの作成と使用は簡単です:

  1. プリセットテンプレート(要約、コードレビュー、翻訳、データ抽出)から始めるか、ゼロから独自のテンプレートを作成します。
  2. {{variableName}}構文を使ってプレースホルダーを定義します。変数は自動的に検出され、エディターの下に一覧表示されます。
  3. 動的フォームを使って変数の値を入力します。ライブプレビューは入力中にリアルタイムで更新されます。
  4. エクスポート形式を選択します:直接使用するためのプレーンテキスト、Python(OpenAIまたはAnthropic SDK)、JavaScript/TypeScript、またはcURLコマンド。
  5. 生成されたコードをコピーするか、共有URLボタンを使ってテンプレートと変数の値を保持するリンクを作成します。

テンプレート設計のベストプラクティス

以下のガイドラインに従って、より良いプロンプトテンプレートを作成しましょう:

  • 説明的な変数名を使用する — {{target_language}}は{{lang}}よりも明確で、共同作業者がテンプレートを理解しやすくなります
  • 出力形式の指示を含める — 期待する形式(JSON、箇条書き、表)を指定するテンプレートはより一貫した結果を生成します
  • テンプレートに制約を追加する — 「{{max_length}}語以内で」や「{{context}}の情報のみを使用して」などの制約は出力品質を向上させます
  • テンプレートを焦点を絞ったものにする — 1テンプレートに1タスクの方が、多目的なメガプロンプトよりも保守とデバッグが容易です
  • テンプレートをバージョン管理する — 共有URLやJSONエクスポートを使ってバージョンを保存しましょう。テンプレートの小さな変更が出力品質に大きな影響を与えることがあります

エクスポート形式の説明

各エクスポート形式は、プロジェクトに直接貼り付けられる本番環境対応のコードを生成します:

Python(OpenAI SDK使用)

公式openaiパッケージを使用した完全なPythonスニペットを生成します。クライアントの初期化、入力済みプロンプトをユーザーメッセージとしたchat completions API呼び出し、レスポンスの抽出が含まれます。pip install openaiとAPIキーですぐに実行できます。

Python(Anthropic SDK使用)

anthropicパッケージのmessages APIを使用したPythonスニペットを生成します。必須パラメータmax_tokensとレスポンスコンテンツの適切な抽出が含まれます。pip install anthropicとAPIキーですぐに実行できます。

JavaScript / TypeScript(OpenAI使用)

openai npmパッケージとasync/await構文を使用したESモジュールスニペットを生成します。同じchat completions APIを適切なレスポンス処理で使用します。Node.js 18+およびモダンバンドラーと互換性があります。

cURLコマンド

OpenAI API用のすぐに使えるcURLコマンドを生成します。コードを書かずにターミナルから素早くテストするのに便利です。認証ヘッダーには環境変数$OPENAI_API_KEYを使用します。

よくある質問

ビルダーはどの変数構文を使用しますか?

ビルダーは二重波括弧を使用します:{{variableName}}。変数名には文字、数字、アンダースコアのみ使用できます。この構文はほとんどのテンプレートエンジン(Mustache、Handlebars、Jinja2)と互換性があり、プロンプトエンジニアリングで広く使用されています。変数は大文字と小文字を区別します。

チームとテンプレートを共有できますか?

はい。共有URLをコピーボタンをクリックすると、テンプレートと変数の値をエンコードしたURLが生成されます。リンクを持っている人なら誰でも開いて、あなたのテンプレートをそのまま見ることができます。URLはクエリパラメータを使用するため、アカウントやサーバーストレージは不要です。

システムプロンプトに対応していますか?

現在のエクスポートは、入力済みテンプレートを含む単一のユーザーメッセージを生成します。システム + ユーザーメッセージのパターンには、2つのテンプレートを作成して組み合わせるか、エクスポートされたコードを手動で調整してプロンプトをシステムメッセージとユーザーメッセージに分割できます。複雑なマルチメッセージプロンプトには、Message Builderツールの使用をお勧めします。

このツールとMessage Builderの違いは何ですか?

Prompt Builderは変数を含む単一のプロンプトテンプレートに焦点を当てています — 再利用性とコード生成がテーマです。Message Builderはビジュアル編集で複数メッセージの配列(system、user、assistant)を作成します — 会話の構造化がテーマです。テンプレート駆動のワークフローにはPrompt Builderを、会話設計にはMessage Builderを使用してください。

使用できる変数の数に制限はありますか?

技術的な制限はありません。ビルダーはテンプレート内のすべてのユニークな{{variable}}パターンを検出します。ただし、保守性のために、テンプレートの変数は10個未満に抑えることをお勧めします。変数が多いテンプレートは、複数の焦点を絞ったテンプレートに分割するか、マルチステップワークフロー用のPrompt Chain Plannerを使用することで改善されることが多いです。

関連ツール

プロンプトエンジニアリングをレベルアップするための他のツールもご覧ください:

関連ツール