tribunal-kit 6.0.1 → 8.0.0

package/.agent/scripts/verify_all.js

@@ -9,11 +9,11 @@
  *   node .agent/scripts/verify_all.js --skip build,deps
  */
 
-"use strict";
+'use strict';
 
-const fs = require("fs");
-const path = require("path");
-const { execFileSync } = require("child_process");
+const fs = require('fs');
+const path = require('path');
+const { execFileSync } = require('child_process');
 
 const {
   RED,
@@ -28,31 +28,31 @@ const {
   summaryTable,
   timer,
   formatMs,
-} = require("./_colors");
+} = require('./_colors');
 
-const { walkDir, hasNpm } = require("./_utils");
+const { walkDir, hasNpm } = require('./_utils');
 
 // ── Results Tracking ────────────────────────────────────────────────────────
 
 const RESULTS = [];
 
 function trackOk(label, ms, note) {
-  const timing = ms != null ? `${DIM}(${formatMs(ms)})${RESET}` : "";
-  const noteStr = note ? `  ${DIM}${note}${RESET}` : "";
+  const timing = ms != null ? `${DIM}(${formatMs(ms)})${RESET}` : '';
+  const noteStr = note ? `  ${DIM}${note}${RESET}` : '';
   console.log(`  ${GREEN}✅ ${label}${RESET} ${timing}${noteStr}`);
-  RESULTS.push({ name: label, status: "pass", ms, note: note || "" });
+  RESULTS.push({ name: label, status: 'pass', ms, note: note || '' });
 }
 
 function trackFail(label, ms, note) {
-  const timing = ms != null ? `${DIM}(${formatMs(ms)})${RESET}` : "";
-  const noteStr = note ? `\n     ${note}` : "";
+  const timing = ms != null ? `${DIM}(${formatMs(ms)})${RESET}` : '';
+  const noteStr = note ? `\n     ${note}` : '';
   console.log(`  ${RED}❌ ${label}${RESET} ${timing}${noteStr}`);
-  RESULTS.push({ name: label, status: "fail", ms, note: note || "" });
+  RESULTS.push({ name: label, status: 'fail', ms, note: note || '' });
 }
 
 function trackSkip(label, reason) {
   console.log(`  ${YELLOW}⏭️  ${label} — ${reason}${RESET}`);
-  RESULTS.push({ name: label, status: "skip", note: `skipped: ${reason}` });
+  RESULTS.push({ name: label, status: 'skip', note: `skipped: ${reason}` });
 }
 
 // ── Command Runner ──────────────────────────────────────────────────────────
