promptlabダウンロードpromptlabソースコードのダウンロード

promptlab

AI ソースコード

1.0.0

ダウンロード

PROMPTLAB⚡

PromptLabは、ReactとTypeScriptで構築された強力なプロンプトエンジニアリングおよび管理ツールです。パイプラインベースのアプローチを使用して、AIプロンプトを作成、テスト、および管理できます。

特徴

パイプラインベースのプロンプト処理
リッチテンプレート管理
？モジュラーアドオンシステム
？リアルタイムプレビュー
？ Tailwind CSSとShadcn/UIを備えた最新のUI

はじめる

リポジトリをクローンします：

git clone https://github.com/yourusername/promptlab.git
cd promptlab

依存関係をインストールします：

bun install

開発サーバーを開始します。

bun run dev

プロジェクト構造

src/ - ソースコード
- lib/ - コアライブラリとユーティリティ
  - pltl/ - プロンプトラボテンプレート言語実装
    - templates/ - テンプレートストレージ
      - prompts/ - ベースプロンプトテンプレート
      - assistants/ - アシスタントテンプレート
      - addons/ - パイプラインアドオンテンプレート
    - interpreter.ts -pltlインタープリター
    - loader.tsテンプレートローダー
    - types.tsタイプ定義
  - context.tsx反応コンテキストプロバイダー
  - utils.tsユーティリティ関数
- components/ - 反応コンポーネント
  - ui/ - 再利用可能なUIコンポーネント
  - app-sidebar.tsxサイドバーコンポーネント
  - copyarea.tsxテキスト領域をコピーします
  - pipeline-processor.tsxパイプラインプロセッサ
- hooks/ - カスタム反応フック
  - pltl.tsパイプライン操作フック
  - use-mobile.tsxモバイル検出フック
- App.tsxメインアプリケーションコンポーネント
- main.tsxアプリケーションエントリポイント
- main.cssグローバルスタイル

構造は、次のモジュールアプローチに従います。

src/lib/pltlコアPLTL機能を処理します
src/componentsには、すべての反応コンポーネントが含まれています
src/hooks州の管理にカスタムフックを提供します

使用法

サイドバーからベースプロンプトを選択します
必要な引数を構成します
オプションのアドオンを追加して、出力を変更します
入力テキストを入力します
処理された出力を表示およびコピーします

パイプラインシステム

パイプラインシステムを使用すると、次のことができます。

ベースプロンプトテンプレートを設定します
複数のアドオンを追加します
引数を構成します
パイプライン全体を使用して入力テキストを処理します

usePipelineOperationsフックを使用した使用の例：

 const { addAddon , removeAddon , replaceBasePLTL , updateArguments } = usePipelineOperations ( ) ;

// Set base prompt
replaceBasePLTL ( template ) ;

// Add addon
addAddon ( addon ) ;

// Update arguments
updateArguments ( { key : "value" } ) ;