Darkhn/Sampler_settings_and_system_prompt
<style> body { font-family: 'Quicksand', sans-serif; background: linear-gradient(135deg, #4a1e00 0%, #1c0a00 100%); color: #F5EFE6; margin: 0; padding: 0; font-size: 16px; }
h1, h2, h3, h4, summary { font-family: 'Cinzel', serif; }
.container { margin: 20px auto; max-width: 900px; background-color: rgba(28, 22, 18, 0.95); padding: 30px; border-radius: 12px; box-shadow: 0 4px 20px rgba(255, 140, 0, 0.15); border: 1px solid rgba(255, 140, 0, 0.2); outline: 1px solid rgba(255, 140, 0, 0.5); outline-offset: -1px; position: relative; }
.container::before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 1px solid rgba(255, 165, 0, 0.98); border-radius: 12px; pointer-events: none; animation: borderGlow 2.5s ease-in-out infinite; }
@keyframes borderGlow { 0% { box-shadow: 0 0 5px rgba(255, 165, 0, 0.98); } 50% { box-shadow: 0 0 12px rgba(255, 165, 0, 0.98); } 100% { box-shadow: 0 0 5px rgba(255, 165, 0, 0.98); } }
.header h1 { font-size: 32px; color: #FFA500; margin: 0 0 20px 0; text-align: center; text-shadow: 0 0 12px rgba(255, 100, 0, 0.6); }
.header p { text-align: center; color: #c9a97a; font-size: 15px; margin-top: -10px; margin-bottom: 20px; }
a { color: #FFD700; text-decoration: none; transition: color 0.3s ease; }
.button { display: inline-block; background-color: #E55B00; color: #FFFFFF; padding: 12px 24px; border-radius: 5px; cursor: pointer; text-decoration: none; font-family: 'Cinzel', serif; font-weight: 600; transition: all 0.3s ease; border: 1px solid transparent; }
.button:hover { background-color: #FF8C00; box-shadow: 0 0 15px rgba(255, 140, 0, 0.5); transform: translateY(-2px); }
.info-card { background: rgba(45, 35, 25, 0.95); border: 1px solid rgba(255, 140, 0, 0.2); border-radius: 8px; overflow: hidden; margin-bottom: 25px; }
.info-header { background: rgba(255, 140, 0, 0.1); padding: 20px; border-bottom: 1px solid rgba(255, 140, 0, 0.2); }
.info-header h3 { color: #FFA500; margin: 0 0 10px 0; font-size: 22px; }
.card-content { padding: 20px; line-height: 1.7; }
.card-content ul { list-style: none; padding-left: 20px; }
.card-content li::before { content: '✦'; color: #FFD700; font-weight: bold; display: inline-block; width: 1em; margin-left: -1.2em; }
.card-content strong { color: #FFD700; }
.note-card { border: 1px solid #FFA500; box-shadow: 0 0 10px rgba(255, 165, 0, 0.1); }
.note-header { background: rgba(255, 165, 0, 0.1); }
.note-header h3 { color: #FFA500; text-align: center; }
.support-section { text-align: center; margin-top: 40px; background: rgba(45, 35, 25, 0.95); border: 1px solid rgba(255, 140, 0, 0.2); border-radius: 8px; padding: 20px; }
summary { cursor: pointer; list-style: none; outline: none; display: flex; align-items: center; }
summary::before { content: '▶'; font-size: 1.2em; color: #FFA500; margin-right: 15px; transition: transform 0.2s ease; }
details[open] > summary::before { transform: rotate(90deg); }
h2 { color: #FFA500; border-bottom: 1px solid rgba(255, 140, 0, 0.2); padding-bottom: 10px; margin-bottom: 20px; }
code { background: rgba(255, 140, 0, 0.1); border: 1px solid rgba(255, 140, 0, 0.25); border-radius: 4px; padding: 2px 7px; font-family: 'Courier New', monospace; font-size: 0.9em; color: #FFD700; } </style>
<div class="container"> <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Quicksand:wght@400;500&display=swap" rel="stylesheet">
<div class="header"> <h1>Sampler Settings & System Prompts</h1> <p>A curated collection of chat templates, system prompts, and sampler presets for SillyTavern text completion</p> </div>
<div class="info">
<div class="info-card note-card"> <div class="info-header note-header"> <h3>📜 What's In This Repo</h3> </div> <div class="card-content"> <p>This is a personal collection of <strong>chat templates</strong>, <strong>system prompts</strong>, and <strong>sampler configurations</strong> built and refined for use with <em>SillyTavern</em> in text completion mode. Everything here is ready to drop in and use, or serve as a starting point for your own tuning.</p> </div> </div>
<div class="section-container"> <details open> <summary><h2>Contents</h2></summary> <div class="info-card"> <div class="card-content"> <ul> <li><strong>Chat Templates:</strong> Instruction formats and prompt structures tuned for various model families (Mistral, Llama, etc.) in text completion mode.</li> <li><strong>System Prompts:</strong> Ready-to-use system prompts covering roleplay personas, narrative styles, assistant behaviors, and more.</li> <li><strong>Sampler Presets:</strong> Configured sampler settings (temperature, repetition penalty, top-k/p, etc.) optimized for different use cases and vibes.</li> </ul> </div> </div> </details> </div>
<div class="section-container"> <details> <summary><h2>Notes & Compatibility</h2></summary> <div class="info-card"> <div class="card-content"> <ul> <li>Tested primarily with <strong>text completion backends</strong> (KoboldCpp, llama.cpp, TabbyAPI, etc.).</li> <li>Templates are written for specific instruction formats — check the filename or header to match to your model.</li> <li>Sampler settings are subjective — treat them as a baseline and adjust to taste.</li> <li>System prompts are modular; mix and match sections as needed.</li> </ul> </div> </div> </details> </div>
<div class="section-container"> <details> <summary><h2>Acknowledgements</h2></summary> <div class="info-card"> <div class="card-content"> <ul> <li>Thanks to the <strong>SillyTavern</strong> team for building and maintaining such a flexible frontend.</li> <li>Thanks to the open-source model and sampler research communities for the knowledge that informs these settings.</li> </ul> </div> </div> </details> </div>
<div class="support-section"> <p><strong>Found something useful? Help me keep experimenting.</strong></p> <a href="https://ko-fi.com/som1tokmynam" target="_blank" class="button"> Support on Ko-fi </a> </div>
</div> </div>
