OAP
GitHubダウンロード
あなたのAIパネルオープンソース · v1.1.3

送信はたったの一度。
検証済みのJSON、すぐに統合できます。

OneShotAiPanelはタスクを一発で実行します：設定したLLM（opencode、shadcn、fallback、または独自アダプター）に接続し、JSONをスキーマに対してストリーミング検証し、結果をあなたのスタックにプラグインします。

プレイグラウンドを試すGitHubダウンロード
✓ リアルタイム・ストリーミング✓ 検証済みのJSONスキーマ（zod）✓ 既存コンテンツのDiff✓ i18n fr / en

プレゼンテーション

仕組み

あなたの選んだLLMに接続し、リクエストを検証済みの成果物に変えるReactコンポーネント。手動のコピー＆ペーストは不要です。

1. タスクを記述する

ユーザープロンプト、システムプロンプト、そしてコンテキストファイル。コンポーネントが最終的なプロンプトを組み立てます。

2. モデル接続を設定する

コンポーネントは、アダプター（opencode、shadcn、fallback）または独自のonSendで構成したプロバイダーに接続します。この接続がなければ何も動作しません。

3. 送信は一度だけ

モデルはストリーミングJSONで応答します。各ticketはスキーマで制御された正確な構造を期待します。

4. 自動検証

応答はスキーマに対して検証されます。不一致があれば、2回目のやり取りのためにターゲットを絞ったフィードバックが返されます。

5. Diffとレビュー

既存のコンテンツがある場合、行ごとのdiffで統合前に何が変わるかを確認できます。

6. プラグイン

onPlugで選択したコンテンツを取得し、自分のコード、アダプター、SDKに組み込みます。

ワイヤーフレーム

コンポーネントを探索する

実際のコンポーネントを読み取り専用で表示。番号付きのポイントにホバーしたりクリックしたりして、各エリアを理解しましょう。

OneShot AI Panel
ステータス
システムプロンプト
追加の指示
追加コンテキスト
ソースファイル

各ファイルは、エージェントが参照できる絶対パスまたはURL（ローカルファイル、CDN、サーバー、ドライブなど）を指す必要があります。

auth.ts
src/lib/auth.ts
package.json
package.json
チケット

チケットは、エージェントが実行する具体的なタスクを記述します。各チケットには、説明、説明文、期待されるレスポンススキーマを設定できます。「完了」とマークされたチケットはプロンプトから除外されます。

ログインフォーム

メール＋パスワード、エラー処理。

サインアップ

検証付きのアカウント作成。

ルート保護

プライベートルート用のミドルウェア。

AIレスポンス
レスポンスなし
「生成」をクリックするとレスポンスが得られます

番号付きのポイントをクリックして各エリアを探索。ホバーでプレビューを表示します。

1

ヘッダー

ヘッダーバーにはタスクのタイトル、ヘルプボタン（統合ポイントとクレジット）、設定ボタンが表示されます。すべてprops（title、showInfoButton、showSettingsButton…）で設定可能です。

設定

すべてのオプション、propsで

設定はインテグレーション層で行われます。主なオプションは次のとおりです。

コンテンツ

  • titlestring

    コンポーネントのヘッダーに表示されるタイトル。

  • systemPromptstring

    モデルに与えられる役割とルール。

  • initialUserPromptstring

    ユーザーフィールドにあらかじめ入力される初期リクエスト。

コンテキスト

  • filesAiPanelContextFile[]

    モデルへのコンテキストとして提供されるプロジェクトファイル。

  • ticketsAiPanelTicket[]

    タスクの分解。各ticketはJSONスキーマを持ちます。

契約

  • parserAiPanelResponseParser

    レスポンスのパースと検証をカスタマイズします。

  • invalidMode'warn' | 'block'

    レスポンスがスキーマを検証しない場合に警告またはブロックします。

アダプター

  • adapterAiAdapterConfig

    プロバイダー（opencode、shadcn、fallback）、モデル、APIキー。

  • onSendAiPanelSendHandler

    送信を独自ロジック（SDK、プロキシ…）で置き換えます。

イベント

  • onPlugfn(response, keys)

    ユーザーが選択したコンテンツを統合したときに呼び出されます。

i18n

  • language'fr' | 'en'

    インターフェースの言語。

  • labelsPartial<AiPanelLabels>

    任意のラベルを細かく上書きします。

UI

  • actionLabelstring

    メインの実行ボタンのラベル。

  • showInfoButtonboolean

    ヘルプ／統合／クレジットボタンを表示します。

  • showSettingsButtonboolean

    設定ボタンを表示します。

  • showInfoIntegrationboolean

    ヘルプパネルに統合ポイントを表示します。

  • showInfoCreditsboolean

    ヘルプパネルにクレジットを表示します。

Diff

統合する前に確認

ticketに既存のコンテンツがある場合、コンポーネントが比較して選択させてくれます。

既存コンテンツのあるticket？

コンポーネントは、既存のコンテンツとモデルの提案の間で行ごとのdiffを計算します。統合前に保持、置換、または混合できます。

プレイグラウンド

ここで試してみる

このページで実際にコンポーネントが動作します。propsを調整し、表示を選び、実行しましょう。

ticketのレスポンス形式で許可されるJSONタイプ：

objectarraystringnumberintegerbooleannull

レスポンス形式は各ticketに期待される値を記述します。例：{ "type": "object", "properties": { "email": { "type": "string" } }, "required": ["email"] }

プレイの準備完了

生成はサーバーなしでエンドツーエンドにシミュレートされます（ストリーミング＋検証）。

カウンター

サイトの数字

リアルタイムで更新される公開カウンター。1クリック、1カウント。

0アクセス数
0GitHubクリック数
0ダウンロード数

ベストエフォート方式のカウント · 1セッションにつき1アクセス。