README.md

metadata

title: プロンプトエンジニアリングツール
emoji: 🔧
colorFrom: blue
colorTo: purple
sdk: gradio
sdk_version: 4.0.0
app_file: app.py
pinned: false
tags:
  - prompt-engineering
  - japanese
  - markdown
  - gradio
  - nlp

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

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

✨ 機能

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

🚀 使用方法

このSpaceでの使用

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

ローカル実行

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

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

🎨 UI改善点

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

🛠️ 技術スタック

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

📝 プロンプト例

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

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

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

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

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