Add anti-pattern detection CLI, browser visualizer, gallery page, and build DRY refactor

- Anti-pattern detector script (source/skills/critique/scripts/detect-antipatterns.mjs):
  CLI tool that scans files/dirs for UI anti-patterns via regex. Detects side-tab
  accent borders and border-accent-on-rounded patterns across Tailwind, CSS, JSX.
  Context-aware: skips safe elements (blockquotes, nav, inputs, code), neutral
  colors, and adjusts thresholds based on border-radius co-occurrence.

- Browser visualizer (public/js/detect-antipatterns-browser.js):
  Drop-in script that highlights anti-patterns directly in the browser with
  labeled overlays. Two modes: "static" (regex, matches CLI) and "computed"
  (getComputedStyle, catches CSS cascade). Scans both inline styles and
  <style> blocks.

- Gallery of Shame (public/gallery.html):
  Standalone page showcasing 11 AI anti-pattern examples with thumbnails
  and links. Anti-pattern example pages updated from 1080x1080 Twitter
  format to responsive layouts, labels removed, screenshots retaken at 16:10.

- Critique skill updated to run detector before manual review.

- Build system: skills now support scripts/ directories alongside reference/.
  All 8 provider transformers refactored to use shared.js (DRY).

- 58 new tests covering detection logic, fixtures, CLI integration.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

server/index.js

@@ -1,6 +1,7 @@
 import { serve, file } from "bun";
 import homepage from "../public/index.html";
 import cheatsheet from "../public/cheatsheet.html";
+import gallery from "../public/gallery.html";
 import {
   getSkills,
   getCommands,
@@ -16,6 +17,7 @@ const server = serve({
   routes: {
     "/": homepage,
     "/cheatsheet": cheatsheet,
+    "/gallery": gallery,
 
     // Static assets - all public subdirectories
     "/assets/*": async (req) => {
@@ -54,6 +56,18 @@ const server = serve({
       }
       return new Response("Not Found", { status: 404 });
     },
+    "/antipattern-images/*": async (req) => {
+      const url = new URL(req.url);
+      if (url.pathname.includes('..')) return new Response("Bad Request", { status: 400 });
+      const filePath = `./public${url.pathname}`;
+      const assetFile = file(filePath);
+      if (await assetFile.exists()) {
+        return new Response(assetFile, {
+          headers: { "X-Content-Type-Options": "nosniff" }
+        });
+      }
+      return new Response("Not Found", { status: 404 });
+    },
     "/antipattern-examples/*": async (req) => {
       const url = new URL(req.url);
       if (url.pathname.includes('..')) return new Response("Bad Request", { status: 400 });