SillyTavern Preset Editor

A lightweight, user-friendly web editor for managing SillyTavern preset.json files efficiently, powered by Vue.js and Tailwind CSS.

🌐 Try it online: https://stpe.nativus.workers.dev/

🖼 Overview

The default SillyTavern preset editor offers basic functionality but can be slow and lacks advanced editing features (e.g., macro highlighting, variable management).

This project enhances your editing experience with an intuitive, high-performance and powerful UI/UX.

Prompt Manage & Edit

Macro Analysis & Preview

Variable Tools

🎯 Key Features

• ⚡ Real-time Editing & Saving: Instantly edit prompts with batch selection and drag-and-drop. Changes are saved locally for secure, persistent editing.
• 🧩 Syntax Highlighting: Automatically highlight special macros within prompts, enabling quick reference.
• 🔍 Macro Analysis & Preview: Instantly analyze macros and switch between raw and preview modes for efficient editing.
• 📊 Variable Management: Efficiently rename and track variable usage across all prompts.

🚀 Getting Started

1. 📥 Import: Load your existing preset.json file via the import modal.
2. ✏️ Edit: Visually manage, modify, and rearrange prompts effortlessly.
3. 🧩 Analyze: Track macros and variables, viewing their usage across prompts.
4. 📤 Export: Save and export your updated JSON file for use with SillyTavern.

🚧 Development

Run the development server with hot-reloading:

npm install
npm run dev

Access the app at http://localhost:5173 (default port).

🚢 Deployment

Build for production:

npm run build

Deploy the contents of the generated dist folder to any static hosting provider (e.g., GitHub Pages, Netlify, Vercel).

📄 License

MIT License. See LICENSE for details.

🤝 Contributing

Contributions are welcome! Please open an issue or submit a pull request if you encounter any bugs or have feature suggestions.

---

Developed by 🤖 using Vue.js and Tailwind CSS.