ryo2/Prompt_Engineering_Tool

🔧 プロンプトエンジニアリングツール

プロンプトエンジニアリングを効率化するためのGradioウェブアプリケーションです。

✨ 機能

• —📁 アコーディオン式UI: 各ショットが折りたたみ可能で、スクロールが最小限
• —🔧 基本4ショット: デフォルトで命令書、制約条件、入力、出力が用意
• —➕ 動的ショット追加: 最大8ショットまで追加可能（合計12ショット）
• —🗑️ 個別削除: 不要なショットを個別に削除可能
• —⬆️⬇️ 順序変更: ショットの順序を自由に変更
• —🔄 リアルタイムプレビュー: 入力内容が即座にMarkdown形式で表示
• —📥 ファイルダウンロード: 生成されたプロンプトをMarkdownファイルでダウンロード
• —📋 コピー機能: テキストエリアから直接コピー可能
• —📊 統計表示: ショット数と入力済み数をリアルタイム表示

🚀 使用方法

このSpaceでの使用

1. 1.ショット入力: 各アコーディオンを開いてショットのタイトルと内容を入力
2. 2.ショット追加: "➕ ショットを追加"ボタンで新しいショットを1つずつ追加
3. 3.ショット管理:
4. 4.⬆️⬇️ ボタンでショットの順序を変更
5. 5.🗑️ 削除ボタンで不要なショットを削除
6. 6.プレビュー: 右側パネルで生成されたMarkdownプロンプトをリアルタイム確認
7. 7.出力: ダウンロードまたはコピーでプロンプトを活用

ローカル実行

# 依存関係のインストール
pip install gradio>=4.0.0

# アプリケーションの実行
python app.py

🎨 UI改善点

• —スクロール負担軽減: アコーディオン式で必要なショットのみ展開
• —直感的操作: 絵文字とアイコンでわかりやすいUI
• —効率的編集: プレースホルダーでガイダンス付き入力
• —一括操作: 全てクリアボタンで素早いリセット
• —クラス設計: 保守性の高いクラスベースアーキテクチャ

🛠️ 技術スタック

• —Python: >=3.10
• —Gradio: >=4.0.0
• —アーキテクチャ: クラスベース設計（MarkdownGenerator, ShotManager, PromptEngineering）

📝 プロンプト例

生成されるMarkdownは以下のような形式になります：

# 命令書
あなたは専門的なAIアシスタントです...

# 制約条件
- 日本語で回答してください
- 簡潔で分かりやすい表現を心がけてください

# 入力
{{ユーザーからの質問}}

# 出力
{{期待される回答形式}}