README.md

---
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. **出力**: ダウンロードまたはコピーでプロンプトを活用

### ローカル実行

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

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

## 🎨 UI改善点

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

## 🛠️ 技術スタック

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

## 📝 プロンプト例

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

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

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

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

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