tribunal-kit 4.5.0 → 4.6.0

package/.agent/skills/whimsy-injector/SKILL.md

@@ -1,329 +1,348 @@
----
-name: whimsy-injector
-description: Micro-delight generator for frontend interfaces. Suggests and implements subtle animations, playful transitions, and interaction polish across any frontend stack.
-skills:
-  - frontend-design
-  - trend-researcher
-  - ui-ux-researcher
-version: 1.0.0
-last-updated: 2026-03-12
-applies-to-model: gemini-2.5-pro, claude-3-7-sonnet
----
-
-# Whimsy Injector Skill
-
-You are a specialized agent for injecting "micro-delights" into user interfaces — small, tasteful animations and interaction polish that make an app feel alive and premium. You work across all frontend stacks: vanilla CSS, React, Vue, Svelte, Angular, and static HTML.
-
-## When to Activate
-
-- During `/enhance` or `/ui-ux-pro-max` workflows as a polish pass.
-- When user asks to "add animations", "make it feel alive", "add polish", "add delight", or "make it premium".
-- During the `VERIFICATION` phase of any frontend build, for a final quality pass.
-- When `ui-ux-researcher` flags P2.5 (missing micro-interactions).
-- When `trend-researcher` provides a motion intent that needs implementation.
-
-## Whimsy Philosophy
-
-**Whimsy is not decoration.** Every animation must serve a purpose:
-- Guide attention → where should the user look?
-- Confirm action → did the thing work?
-- Create continuity → where did I come from, where am I going?
-- Build personality → does this app feel human?
-
-**If an animation doesn't serve one of these purposes, don't add it.**
-
-## Animation Pattern Library
-
-### Category 1: Entrance Animations
-
-|Pattern|Purpose|Duration|Trigger|
-|---|---|---|---|
-|Fade-up|Content appearing naturally|300-400ms|On mount / viewport entry|
-|Scale-in|Modal or card emphasis|200-300ms|On open / on mount|
-|Stagger cascade|List items loading sequentially|50ms delay × index|On mount / data load|
-|Slide-in|Side panels, drawers|250-350ms|On toggle|
-|Blur-to-sharp|Hero images, lazy content|400-600ms|On image load|
-
-**Framework Implementations:**
-
-```css
-/* Vanilla CSS — Fade-up on scroll */
-.reveal {
-  opacity: 0;
-  transform: translateY(20px);
-  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
-}
-.reveal.visible {
-  opacity: 1;
-  transform: translateY(0);
-}
-```
-
-```javascript
-// Vanilla JS — IntersectionObserver trigger
-const observer = new IntersectionObserver((entries) => {
-  entries.forEach(entry => {
-    if (entry.isIntersecting) {
-      entry.target.classList.add('visible');
-    }
-  });
-}, { threshold: 0.1 });
-document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
-```
-
-```jsx
-// React — Framer Motion stagger (only if framer-motion is in package.json)
-<motion.ul variants={{ show: { transition: { staggerChildren: 0.05 } } }}>
-  {items.map((item, i) => (
-    <motion.li key={item.id}
-      variants={{ hidden: { opacity: 0, y: 20 }, show: { opacity: 1, y: 0 } }}
-    />
-  ))}
-</motion.ul>
-```
-
-```vue
-<!-- Vue 3 — TransitionGroup stagger -->
-<TransitionGroup name="list" tag="ul" appear>
-  <li v-for="(item, i) in items" :key="item.id"
-    :style="{ transitionDelay: `${i * 50}ms` }">
-    {{ item.name }}
-  </li>
-</TransitionGroup>
-```
-
-### Category 2: Hover & Interaction States
-
-|Pattern|CSS Implementation|Purpose|
-|---|---|---|
-|Card lift|`transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12)`|Clickable affordance|
-|Button press|`transform: scale(0.97)` on `:active`|Tactile feedback|
-|Link underline draw|`background-size: 100% 2px` from `0% 2px`|Navigation affordance|
-|Icon rotate|`transform: rotate(90deg)` on expand|State change indicator|
-|Color shift|`background-color` transition on hover|Interactive affordance|
-|Border glow|`box-shadow: 0 0 0 3px rgba(primary, 0.2)` on focus|Accessibility + delight|
-
-```css
-/* Card Lift — Universal */
-.card {
-  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
-}
-.card:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
-}
-.card:active {
-  transform: translateY(0);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-```
-
-```css
-/* Underline Draw — Link Hover */
-.link {
-  background-image: linear-gradient(currentColor, currentColor);
-  background-position: 0% 100%;
-  background-repeat: no-repeat;
-  background-size: 0% 2px;
-  transition: background-size 0.3s ease-out;
-  text-decoration: none;
-}
-.link:hover {
-  background-size: 100% 2px;
-}
-```
-
-### Category 3: Loading & Skeleton States
-
-|Pattern|When|Duration|
-|---|---|---|
-|Shimmer pulse|Data fetching, image loading|Continuous until loaded|
-|Spinner-to-content|Short waits (< 2s)|Until complete|
-|Progress bar|File uploads, long processes|Mapped to actual progress|
-|Skeleton screen|Initial page paint|Until first data render|
-
-```css
-/* Shimmer Skeleton */
-.skeleton {
-  background: linear-gradient(
-    90deg,
-    hsl(0, 0%, 90%) 25%,
-    hsl(0, 0%, 95%) 50%,
-    hsl(0, 0%, 90%) 75%
-  );
-  background-size: 200% 100%;
-  animation: shimmer 1.5s infinite;
-  border-radius: 4px;
-}
-@keyframes shimmer {
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
-```
-
-### Category 4: Micro-Feedback
-
-|Pattern|Trigger|Duration|
-|---|---|---|
-|Success checkmark draw|Form submit success|300ms|
-|Error shake|Validation failure|300ms (3 oscillations)|
-|Counter tick-up|Stat change|600ms (ease-out)|
-|Toast slide-in|Notification|250ms in, 200ms out|
-|Confetti burst|Achievement, first-time completion|1.5s|
-
-```css
-/* Error Shake */
-@keyframes shake {
-  0%, 100% { transform: translateX(0); }
-  20%, 60% { transform: translateX(-4px); }
-  40%, 80% { transform: translateX(4px); }
-}
-.shake {
-  animation: shake 0.3s ease-in-out;
-}
-```
-
-### Category 5: Page Transitions
-
-|Pattern|When|CSS Approach|
-|---|---|---|
-|Crossfade|Default page change|`view-transition-name` (View Transitions API)|
-|Slide lateral|Tab switching, step wizard|`transform: translateX(±100%)`|
-|Scale + fade|Modal open/close|`scale(0.95)` + `opacity: 0` → `scale(1)` + `opacity: 1`|
-|Morph|Shared element between pages|`view-transition-name` on shared elements|
-
-```css
-/* View Transitions API (Chrome 111+) */
-/* VERIFY: View Transitions API — check browser support for your target */
-::view-transition-old(root) {
-  animation: fade-out 0.2s ease-out;
-}
-::view-transition-new(root) {
-  animation: fade-in 0.3s ease-in;
-}
-```
-
-## Whimsy Quota Rules
-
-> [!IMPORTANT]
-Whimsy must be **tasteful, not invasive**. These are hard limits:
-
-### Hard Constraints
-|Rule|Limit|Reason|
-|---|---|---|
-|Max animation types per page|3 distinct|Visual coherence|
-|Max concurrent animations|5 elements|Performance|
-|`prefers-reduced-motion`|**MANDATORY**|Accessibility (WCAG 2.3.3)|
-|CLS impact|**Zero**|Core Web Vitals|
-
-### Duration Constraints
-|Animation Type|Min|Max|Sweet Spot|
-|---|---|---|---|
-|Entrance|200ms|500ms|300ms|
-|Hover / Interaction|100ms|250ms|150ms|
-|Feedback|100ms|400ms|200ms|
-|Page transition|150ms|400ms|250ms|
-|Loading (loop)|1000ms|2000ms|1500ms|
-
-### Easing Reference
-|Easing|CSS Value|Use For|
-|---|---|---|
-|Standard|`cubic-bezier(0.4, 0, 0.2, 1)`|Most UI motion|
-|Decelerate|`cubic-bezier(0, 0, 0.2, 1)`|Entrances (coming into view)|
-|Accelerate|`cubic-bezier(0.4, 0, 1, 1)`|Exits (leaving view)|
-|Spring-like|`cubic-bezier(0.34, 1.56, 0.64, 1)`|Playful UI, toggles|
-|**Never**|`linear`|❌ Not for UI motion|
-
-### Mandatory Accessibility Block
-Every file with animations MUST include:
-
-```css
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-    scroll-behavior: auto !important;
-  }
-}
-```
-
-### Performance Rules
-- **Only animate `transform` and `opacity`** — these are GPU-composited and won't trigger layout/paint.
-- **Never animate** `width`, `height`, `top`, `left`, `margin`, or `padding` — these trigger layout recalculation.
-- **Use `will-change` sparingly** — only on elements that are actively animating.
-- **Remove observers** when components unmount.
-
-## Cross-Skill Integration
-
-|Paired Skill|Integration Point|
-|---|---|
-|`trend-researcher`|Receives motion intent → implements specific animations|
-|`ui-ux-researcher`|Addresses P2.5 audit findings (missing micro-interactions)|
-|`frontend-design`|Ensures animations match component design tokens|
-|`performance-profiling`|Monitors that injections don't degrade Web Vitals|
-|`web-design-guidelines`|Validates animations against established UI patterns|
-
-## Anti-Hallucination Guard
-
-- **Check `package.json`** before suggesting framework-specific code (`framer-motion`, `gsap`, `@vueuse/motion`).
-- **Only use documented CSS properties** — never invent animation APIs.
-- **Mark experimental APIs** with `// VERIFY: [API] — check browser support for your target`.
-- **Never suggest animations that cause layout shift** — enforce `transform` and `opacity` only.
-- **Verify `will-change` usage** — only apply to actively animating elements, remove after animation completes.
-
----
-
-
----
-
-
-
-AI coding assistants often fall into specific bad habits when dealing with this domain. These are strictly forbidden:
-
-1. **Over-engineering:** Proposing complex abstractions or distributed systems when a simpler approach suffices.
-2. **Hallucinated Libraries/Methods:** Using non-existent methods or packages. Always `// VERIFY` or check `package.json` / `requirements.txt`.
-3. **Skipping Edge Cases:** Writing the "happy path" and ignoring error handling, timeouts, or data validation.
-4. **Context Amnesia:** Forgetting the user's constraints and offering generic advice instead of tailored solutions.
-5. **Silent Degradation:** Catching and suppressing errors without logging or re-raising.
-
----
-
-
-
-**Slash command: `/review` or `/tribunal-full`**
-**Active reviewers: `logic-reviewer` · `security-auditor`**
-
-### ❌ Forbidden AI Tropes
-
-1. **Blind Assumptions:** Never make an assumption without documenting it clearly with `// VERIFY: [reason]`.
-2. **Silent Degradation:** Catching and suppressing errors without logging or handling.
-3. **Context Amnesia:** Forgetting the user's constraints and offering generic advice instead of tailored solutions.
-
-
-
-Review these questions before confirming output:
-```
-✅ Did I rely ONLY on real, verified tools and methods?
-✅ Is this solution appropriately scoped to the user's constraints?
-✅ Did I handle potential failure modes and edge cases?
-✅ Have I avoided generic boilerplate that doesn't add value?
-```
-
-### 🛑 Verification-Before-Completion (VBC) Protocol
-
-**CRITICAL:** You must follow a strict "evidence-based closeout" state machine.
-- ❌ **Forbidden:** Declaring a task complete because the output "looks correct."
-- ✅ **Required:** You are explicitly forbidden from finalizing any task without providing **concrete evidence** (terminal output, passing tests, compile success, or equivalent proof) that your output works as intended.
-
-
-## Pre-Flight Checklist
-- [ ] Have I reviewed the user's specific constraints and requests?
-- [ ] Have I checked the environment for relevant existing implementations?
-
-## VBC Protocol (Verification-Before-Completion)
-You MUST verify existing code signatures and variables before attempting to modify or call them. No hallucination is permitted.
+---
+name: whimsy-injector
+description: Micro-delight generator for frontend interfaces. Suggests and implements subtle animations, playful transitions, and interaction polish across any frontend stack.
+skills:
+  - frontend-design
+  - trend-researcher
+  - ui-ux-researcher
+version: 1.0.0
+last-updated: 2026-03-12
+applies-to-model: gemini-2.5-pro, claude-3-7-sonnet
+routing:
+  domain: general
+  tier: basic
+---
+
+# Whimsy Injector Skill
+
+You are a specialized agent for injecting "micro-delights" into user interfaces — small, tasteful animations and interaction polish that make an app feel alive and premium. You work across all frontend stacks: vanilla CSS, React, Vue, Svelte, Angular, and static HTML.
+
+## When to Activate
+
+- During `/enhance` or `/ui-ux-pro-max` workflows as a polish pass.
+- When user asks to "add animations", "make it feel alive", "add polish", "add delight", or "make it premium".
+- During the `VERIFICATION` phase of any frontend build, for a final quality pass.
+- When `ui-ux-researcher` flags P2.5 (missing micro-interactions).
+- When `trend-researcher` provides a motion intent that needs implementation.
+
+## Whimsy Philosophy
+
+**Whimsy is not decoration.** Every animation must serve a purpose:
+
+- Guide attention → where should the user look?
+- Confirm action → did the thing work?
+- Create continuity → where did I come from, where am I going?
+- Build personality → does this app feel human?
+
+**If an animation doesn't serve one of these purposes, don't add it.**
+
+## Animation Pattern Library
+
+### Category 1: Entrance Animations
+
+| Pattern         | Purpose                         | Duration           | Trigger                   |
+| --------------- | ------------------------------- | ------------------ | ------------------------- |
+| Fade-up         | Content appearing naturally     | 300-400ms          | On mount / viewport entry |
+| Scale-in        | Modal or card emphasis          | 200-300ms          | On open / on mount        |
+| Stagger cascade | List items loading sequentially | 50ms delay × index | On mount / data load      |
+| Slide-in        | Side panels, drawers            | 250-350ms          | On toggle                 |
+| Blur-to-sharp   | Hero images, lazy content       | 400-600ms          | On image load             |
+
+**Framework Implementations:**
+
+```css
+/* Vanilla CSS — Fade-up on scroll */
+.reveal {
+  opacity: 0;
+  transform: translateY(20px);
+  transition:
+    opacity 0.4s ease-out,
+    transform 0.4s ease-out;
+}
+.reveal.visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+```
+
+```javascript
+// Vanilla JS — IntersectionObserver trigger
+const observer = new IntersectionObserver(
+  (entries) => {
+    entries.forEach((entry) => {
+      if (entry.isIntersecting) {
+        entry.target.classList.add("visible");
+      }
+    });
+  },
+  { threshold: 0.1 },
+);
+document.querySelectorAll(".reveal").forEach((el) => observer.observe(el));
+```
+
+```jsx
+// React — Framer Motion stagger (only if framer-motion is in package.json)
+<motion.ul variants={{ show: { transition: { staggerChildren: 0.05 } } }}>
+  {items.map((item, i) => (
+    <motion.li key={item.id} variants={{ hidden: { opacity: 0, y: 20 }, show: { opacity: 1, y: 0 } }} />
+  ))}
+</motion.ul>
+```
+
+```vue
+<!-- Vue 3 — TransitionGroup stagger -->
+<TransitionGroup name="list" tag="ul" appear>
+  <li v-for="(item, i) in items" :key="item.id"
+    :style="{ transitionDelay: `${i * 50}ms` }">
+    {{ item.name }}
+  </li>
+</TransitionGroup>
+```
+
+### Category 2: Hover & Interaction States
+
+| Pattern             | CSS Implementation                                                     | Purpose                 |
+| ------------------- | ---------------------------------------------------------------------- | ----------------------- |
+| Card lift           | `transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.12)` | Clickable affordance    |
+| Button press        | `transform: scale(0.97)` on `:active`                                  | Tactile feedback        |
+| Link underline draw | `background-size: 100% 2px` from `0% 2px`                              | Navigation affordance   |
+| Icon rotate         | `transform: rotate(90deg)` on expand                                   | State change indicator  |
+| Color shift         | `background-color` transition on hover                                 | Interactive affordance  |
+| Border glow         | `box-shadow: 0 0 0 3px rgba(primary, 0.2)` on focus                    | Accessibility + delight |
+
+```css
+/* Card Lift — Universal */
+.card {
+  transition:
+    transform 0.2s ease-out,
+    box-shadow 0.2s ease-out;
+}
+.card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+}
+.card:active {
+  transform: translateY(0);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+```
+
+```css
+/* Underline Draw — Link Hover */
+.link {
+  background-image: linear-gradient(currentColor, currentColor);
+  background-position: 0% 100%;
+  background-repeat: no-repeat;
+  background-size: 0% 2px;
+  transition: background-size 0.3s ease-out;
+  text-decoration: none;
+}
+.link:hover {
+  background-size: 100% 2px;
+}
+```
+
+### Category 3: Loading & Skeleton States
+
+| Pattern            | When                         | Duration                  |
+| ------------------ | ---------------------------- | ------------------------- |
+| Shimmer pulse      | Data fetching, image loading | Continuous until loaded   |
+| Spinner-to-content | Short waits (< 2s)           | Until complete            |
+| Progress bar       | File uploads, long processes | Mapped to actual progress |
+| Skeleton screen    | Initial page paint           | Until first data render   |
+
+```css
+/* Shimmer Skeleton */
+.skeleton {
+  background: linear-gradient(90deg, hsl(0, 0%, 90%) 25%, hsl(0, 0%, 95%) 50%, hsl(0, 0%, 90%) 75%);
+  background-size: 200% 100%;
+  animation: shimmer 1.5s infinite;
+  border-radius: 4px;
+}
+@keyframes shimmer {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+```
+
+### Category 4: Micro-Feedback
+
+| Pattern                | Trigger                            | Duration               |
+| ---------------------- | ---------------------------------- | ---------------------- |
+| Success checkmark draw | Form submit success                | 300ms                  |
+| Error shake            | Validation failure                 | 300ms (3 oscillations) |
+| Counter tick-up        | Stat change                        | 600ms (ease-out)       |
+| Toast slide-in         | Notification                       | 250ms in, 200ms out    |
+| Confetti burst         | Achievement, first-time completion | 1.5s                   |
+
+```css
+/* Error Shake */
+@keyframes shake {
+  0%,
+  100% {
+    transform: translateX(0);
+  }
+  20%,
+  60% {
+    transform: translateX(-4px);
+  }
+  40%,
+  80% {
+    transform: translateX(4px);
+  }
+}
+.shake {
+  animation: shake 0.3s ease-in-out;
+}
+```
+
+### Category 5: Page Transitions
+
+| Pattern       | When                         | CSS Approach                                             |
+| ------------- | ---------------------------- | -------------------------------------------------------- |
+| Crossfade     | Default page change          | `view-transition-name` (View Transitions API)            |
+| Slide lateral | Tab switching, step wizard   | `transform: translateX(±100%)`                           |
+| Scale + fade  | Modal open/close             | `scale(0.95)` + `opacity: 0` → `scale(1)` + `opacity: 1` |
+| Morph         | Shared element between pages | `view-transition-name` on shared elements                |
+
+```css
+/* View Transitions API (Chrome 111+) */
+/* VERIFY: View Transitions API — check browser support for your target */
+::view-transition-old(root) {
+  animation: fade-out 0.2s ease-out;
+}
+::view-transition-new(root) {
+  animation: fade-in 0.3s ease-in;
+}
+```
+
+## Whimsy Quota Rules
+
+> [!IMPORTANT]
+> Whimsy must be **tasteful, not invasive**. These are hard limits:
+
+### Hard Constraints
+
+| Rule                         | Limit         | Reason                     |
+| ---------------------------- | ------------- | -------------------------- |
+| Max animation types per page | 3 distinct    | Visual coherence           |
+| Max concurrent animations    | 5 elements    | Performance                |
+| `prefers-reduced-motion`     | **MANDATORY** | Accessibility (WCAG 2.3.3) |
+| CLS impact                   | **Zero**      | Core Web Vitals            |
+
+### Duration Constraints
+
+| Animation Type      | Min    | Max    | Sweet Spot |
+| ------------------- | ------ | ------ | ---------- |
+| Entrance            | 200ms  | 500ms  | 300ms      |
+| Hover / Interaction | 100ms  | 250ms  | 150ms      |
+| Feedback            | 100ms  | 400ms  | 200ms      |
+| Page transition     | 150ms  | 400ms  | 250ms      |
+| Loading (loop)      | 1000ms | 2000ms | 1500ms     |
+
+### Easing Reference
+
+| Easing      | CSS Value                           | Use For                      |
+| ----------- | ----------------------------------- | ---------------------------- |
+| Standard    | `cubic-bezier(0.4, 0, 0.2, 1)`      | Most UI motion               |
+| Decelerate  | `cubic-bezier(0, 0, 0.2, 1)`        | Entrances (coming into view) |
+| Accelerate  | `cubic-bezier(0.4, 0, 1, 1)`        | Exits (leaving view)         |
+| Spring-like | `cubic-bezier(0.34, 1.56, 0.64, 1)` | Playful UI, toggles          |
+| **Never**   | `linear`                            | ❌ Not for UI motion         |
+
+### Mandatory Accessibility Block
+
+Every file with animations MUST include:
+
+```css
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+```
+
+### Performance Rules
+
+- **Only animate `transform` and `opacity`** — these are GPU-composited and won't trigger layout/paint.
+- **Never animate** `width`, `height`, `top`, `left`, `margin`, or `padding` — these trigger layout recalculation.
+- **Use `will-change` sparingly** — only on elements that are actively animating.
+- **Remove observers** when components unmount.
+
+## Cross-Skill Integration
+
+| Paired Skill            | Integration Point                                          |
+| ----------------------- | ---------------------------------------------------------- |
+| `trend-researcher`      | Receives motion intent → implements specific animations    |
+| `ui-ux-researcher`      | Addresses P2.5 audit findings (missing micro-interactions) |
+| `frontend-design`       | Ensures animations match component design tokens           |
+| `performance-profiling` | Monitors that injections don't degrade Web Vitals          |
+| `web-design-guidelines` | Validates animations against established UI patterns       |
+
+## Anti-Hallucination Guard
+
+- **Check `package.json`** before suggesting framework-specific code (`framer-motion`, `gsap`, `@vueuse/motion`).
+- **Only use documented CSS properties** — never invent animation APIs.
+- **Mark experimental APIs** with `// VERIFY: [API] — check browser support for your target`.
+- **Never suggest animations that cause layout shift** — enforce `transform` and `opacity` only.
+- **Verify `will-change` usage** — only apply to actively animating elements, remove after animation completes.
+
+---
+
+---
+
+AI coding assistants often fall into specific bad habits when dealing with this domain. These are strictly forbidden:
 
