first commit

pages/best-practices.md

@@ -0,0 +1,40 @@
+# Best Practices for LLM Security Benchmarking
+
+<ul class="better-list">
+  <li><span class="highlight-word animated-highlight">Comprehensive vulnerability coverage</span>: Test for all five risk categories, not just obvious harmful content generation.</li>
+  
+  <li><span class="highlight-word animated-highlight">Systematic approach</span>: Combine automated testing with human red-teaming for maximum effectiveness.</li>
+  
+  <li><span class="highlight-word animated-highlight">Continuous evaluation</span>: Security benchmarking should be an ongoing process throughout the LLM lifecycle, not a one-time assessment.</li>
+  
+  <li><span class="highlight-word animated-highlight">Attack diversity</span>: Employ multiple attack techniques and enhancement methods to thoroughly probe the system.</li>
+  
+  <li><span class="highlight-word animated-highlight">Detailed analysis</span>: Go beyond simple pass/fail metrics to understand vulnerability scores and their breakdown for targeted improvements.</li>
+</ul>
+
+<style>
+.highlight-word {
+  color: var(--highlight);
+  font-weight: 600;
+}
+
+.animated-highlight {
+  background: linear-gradient(90deg, var(--highlight), var(--primary-color));
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  background-size: 200% auto;
+  animation: gentle-shimmer 4s linear infinite;
+}
+
+@keyframes gentle-shimmer {
+  0% { background-position: 0% 50%; }
+  100% { background-position: 200% 50%; }
+}
+
+.better-list li:hover {
+  transform: translateX(5px);
+  background: rgba(30, 35, 52, 0.9);
+  border-left-width: 5px;
+}
+</style>