@@ -63,29 +63,29 @@ function trackSkip(label, reason) {
 function run(label, cmd, cwd) {
   const elapsed = timer();
   try {
-    const isWindows = process.platform === "win32";
+    const isWindows = process.platform === 'win32';
 
     execFileSync(cmd[0], cmd.slice(1), {
       cwd,
-      stdio: "pipe",
+      stdio: 'pipe',
       timeout: 120000,
-      encoding: "utf8",
+      encoding: 'utf8',
       shell: isWindows,
     });
     trackOk(label, elapsed());
     return true;
   } catch (err) {
     const ms = elapsed();
-    if (err.code === "ENOENT") {
-      trackSkip(label, "tool not installed — skipping");
+    if (err.code === 'ENOENT') {
+      trackSkip(label, 'tool not installed — skipping');
       return true;
     }
     if (err.killed) {
-      trackFail(label, ms, "timed out after 120s");
+      trackFail(label, ms, 'timed out after 120s');
       return false;
     }
-    const output = ((err.stdout || "") + (err.stderr || "")).trim();
-    trackFail(label, ms, output ? output.slice(0, 500) : "non-zero exit code");
+    const output = ((err.stdout || '') + (err.stderr || '')).trim();
+    trackFail(label, ms, output ? output.slice(0, 500) : 'non-zero exit code');
     return false;
   }
 }
@@ -96,31 +96,25 @@ function run(label, cmd, cwd) {
  */
 function scanSecrets(cwd) {
   const elapsed = timer();
-  const patterns = [
-    "password=",
-    "secret=",
-    "api_key=",
-    "private_key=",
-    "auth_token=",
-  ];
+  const patterns = ['password=', 'secret=', 'api_key=', 'private_key=', 'auth_token='];
   const found = [];
 
-  const sourceExtensions = new Set([".ts", ".tsx", ".js", ".jsx", ".py"]);
+  const sourceExtensions = new Set(['.ts', '.tsx', '.js', '.jsx', '.py']);
   const files = walkDir(cwd, { extensions: sourceExtensions });
 
   for (const fullPath of files) {
     let content;
     try {
-      content = fs.readFileSync(fullPath, "utf8");
+      content = fs.readFileSync(fullPath, 'utf8');
     } catch {
       continue;
     }
 
-    const lines = content.split("\n");
+    const lines = content.split('\n');
     for (let i = 0; i < lines.length; i++) {
       const low = lines[i].toLowerCase().trim();
-      const hasPattern = patterns.some((p) => low.includes(p));
-      if (hasPattern && !low.startsWith("#") && low.includes("=")) {
+      const hasPattern = patterns.some(p => low.includes(p));
+      if (hasPattern && !low.startsWith('#') && low.includes('=')) {
         const rel = path.relative(cwd, fullPath);
         found.push(`${rel}:${i + 1}`);
       }
@@ -129,14 +123,10 @@ function scanSecrets(cwd) {
 
   const ms = elapsed();
   if (found.length > 0) {
-    trackFail("Secret scan", ms, found.slice(0, 5).join("\n     "));
+    trackFail('Secret scan', ms, found.slice(0, 5).join('\n     '));
     return false;
   }
-  trackOk(
-    "Secret scan — no hardcoded credentials found",
-    ms,
-    `${files.length} files scanned`,
-  );
+  trackOk('Secret scan — no hardcoded credentials found', ms, `${files.length} files scanned`);
   return true;
 }
 
@@ -148,82 +138,81 @@ function verifyAll(cwd, skipped) {
   RESULTS.length = 0; // Reset for clean runs (prevents accumulation in tests)
   const totalTimer = timer();
 
-  console.log(sectionHeader("Secret Scan", 1));
-  if (!skipped.includes("secrets")) {
+  console.log(sectionHeader('Secret Scan', 1));
+  if (!skipped.includes('secrets')) {
     if (!scanSecrets(cwd)) failures++;
   } else {
-    trackSkip("Secret scan", "skipped by flag");
+    trackSkip('Secret scan', 'skipped by flag');
   }
 
-  console.log(sectionHeader("TypeScript", 2));
-  if (!skipped.includes("typescript")) {
+  console.log(sectionHeader('TypeScript', 2));
+  if (!skipped.includes('typescript')) {
     if (hasNpm(cwd)) {
-      if (!run("tsc --noEmit", ["npx", "tsc", "--noEmit"], cwd)) failures++;
+      if (!run('tsc --noEmit', ['npx', 'tsc', '--noEmit'], cwd)) failures++;
     } else {
-      trackSkip("TypeScript", "no package.json found in project");
+      trackSkip('TypeScript', 'no package.json found in project');
     }
   } else {
-    trackSkip("TypeScript", "skipped by flag");
+    trackSkip('TypeScript', 'skipped by flag');
   }
 
-  console.log(sectionHeader("ESLint", 3));
-  if (!skipped.includes("lint")) {
+  console.log(sectionHeader('ESLint', 3));
+  if (!skipped.includes('lint')) {
     if (hasNpm(cwd)) {
-      if (!run("ESLint", ["npx", "eslint", ".", "--max-warnings=0"], cwd))
-        failures++;
+      if (!run('ESLint', ['npx', 'eslint', '.', '--max-warnings=0'], cwd)) failures++;
     } else {
-      trackSkip("ESLint", "no package.json found in project");
+      trackSkip('ESLint', 'no package.json found in project');
     }
   } else {
-    trackSkip("ESLint", "skipped by flag");
+    trackSkip('ESLint', 'skipped by flag');
   }
 
-  console.log(sectionHeader("Unit Tests", 4));
-  if (!skipped.includes("tests")) {
+  console.log(sectionHeader('Unit Tests', 4));
+  if (!skipped.includes('tests')) {
     if (hasNpm(cwd)) {
-      if (!run("Test suite", ["npm", "test", "--", "--passWithNoTests"], cwd))
-        failures++;
+      if (!run('Test suite', ['npm', 'test', '--', '--passWithNoTests'], cwd)) failures++;
     } else {
-      trackSkip("Tests", "no package.json found in project");
+      trackSkip('Tests', 'no package.json found in project');
     }
   } else {
-    trackSkip("Tests", "skipped by flag");
+    trackSkip('Tests', 'skipped by flag');
   }
 
-  console.log(sectionHeader("Build", 5));
-  if (!skipped.includes("build")) {
+  console.log(sectionHeader('Build', 5));
+  if (!skipped.includes('build')) {
     if (hasNpm(cwd)) {
-      if (!run("npm run build", ["npm", "run", "build"], cwd)) failures++;
+      if (!run('npm run build', ['npm', 'run', 'build'], cwd)) failures++;
     } else {
-      trackSkip("Build", "no package.json found in project");
+      trackSkip('Build', 'no package.json found in project');
     }
   } else {
-    trackSkip("Build", "skipped by flag");
+    trackSkip('Build', 'skipped by flag');
   }
 
-  console.log(sectionHeader("Dependency Audit", 6));
-  if (!skipped.includes("deps")) {
+  console.log(sectionHeader('Dependency Audit', 6));
+  if (!skipped.includes('deps')) {
     if (hasNpm(cwd)) {
-      if (!run("npm audit", ["npm", "audit", "--audit-level=high"], cwd))
-        failures++;
+      if (!run('npm audit', ['npm', 'audit', '--audit-level=high'], cwd)) failures++;
     } else {
-      trackSkip("Dependency audit", "no package.json found in project");
+      trackSkip('Dependency audit', 'no package.json found in project');
     }
   } else {
-    trackSkip("Dependency audit", "skipped by flag");
+    trackSkip('Dependency audit', 'skipped by flag');
   }
 
-  console.log(sectionHeader("Rust Core Tests", 7));
-  if (!skipped.includes("rust")) {
-    const cargoToml = path.join(cwd, "crates", "core", "Cargo.toml");
+  console.log(sectionHeader('Rust Core Tests', 7));
+  if (!skipped.includes('rust')) {
+    const cargoToml = path.join(cwd, 'crates', 'core', 'Cargo.toml');
     if (fs.existsSync(cargoToml)) {
-      if (!run("Rust Core Tests", ["cargo", "test", "--manifest-path", "crates/core/Cargo.toml"], cwd))
+      if (
+        !run('Rust Core Tests', ['cargo', 'test', '--manifest-path', 'crates/core/Cargo.toml'], cwd)
+      )
         failures++;
     } else {
-      trackSkip("Rust Core Tests", "crates/core/Cargo.toml not found in project");
+      trackSkip('Rust Core Tests', 'crates/core/Cargo.toml not found in project');
     }
   } else {
-    trackSkip("Rust Core Tests", "skipped by flag");
+    trackSkip('Rust Core Tests', 'skipped by flag');
   }
 
   // ━━━ Summary Table ━━━
@@ -231,26 +220,20 @@ function verifyAll(cwd, skipped) {
   console.log(`\n${BOLD}${CYAN}━━━ Verification Summary ━━━${RESET}`);
   summaryTable(RESULTS);
 
-  const passCount = RESULTS.filter((r) => r.status === "pass").length;
-  const failCount = RESULTS.filter((r) => r.status === "fail").length;
-  const skipCount = RESULTS.filter((r) => r.status === "skip").length;
+  const passCount = RESULTS.filter(r => r.status === 'pass').length;
+  const failCount = RESULTS.filter(r => r.status === 'fail').length;
+  const skipCount = RESULTS.filter(r => r.status === 'skip').length;
 
+  console.log(`\n  ${DIM}Total: ${RESULTS.length} checks in ${formatMs(totalMs)}${RESET}`);
   console.log(
-    `\n  ${DIM}Total: ${RESULTS.length} checks in ${formatMs(totalMs)}${RESET}`,
-  );
-  console.log(
-    `  ${GREEN}${passCount} passed${RESET}  ${failCount > 0 ? `${RED}${failCount} failed${RESET}  ` : ""}${skipCount > 0 ? `${YELLOW}${skipCount} skipped${RESET}` : ""}`,
+    `  ${GREEN}${passCount} passed${RESET}  ${failCount > 0 ? `${RED}${failCount} failed${RESET}  ` : ''}${skipCount > 0 ? `${YELLOW}${skipCount} skipped${RESET}` : ''}`,
   );
 
   console.log();
   if (failures === 0) {
-    console.log(
-      `${GREEN}${BOLD}  ✔ All checks passed — safe to deploy.${RESET}`,
-    );
+    console.log(`${GREEN}${BOLD}  ✔ All checks passed — safe to deploy.${RESET}`);
   } else {
-    console.log(
-      `${RED}${BOLD}  ✖ ${failures} check(s) failed — fix before deploying.${RESET}`,
-    );
+    console.log(`${RED}${BOLD}  ✖ ${failures} check(s) failed — fix before deploying.${RESET}`);
   }
   console.log();
 
@@ -265,10 +248,10 @@ function parseArgs(argv) {
   const raw = argv.slice(2);
 
   for (let i = 0; i < raw.length; i++) {
-    if (raw[i] === "--skip" && raw[i + 1]) {
+    if (raw[i] === '--skip' && raw[i + 1]) {
       args.skip = raw[++i]
-        .split(",")
-        .map((s) => s.trim().toLowerCase())
+        .split(',')
+        .map(s => s.trim().toLowerCase())
         .filter(Boolean);
     }
   }
@@ -279,7 +262,7 @@ function main() {
   const args = parseArgs(process.argv);
   const cwd = process.cwd();
 
-  console.log(banner("verify_all.js", { Project: cwd }));
+  console.log(banner('verify_all.js', { Project: cwd }));
 
   const failures = verifyAll(cwd, args.skip);
   process.exit(failures > 0 ? 1 : 0);

package/.agent/scripts/visual_audit.js

@@ -10,43 +10,34 @@
  *   node .agent/scripts/visual_audit.js --file src/components/Button.tsx
  */
 
-"use strict";
+'use strict';
 
-const fs = require("fs");
-const path = require("path");
+const fs = require('fs');
+const path = require('path');
 
-const {
-  GREEN,
-  YELLOW,
-  BOLD,
-  DIM,
-  RESET,
-  banner,
-  timer,
-  formatMs,
-} = require("./_colors");
+const { GREEN, YELLOW, BOLD, DIM, RESET, banner, timer, formatMs } = require('./_colors');
 
-const { walkDir, SOURCE_EXTENSIONS } = require("./_utils");
+const { walkDir, SOURCE_EXTENSIONS } = require('./_utils');
 
 function auditFile(filePath) {
   let content;
   try {
-    content = fs.readFileSync(filePath, "utf8");
+    content = fs.readFileSync(filePath, 'utf8');
   } catch {
     return [];
   }
 
   const issues = [];
-  const lines = content.split("\n");
+  const lines = content.split('\n');
 
   for (let i = 0; i < lines.length; i++) {
     const line = lines[i];
 
     // Check for hardcoded hex colors when oklch or CSS variables are expected
-    if (/#([0-9a-fA-F]{3}){1,2}\b/.test(line) && !line.includes("// ignore-color")) {
+    if (/#([0-9a-fA-F]{3}){1,2}\b/.test(line) && !line.includes('// ignore-color')) {
       issues.push({
         line: i + 1,
-        rule: "oklch-color",
+        rule: 'oklch-color',
         message: `Hardcoded hex color found: "${line.trim()}". Prefer OKLCH or design token CSS variables.`,
       });
     }
@@ -59,7 +50,7 @@ function main() {
   const cwd = process.cwd();
   const elapsed = timer();
 
-  console.log(banner("visual_audit.js", { Target: cwd }));
+  console.log(banner('visual_audit.js', { Target: cwd }));
 
   const files = walkDir(cwd, { extensions: SOURCE_EXTENSIONS });
   let totalIssues = 0;
@@ -79,9 +70,13 @@ function main() {
   console.log(`\n  ${DIM}Audited ${files.length} files in ${formatMs(elapsed())}${RESET}`);
 
   if (totalIssues === 0) {
-    console.log(`  ${GREEN}${BOLD}✔ Visual audit complete — zero design violations found.${RESET}\n`);
+    console.log(
+      `  ${GREEN}${BOLD}✔ Visual audit complete — zero design violations found.${RESET}\n`,
+    );
   } else {
-    console.log(`  ${YELLOW}${BOLD}⚠ Visual audit completed with ${totalIssues} advisory issue(s).${RESET}\n`);
+    console.log(
+      `  ${YELLOW}${BOLD}⚠ Visual audit completed with ${totalIssues} advisory issue(s).${RESET}\n`,
+    );
   }
 }
 

package/.agent/skill_topic_map.json

@@ -198,15 +198,34 @@
     ]
   },
   "file_extensions": {
-    ".tsx": ["react-specialist", "nextjs-react-expert", "frontend-design", "better-ui", "expo-router-v4", "playwright-ai-e2e"],
-    ".ts": ["typescript-advanced", "clean-code", "lint-and-validate", "opentelemetry-observability", "property-based-testing"],
+    ".tsx": [
+      "react-specialist",
+      "nextjs-react-expert",
+      "frontend-design",
+      "better-ui",
+      "expo-router-v4",
+      "playwright-ai-e2e"
+    ],
+    ".ts": [
+      "typescript-advanced",
+      "clean-code",
+      "lint-and-validate",
+      "opentelemetry-observability",
+      "property-based-testing"
+    ],
     ".jsx": ["react-specialist", "frontend-design"],
     ".js": ["nodejs-best-practices", "clean-code", "opentelemetry-observability"],
     ".vue": ["vue-expert", "frontend-design"],
     ".py": ["python-pro", "python-patterns", "duckdb-analytical-sql", "property-based-testing"],
     ".rs": ["rust-pro"],
     ".cs": ["csharp-developer"],
-    ".sql": ["sql-pro", "database-architect", "supabase-postgres-best-practices", "vector-search-pgvector", "duckdb-analytical-sql"],
+    ".sql": [
+      "sql-pro",
+      "database-architect",
+      "supabase-postgres-best-practices",
+      "vector-search-pgvector",
+      "duckdb-analytical-sql"
+    ],
     ".prisma": ["database-architect", "database-design", "vector-search-pgvector"],
     ".css": ["frontend-design", "better-colors", "better-typography", "swiss-design"],
     ".sh": ["bash-linux"],

package/.agent/skills/12-principles-of-animation/SKILL.md

@@ -20,6 +20,7 @@ scripts-binding:
 ## Mandatory Pre-Flight Context Inspection
 
 Before applying animation principles to web components, you MUST inspect:
+
 1. Target interaction pattern → Identify applicability of Squash & Stretch, Anticipation, Slow In/Out, or Follow Through
 2. Volume-Preservation Rule (Section 26) → Keep UI squash/stretch subtle (max 2%-4%); if height scales to 0.97, width MUST scale to 1.03
 3. Staging Rules (Section 31) → Direct user focus with sequential motion rather than competing simultaneous animations
@@ -31,22 +32,28 @@ Translate Disney's 12 classic principles of animation into modern CSS, Web API,
 ## The 6 Essential Web Principles
 
 ### 1. Squash & Stretch (Scale Elasticity)
+
 - Compress elements slightly on impact (e.g. button press down `scale(0.97)`), then stretch slightly on release (`scale(1.02)` -> `scale(1)`).
 - **Rule**: Preserve overall volume. If height decreases by 5%, width must expand by 5%.
 
 ### 2. Anticipation (Pre-Motion Cue)
+
 - Before a major movement (e.g. modal sliding up), perform a micro-backwards movement (e.g. shift down `2px` for `40ms`) to prepare the user's eye.
 
 ### 3. Staging (Focus & Spatial Hierarchy)
+
 - Direct user attention to one primary animation at a time. Never animate competing layout elements across different regions simultaneously.
 
 ### 4. Slow In & Slow Out (Easing Curves)
+
 - Objects in nature start slow, accelerate, and decelerate gradually. Use strong ease-out curves (`cubic-bezier(0.16, 1, 0.3, 1)`) for UI entrances.
 
 ### 5. Arcs (Natural Curvilinear Trajectories)
+
 - Human arms and physical objects move in curved arcs rather than mechanical straight lines. When moving elements across 2D space, use parabolic bezier curves or `offset-path`.
 
 ### 6. Follow Through & Overlapping Action
+
 - Secondary elements (e.g. badge text inside a sliding card) lag slightly behind the main container (stagger delay 30ms - 50ms), creating organic physical realism.
 
 ---

package/.agent/skills/60fps-animation/SKILL.md

@@ -20,6 +20,7 @@ scripts-binding:
 ## Mandatory Pre-Flight Context Inspection
 
 Before writing animation CSS or JS, you MUST inspect:
+
 1. Target animated properties → Strictly enforce GPU compositor-only properties (`transform`, `opacity`) and ban layout-triggering properties (`width`, `height`, `top`, `left`)
 2. Scale Math Replacement (Section 29) → Use `transform: scaleX(2)` instead of animating `width`
 3. `will-change` VRAM Management (Section 45) → Apply `will-change` dynamically during active animation and remove upon completion
@@ -31,12 +32,16 @@ Eliminate jank, layout thrashing, and frame drops to achieve locked 60fps / 120f
 ## 4 Performance Rules
 
 ### 1. Compositor-Only Animation Pipeline
+
 Only animate properties handled strictly by the GPU compositor layer:
+
 - ✅ **Compositor Properties** (Zero Layout / Zero Paint): `transform` (`translate3d`, `scale`, `rotate`) and `opacity`.
 - ❌ **Forbidden Animating Properties** (Triggers Full Layout Re-calculation): `width`, `height`, `margin`, `padding`, `top`, `left`, `border-width`.
 
 ### 2. Replacing Width/Height Transitions with Scale Math
+
 Instead of animating `width: 100px` to `200px`:
+
 ```css
 /* BAD: Triggers Layout recalculation on every frame */
 .box-bad {
@@ -52,10 +57,12 @@ Instead of animating `width: 100px` to `200px`:
 ```
 
 ### 3. `will-change` Management
+
 - Apply `will-change: transform, opacity` ONLY right before or during active animation.
 - Remove `will-change` when animation completes to free up GPU VRAM memory!
 
 ### 4. Layout Thrashing Prevention in JS
+
 - Never interleave DOM reads (`element.offsetHeight`) with DOM writes (`element.style.height = ...`) inside requestAnimationFrame or scroll handlers. Batch all reads first, then perform all writes.
 
 ---

package/.agent/skills/accessible-animation/SKILL.md

@@ -20,6 +20,7 @@ scripts-binding:
 ## Mandatory Pre-Flight Context Inspection
 
 Before implementing UI animation code, you MUST inspect:
+
 1. CSS stylesheets → Verify presence of `@media (prefers-reduced-motion: reduce)` rules
 2. Framer Motion / GSAP components → Query `useReducedMotion()` or `matchMedia('(prefers-reduced-motion: reduce)')`
 3. Vestibular Trigger Replacement (Section 57) → Replace parallax scroll and 3D rotations with instant opacity cross-fades (`0 -> 1`)
@@ -31,6 +32,7 @@ Ensure UI motion respects user accessibility preferences (`prefers-reduced-motio
 ## 3 Tiered Reduced-Motion Rules
 
 ### Tier 1: CSS Reduced Motion Media Query
+
 ```css
 @media (prefers-reduced-motion: reduce) {
   *,
@@ -45,8 +47,9 @@ Ensure UI motion respects user accessibility preferences (`prefers-reduced-motio
 ```
 
 ### Tier 2: React & Framer Motion Hook (`useReducedMotion`)
+
 ```tsx
-import { useReducedMotion, motion } from "framer-motion";
+import { useReducedMotion, motion } from 'framer-motion';
 
 export function AccessibleCard({ children }) {
   const shouldReduceMotion = useReducedMotion();
@@ -64,6 +67,7 @@ export function AccessibleCard({ children }) {
 ```
 
 ### Tier 3: Replacing Parallax & Vestibular Triggers with Instant Fades
+
 - Disorienting motions (parallax scrolling, 3D rotations, zoom scaling) MUST be converted into instant cross-fades (`opacity: 0 -> 1`) when `prefers-reduced-motion: reduce` is active.
 
 ---

package/.agent/skills/adapt/SKILL.md

@@ -20,6 +20,7 @@ scripts-binding:
 ## Mandatory Pre-Flight Context Inspection
 
 Before engineering responsive layouts or cross-device UIs, you MUST inspect:
+
 1. Container Queries (`@container`) over Viewport Media Queries (Section 24) → Adapt component layouts based on parent container width (`container-type: inline-size`)
 2. Touch Target Sizing (Section 39) → Ensure interactive controls meet min `44x44px` target size on touch devices
 3. Fluid Clamp Scaling (Section 45) → Use `clamp()` for smooth fluid typography and spacing without abrupt media query jumps
@@ -31,7 +32,9 @@ Architect UIs that adapt fluidly to screen dimensions, container boundaries, inp
 ## 4 Adaptation Mechanics
 
 ### 1. Container Queries (`@container`) over Viewport Media Queries (`@media`)
+
 - Components should adapt based on their parent container's width, NOT the global browser window size:
+
 ```css
 .card-container {
   container-type: inline-size;
@@ -46,14 +49,17 @@ Architect UIs that adapt fluidly to screen dimensions, container boundaries, inp
 ```
 
 ### 2. Touch Target Sizing (Min 44x44px)
+
 - Interactive targets on mobile/touch interfaces MUST maintain a minimum tap target size of `44x44px` (or `48x48px` for Android), even if the visual icon is smaller (`16px`).
 
 ### 3. Drawer on Mobile -> Modal on Desktop
+
 - Complex popovers or dialogs on mobile screens should render as bottom sheets (drawers) with drag-to-dismiss handles, automatically morphing into centered modals on desktop viewports ($\ge 768\text{px}$).
 
 ### 4. Fluid Typography & Spacing
+
 - Use `clamp()` for fluid scaling without abrupt media query jumps:
-$$\text{FontSize} = \text{clamp}(1\text{rem}, 0.8\text{rem} + 1\text{vw}, 1.75\text{rem})$$
+  $$\text{FontSize} = \text{clamp}(1\text{rem}, 0.8\text{rem} + 1\text{vw}, 1.75\text{rem})$$
 
 ---
 

package/.agent/skills/advanced-rag-pipelines/SKILL.md

@@ -20,6 +20,7 @@ scripts-binding:
 ## Mandatory Pre-Flight Context Inspection
 
 Before building RAG pipelines or vector search components, you MUST inspect:
+
 1. Hybrid Search Requirement (Section 16) → Always combine Dense Vector Search with Sparse BM25 Search to catch exact keyword matches (IDs, versions)
 2. Two-Stage Reranking Pipeline (Section 29) → Retrieve top ~50 candidate chunks, then rerank with a Cross-Encoder down to top 3-5 before feeding the LLM
 3. Context XML Framing (Section 59) → Wrap retrieved chunks inside explicit `<context>` XML tags in the prompt to prevent indirect prompt injection

package/.agent/skills/agent-organizer/SKILL.md

@@ -20,6 +20,7 @@ scripts-binding:
 ## Mandatory Pre-Flight Context Inspection
 
 Before dispatching multi-agent tasks, you MUST inspect:
+
 1. `swarm-worker-registry.md` / `task.md` → Verify target worker agents and global execution state
 2. Context Window Budget rules (Section 1) → Trim worker payload context to max 3 files per dispatch
 3. Handoff state signals (`COMPLETE`, `BLOCKED`, `ERROR`) → Verify terminal status handling rules