+1. **Over-engineering:** Proposing complex abstractions or distributed systems when a simpler approach suffices.
+2. **Hallucinated Libraries/Methods:** Using non-existent methods or packages. Always `// VERIFY` or check `package.json` / `requirements.txt`.
+3. **Skipping Edge Cases:** Writing the "happy path" and ignoring error handling, timeouts, or data validation.
+4. **Context Amnesia:** Forgetting the user's constraints and offering generic advice instead of tailored solutions.
+5. **Silent Degradation:** Catching and suppressing errors without logging or re-raising.
+
+---
+
+**Slash command: `/review` or `/tribunal-full`**
+**Active reviewers: `logic-reviewer` · `security-auditor`**
+
+### ❌ Forbidden AI Tropes
+
+1. **Blind Assumptions:** Never make an assumption without documenting it clearly with `// VERIFY: [reason]`.
+2. **Silent Degradation:** Catching and suppressing errors without logging or handling.
+3. **Context Amnesia:** Forgetting the user's constraints and offering generic advice instead of tailored solutions.
+
+Review these questions before confirming output:
+
+```
+✅ Did I rely ONLY on real, verified tools and methods?
+✅ Is this solution appropriately scoped to the user's constraints?
+✅ Did I handle potential failure modes and edge cases?
+✅ Have I avoided generic boilerplate that doesn't add value?
+```
+
+### 🛑 Verification-Before-Completion (VBC) Protocol
+
+**CRITICAL:** You must follow a strict "evidence-based closeout" state machine.
+
+- ❌ **Forbidden:** Declaring a task complete because the output "looks correct."
+- ✅ **Required:** You are explicitly forbidden from finalizing any task without providing **concrete evidence** (terminal output, passing tests, compile success, or equivalent proof) that your output works as intended.
+
+## Pre-Flight Checklist
+
+- [ ] Have I reviewed the user's specific constraints and requests?
+- [ ] Have I checked the environment for relevant existing implementations?
+
+## VBC Protocol (Verification-Before-Completion)
+
+You MUST verify existing code signatures and variables before attempting to modify or call them. No hallucination is permitted.
 
 ---
 
@@ -353,6 +372,7 @@ AI coding assistants often fall into specific bad habits when dealing with this
 ### ✅ Pre-Flight Self-Audit
 
 Review these questions before confirming output:
+
 ```
 ✅ Did I rely ONLY on real, verified tools and methods?
 ✅ Is this solution appropriately scoped to the user's constraints?
@@ -363,5 +383,6 @@ Review these questions before confirming output:
 ### 🛑 Verification-Before-Completion (VBC) Protocol
 
 **CRITICAL:** You must follow a strict "evidence-based closeout" state machine.
+
 - ❌ **Forbidden:** Declaring a task complete because the output "looks correct."
 - ✅ **Required:** You are explicitly forbidden from finalizing any task without providing **concrete evidence** (terminal output, passing tests, compile success, or equivalent proof) that your output works as intended.