@soleur/opencode 0.0.0-stage → 1.0.0

package/skills/frontend-anti-slop/SKILL.md

@@ -0,0 +1,106 @@
+---
+name: frontend-anti-slop
+description: This skill should be used when auditing React/Next.js source for Hallmark-adapted anti-AI-slop patterns via a deterministic Tailwind/JSX scanner.
+version: 1.0.0
+---
+
+<!-- grok-harness-invoke:start -->
+**Grok Build (`plugins/soleur/lib/harness.ts` `invokeSkill()`):** Read this SKILL.md in this process and run it to completion. A one-segment `soleur:<name>` in this document names a SKILL — on Grok Build, Read `plugins/soleur/skills/<name>/SKILL.md` in this process; it is not a nested tool_use. A multi-segment id such as `soleur:<domain>:<name>` names an AGENT: spawn it, never Read it, and on Grok Build spawn_subagent takes the id with its colons replaced by hyphens (`agentIdToGrokSubagentType`). **Claude Code:** Skill tool for a skill (`soleur:<name>`), Task tool with `subagent_type` for an agent. Forbidden is executing a subset, not the Read.
+<!-- grok-harness-invoke:end -->
+
+# frontend-anti-slop
+
+A deterministic source-static audit for React/Next.js components that flags AI-default visual and microinteraction patterns adapted from [Nutlope/hallmark](https://github.com/Nutlope/hallmark) (MIT). v1 ships 18 Tier 1 ripgrep gates over `apps/web-platform/{app,components}/**/*.{tsx,jsx,css}`, `apps/web-platform/server/**/*.{ts,tsx}`, and the Eleventy docs site. v1.5 (post-calibration) adds a Tier 2 LLM-judgment reviewer agent for the ~12 gates regex cannot resolve.
+
+> **Attribution.** Rule set and anti-pattern names adapted from Hallmark (Together AI, MIT). Verbatim license at [`/LICENSES/hallmark.MIT.txt`](../../../../LICENSES/hallmark.MIT.txt); upstream stanza in [`/plugins/soleur/NOTICE`](../../NOTICE).
+
+## When this skill fires
+
+- Invoked by `soleur:review` when a PR touches `apps/web-platform/(app|components)/.*\.(tsx|jsx|css)$`. See `plugins/soleur/skills/review/SKILL.md § Anti-slop Scanner Hook`.
+- Manual: `soleur:frontend-anti-slop --paths <files-or-dirs> [--dry-run|--json] [--rule <ID>]`.
+
+The scanner is **non-blocking by design** — exit code is 0 regardless of finding count. v1 ships in calibration mode: findings surface in PR review output for operator review, no auto-filing to GitHub issues. Calibration unlocks v1.5 (auto-file + Tier 2 agent) at ≤ 10% FP rate over ≥ 20 findings ≥ 2 weeks.
+
+## Invocation
+
+```bash
+# Default — scans staged + modified frontend files vs. the index.
+bun run plugins/soleur/skills/frontend-anti-slop/scripts/tier1-scan.ts
+
+# Explicit paths (files or directories).
+bun run plugins/soleur/skills/frontend-anti-slop/scripts/tier1-scan.ts \
+  --paths apps/web-platform/components/ui/ --json
+
+# Single rule.
+bun run plugins/soleur/skills/frontend-anti-slop/scripts/tier1-scan.ts \
+  --paths apps/web-platform/components/ --rule GRADIENT-TEXT --json
+```
+
+Skill tool form:
+
+```text
+Skill(skill: "soleur:frontend-anti-slop")
+Skill(skill: "soleur:frontend-anti-slop", args: "--paths apps/web-platform/components/ui/ --json")
+```
+
+## Scope
+
+| In scope (v1) | Out of scope |
+|---|---|
+| `apps/web-platform/(app|components)/**/*.{tsx,jsx,css}` | Other apps in the monorepo (`web-platform-docs`, infra apps) |
+| `apps/web-platform/server/**/*.{ts,tsx}` (email/HTML templates) | App-code remediation of pre-existing findings (forward-gate only) |
+| 18 deterministic Tier 1 gates (regex-only) | Tier 2 LLM-judgment gates (deferred to v1.5) |
+| Source-static analysis | Rendered-DOM / screenshot analysis (that's [`soleur:ux-audit`](../ux-audit/SKILL.md)) |
+| JSON output matching [`finding.schema.json`](../ux-audit/references/finding.schema.json) | Auto-filing GitHub issues |
+| `<!-- anti-slop:disable RULE_ID reason="..." -->` per-file overrides | AST-based gates (CARD-IN-CARD, focus states) — v1.5 with ts-morph |
+
+## Rule set
+
+The 18 Tier 1 gates live in [slop-rules.md](./references/slop-rules.md) as a parsed Markdown table. Each row: `id`, `tier`, `category`, `hallmark_gate`, `severity`, `pattern`, `message`, `suggested_fix`. The scanner filters to `tier === 1` and runs each `pattern` regex line-by-line over target files.
+
+React/Tailwind code examples for each rule live in [anti-patterns.md](./references/anti-patterns.md).
+
+### Brand rules (blocking)
+
+Three `brand`-category gates ship alongside the Hallmark-derived anti-slop rules: BRAND-RAW-HEX (high), BRAND-WHITE-ON-GOLD (high), BRAND-NONZERO-CORNER (medium). Unlike the advisory anti-slop findings, a finding whose originating rule is `category: brand` **and** `severity: high` makes the scanner **exit non-zero (blocking)** — it is a required-fix gate, not calibration-mode triage. Brand `medium` findings and all non-brand `anti-slop` findings stay advisory (exit 0). The emitted Finding always serializes `category: "anti-slop"`; the `brand` discriminator lives only on the Rule, so `--json` output stays conformant to `finding.schema.json`.
+
+BRAND-RAW-HEX ("use a wired design token, not a literal color") is **project-agnostic** — Soleur users adopting this scanner should keep it as-is, but re-base BRAND-WHITE-ON-GOLD / BRAND-NONZERO-CORNER on their own `brand-guide.md` palette and wired token file rather than the hardcoded Soleur gold identity.
+
+Findings emit as JSON conforming to `finding.schema.json`:
+
+```json
+{
+  "route": "",
+  "selector": "<file-path>#<RULE-ID>",
+  "category": "anti-slop",
+  "severity": "high",
+  "title": "<rule message> (rule <ID>)",
+  "description": "<rule message>. Detected at <path>:<line>.",
+  "fix_hint": "<rule suggested_fix>",
+  "screenshot_ref": "/tmp/anti-slop/no-screenshot.png"
+}
+```
+
+The `selector` overload (`<file>#<RULE-ID>`) reuses the existing `soleur:ux-audit` dedup hash (`sha256("route|selector|category")`) without a `Finding` interface change — see plan §"Research Reconciliation #2".
+
+## Per-file rule disable
+
+To intentionally use a flagged pattern (designer-mandated gradient, brand-specific font), add a comment in the source file:
+
+```tsx
+{/* anti-slop:disable GRADIENT-TEXT reason="brand-mandated marketing hero gradient" */}
+<h1 className="bg-clip-text text-transparent bg-gradient-to-r from-soleur-accent-gradient-start to-soleur-accent-gradient-end">
+  ...
+</h1>
+```
+
+Disable comments work in JSX comment form (`{/* ... */}`), HTML-comment form (`<!-- ... -->`), or CSS-comment form (`/* ... */`) — the scanner matches the literal `anti-slop:disable <RULE_ID>` substring.
+
+## Calibration mode
+
+v1 ships in calibration mode (no auto-filing). The promotion gate to v1.5 (auto-file + Tier 2 agent):
+
+- ≥ 20 findings logged over ≥ 2 weeks of dogfood
+- ≤ 10% operator-confirmed false-positive rate
+
+The follow-up issue filed at merge tracks the calibration window. v1.5 picks up when the gate trips.

package/skills/frontend-anti-slop/references/anti-patterns.md

@@ -0,0 +1,199 @@
+<!-- Adapted from Hallmark (MIT) — see /LICENSES/hallmark.MIT.txt -->
+
+# Anti-patterns — React/Next.js named tells
+
+Each entry: the tell, why it reads as AI-generated, and the fix in JSX/Tailwind form.
+
+---
+
+## Critical
+
+### The gradient headline (rule GRADIENT-TEXT)
+
+```tsx
+<h1 className="bg-clip-text text-transparent bg-gradient-to-r from-purple-500 to-pink-500">
+  Build the future of your stack
+</h1>
+```
+
+Three-class `bg-clip-text + text-transparent + bg-gradient-to-*` triad signals AI-generated faster than almost anything else.
+
+**Fix.** Solid ink. If you want presence, reach for weight, italic, or a display face.
+
+```tsx
+<h1 className="font-display text-5xl font-medium tracking-tight">
+  Build the future of your stack
+</h1>
+```
+
+### Purple→blue gradient backgrounds (rule PURPLE-BLUE-GRADIENT)
+
+```tsx
+<section className="bg-gradient-to-br from-purple-600 to-blue-500 ...">
+```
+
+The single most-recognised AI aesthetic. Hero, CTA, badge — anywhere.
+
+**Fix.** Pick one anchor hue. Tint neutrals for warmth instead of pouring gradient.
+
+### Inter / Roboto / Open Sans everywhere (rule GENERIC-DISPLAY-FONT)
+
+```tsx
+import { Inter } from "next/font/google";
+const inter = Inter({ subsets: ["latin"] });
+```
+
+…and `<html className={inter.className}>`. One-face Inter page is a template page.
+
+**Fix.** Pair a distinctive display face (Fraunces, Instrument Serif, GT America Mono, etc.) with a refined body face. Or load a real type file from a foundry.
+
+### Card-in-card (deferred to v1.5 — CARD-IN-CARD)
+
+```tsx
+<div className="rounded-xl border ...">
+  <div className="rounded-lg border ...">
+    <div className="rounded border ...">{label}</div>
+  </div>
+</div>
+```
+
+Three layers of border + radius with no semantic reason. Visual nesting where one container would say it.
+
+**Fix.** Pick one containment layer — usually the outer one is wrong.
+
+### Side-stripe card (rule SIDE-STRIPE-CARD)
+
+```tsx
+<div className="border-l-4 border-purple-500 ...">
+```
+
+Bootstrap-era hangover. Reads as "alert box" muscle memory.
+
+**Fix.** Drop the stripe. Use the header rule, or vary the card surface tone.
+
+---
+
+## Microinteractions
+
+### `transition-all` (rule TRANSITION-ALL)
+
+```tsx
+<button className="transition-all duration-300 hover:scale-105 ...">
+```
+
+Animates every property — including layout-affecting ones — at the same curve and duration. Composability fail.
+
+**Fix.** Name the property.
+
+```tsx
+<button className="transition-opacity duration-200 hover:opacity-90 ...">
+```
+
+### Uniform `hover:scale-105` everywhere (rule UNIFORM-HOVER-SCALE)
+
+When every card, button, and tile in a file lifts by the same 5 %, the page reads as one undifferentiated surface.
+
+**Fix.** Reserve scale for primary CTAs. Other surfaces vary: opacity, colour, shadow.
+
+### Bouncy easing on UI (rule BOUNCY-EASING-UI)
+
+```css
+transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
+```
+
+Overshoot is a physical-world cue (a tossed envelope settles past the centre). On a tooltip or modal it reads as "look at me" — the opposite of what UI motion should do.
+
+**Fix.** Reserve overshoot for physical interactions. Use cubic-out (`cubic-bezier(0.0, 0.0, 0.2, 1)`) for UI.
+
+### Animating dimension props (rule ANIM-DIMENSION-PROPS)
+
+```tsx
+<div className="transition-width duration-500 ...">
+```
+
+Width / height / top / left / margin / padding all trigger layout, which is expensive and jank-prone.
+
+**Fix.** Animate `transform` + `opacity` only. For "growing" effects, use `scale` or `translate`.
+
+---
+
+## Comprehension
+
+### Placeholder names (rule PLACEHOLDER-NAMES)
+
+```tsx
+<blockquote>
+  "Soleur replaced our marketing team." — Jane Doe, CEO of Acme
+</blockquote>
+```
+
+Jane Doe / John Smith / Acme / Nexus / Seamless / Unleash are the AI-defaults the model reaches for when no real testimonial exists.
+
+**Fix.** Use a real customer name (with permission) or remove the testimonial. An empty quote slot is taste; a fake one is slop.
+
+### Prose width out of range (rule PROSE-WIDTH-OUT-OF-RANGE)
+
+```tsx
+<article className="max-w-[120ch] ...">
+```
+
+Under 45 ch the measure is choppy; over 75 ch the eye loses the line return.
+
+**Fix.** Stay in 45–75 ch.
+
+---
+
+## Visual implementation
+
+### Zero-chroma OKLCH neutrals (rule ZERO-CHROMA-OKLCH)
+
+```css
+--color-surface-1: oklch(98% 0 0);
+```
+
+Pure greys read as flat — every paper colour in the world is tinted somewhere.
+
+**Fix.** Push chroma to at least 0.005 toward the anchor hue.
+
+### Off-scale spacing (rule OFF-SCALE-SPACING)
+
+```tsx
+<div className="p-[17px] gap-[13px] m-[23px]">
+```
+
+Arbitrary px values not on the 4-px scale are an AI tell — the model picked a number to make something fit instead of using the system.
+
+**Fix.** Use the named spacing scale, or adjust to the nearest 4-px multiple.
+
+### Two icon libraries (rule TWO-ICON-LIBS)
+
+```tsx
+import { Search } from "lucide-react";
+import { HomeIcon } from "@heroicons/react/24/outline";
+```
+
+Two icon faces on the same page is the icon-set tell — the model reached for whichever it remembered for each glyph.
+
+**Fix.** Pick one library and commit. Lucide and Phosphor have full coverage.
+
+### Pure `#000` / `#fff` base (rule PURE-BW-BASE)
+
+```tsx
+<html className="bg-black text-white">
+```
+
+Pure black / pure white are exhausted defaults. Real product palettes tint the base.
+
+**Fix.** Tint every base. `oklch(98% 0.005 80)` instead of `oklch(100% 0 0)`.
+
+### Centred-everything hero (rule MIN-H-SCREEN-CENTERED-HERO)
+
+```tsx
+<section className="min-h-screen flex items-center justify-center">
+  <div className="text-center"> ... </div>
+</section>
+```
+
+Eyebrow, title, lede, CTA all centred on the same axis is the strongest hero fingerprint.
+
+**Fix.** Pick at most two centred elements. Break alignment for the others.

package/skills/frontend-anti-slop/references/slop-rules.md

@@ -0,0 +1,65 @@
+<!-- Adapted from Hallmark (MIT) — see /LICENSES/hallmark.MIT.txt -->
+
+# Slop rules — React/Next.js Tier 1 (v1) + Tier 2 (v1.5 documented)
+
+The scanner parses the **active rules** table below. Rows with `tier: 1` ship in v1 as deterministic ripgrep gates over `apps/web-platform/{app,components}/**/*.{tsx,jsx,css}`. Rows with `tier: 2` are kept here so v1.5 can wire them into the LLM-judgment reviewer agent without re-derivation; the v1 scanner ignores them.
+
+Each rule maps 1:1 (or 1:few) to a gate from Hallmark's slop-test. The `hallmark_gate` column points back to the gate number in [`hallmark/references/slop-test.md`](https://github.com/Nutlope/hallmark/blob/main/references/slop-test.md).
+
+Per-file disable comment: `<!-- anti-slop:disable RULE_ID reason="..." -->` (the scanner honors this; emitted alongside a `disabled` finding in `--verbose` mode for audit trail).
+
+## Active rules
+
+| id | tier | category | hallmark_gate | severity | pattern | message | suggested_fix |
+|---|---|---|---|---|---|---|---|
+| GRADIENT-TEXT | 1 | visual | 5 | high | `\bbg-clip-text\b.*\btext-transparent\b.*\bbg-gradient-to-` | `bg-clip-text + text-transparent + bg-gradient-to-*` triad — gradient-fill headline reads as AI default. | Use solid ink. Reach for weight, italic, or a display face for emphasis. |
+| GENERIC-DISPLAY-FONT | 1 | visual | 1 | medium | `import\s*\{\s*(Inter\|Roboto\|Open_Sans\|Poppins\|Lato)\s*[\},].*from\s*["']next/font/google` | Generic display-font import. One-font Inter/Roboto/Poppins page is a template page. | Pair a distinctive display face with a refined body face. |
+| PURPLE-BLUE-GRADIENT | 1 | visual | 2 | medium | `bg-gradient-to-\w+\s+(?:[^"]*\s)?from-(?:purple\|violet\|fuchsia)-\d+\s+(?:[^"]*\s)?to-(?:blue\|cyan\|sky)-` | Purple→blue (or violet→cyan) gradient — single most-recognised AI aesthetic. | Pick a single anchor hue. No gradient backgrounds. Tint neutrals for warmth. |
+| SIDE-STRIPE-CARD | 1 | visual | 6 | medium | `\bborder-l-4\b.*\bborder-(?:purple\|blue\|pink\|indigo\|emerald)-` | Thick coloured left side-stripe on card — common Bootstrap-era tell. | Drop the stripe. Use a single header rule or vary card surface instead. |
+| MIN-H-SCREEN-CENTERED-HERO | 1 | visual | 7 | low | `\bmin-h-screen\b.*\bflex\b.*\bitems-center\b.*\bjustify-center\b` | `min-h-screen` + centred-everything hero. | Pick at most two centred elements; break alignment for the others. |
+| PURE-BW-BASE | 1 | visual | 8 | medium | `<(?:html\|body\|main)\b[^>]*\bbg-(?:black\|white)\b\|\bbg-(?:black\|white)\b[^"]*\b(?:min-h-screen\|min-h-dvh\|h-screen)\b\|\b(?:min-h-screen\|min-h-dvh\|h-screen)\b[^"]*\bbg-(?:black\|white)\b` | Raw `bg-black` / `bg-white` on root layout / page wrapper. | Tint every neutral toward the anchor hue (≥ 0.005 chroma). |
+| TRANSITION-ALL | 1 | microinteractions | 11 | low | `\btransition-all\b` | `transition-all` — animates every property. Composability fail. | Name the property: `transition-opacity`, `transition-colors`, etc. |
+| UNIFORM-HOVER-SCALE | 1 | microinteractions | 12 | low | `\bhover:scale-105\b` | Uniform `hover:scale-105`. Fires when ≥ 4 occurrences in the same file. | Reserve scale for primary CTAs. Other surfaces vary: colour, shadow, opacity. |
+| BOUNCY-EASING-UI | 1 | microinteractions | 13 | medium | `cubic-bezier\(0\.34,\s*1\.56` | Bouncy / overshoot easing on UI state changes. | Reserve overshoot for physical interactions only. Use cubic-out for UI. |
+| ANIM-DIMENSION-PROPS | 1 | microinteractions | 15 | medium | `\btransition-(?:width\|height\|top\|left\|margin\|padding)\b` | Animating layout-shifting props (width/height/top/left/margin/padding). | Animate `transform` + `opacity` only. |
+| PLACEHOLDER-NAMES | 1 | comprehension | 20 | low | `\b(?:Jane Doe\|John Smith\|Acme(?: Inc\|, Inc)?\|Nexus\|Seamless\|Unleash)\b` | Placeholder names / startup-cliché names. | Use the user's actual customer names or remove the section. |
+| ZERO-CHROMA-OKLCH | 1 | visual | 24 | low | `oklch\(\s*[0-9.]+%?\s+0\s+` | Zero-chroma OKLCH neutral — reads as flat. | Tint every neutral ≥ 0.005 chroma toward the anchor hue. |
+| OFF-SCALE-SPACING | 1 | visual | 26 | low | `\b(?:p\|m\|gap)-\[(?:[1-3]\|[5-9]\|1[0-9]\|2[1-9]\|3[1-9])px\]` | Arbitrary spacing value not on the 4 px scale. | Use the named scale (`--space-3xs` … `--space-5xl`, multiples of 4 px). |
+| PROSE-WIDTH-OUT-OF-RANGE | 1 | comprehension | 27 | low | `\bmax-w-\[(?:[0-9]\|[1-3][0-9]\|4[0-4]\|7[6-9]\|[89][0-9]\|1[0-9]{2})ch\]` | Prose `max-width` outside the 45–75 ch readable range. | Measure must read: under 45 ch is choppy, over 75 ch loses the eye. |
+| TWO-ICON-LIBS | 1 | visual | 32 | medium | `from\s+["'](?:lucide-react\|react-icons[^"']*\|@heroicons/react[^"']*)["']` | Multiple icon libraries imported in the same file. | Pick one library. Two icon faces on the page is the icon-set tell. |
+| BRAND-RAW-HEX | 1 | brand | 58 | high | `\[#(?:[0-9a-fA-F]{3}\|[0-9a-fA-F]{6})\]\|(?:background\|color\|border\|fill\|stroke)[A-Za-z]*\s*[:=]\s*["'{ ]*#[0-9a-fA-F]{3,8}` | raw hex in component/template — use a wired design token, not a literal color | Reference a wired design token (Tailwind theme key or `var(--token)`), never a literal `[#hex]` arbitrary value or inline `prop: #hex`. |
+| BRAND-WHITE-ON-GOLD | 1 | brand | 58 | high | `(?:gold\|gradient\|accent\|#[CcDdBb][0-9A-Fa-f]{5})[^"\n]*(?:color\s*:\s*#(?:fff\|ffffff)\b\|text-white\b)\|(?:color\s*:\s*#(?:fff\|ffffff)\b\|text-white\b)[^"\n]*(?:gold\|gradient\|accent)` | white-on-gold fails AA — use forge-ink text-on-accent | Put forge-ink (dark) text on the gold/accent surface; white-on-gold fails WCAG AA contrast. |
+| BRAND-NONZERO-CORNER | 1 | brand | 58 | medium | `border-radius\s*:\s*(?:0?\.[0-9]\|[1-9])\|\brounded(?:-(?:sm\|md\|lg\|xl\|2xl\|3xl\|full\|t\|b\|l\|r))?\b(?![\w-]*-none)` | non-zero corner — brand mandates 0px sharp corners | Use sharp `0px` corners (`rounded-none` / `border-radius: 0`); the brand identity mandates square corners. |
+
+### Brand rules (blocking)
+
+The `brand`-category rules are the only **blocking** gates in this scanner. A finding whose originating rule is `category: brand` **and** `severity: high` (BRAND-RAW-HEX, BRAND-WHITE-ON-GOLD) makes the scanner exit non-zero — a required-fix gate, not advisory triage. All non-brand `anti-slop` findings, and brand findings below `high` (BRAND-NONZERO-CORNER, `medium`), stay advisory (exit 0). The emitted Finding still serializes `category: "anti-slop"` (the `brand` discriminator lives only on the Rule, keeping `--json` output conformant to `finding.schema.json`).
+
+**Project-agnostic vs. Soleur-specific.** BRAND-RAW-HEX is fully project-agnostic — "use a wired design token, not a literal color" holds for any project. Soleur users adopting this scanner should keep BRAND-RAW-HEX as-is, but re-base BRAND-WHITE-ON-GOLD and BRAND-NONZERO-CORNER on *their own* `brand-guide.md` palette and wired token file (e.g. swap the gold/accent contrast rule and the 0px-corner mandate for whatever their brand guide specifies) rather than hardcoding the Soleur gold identity.
+
+## Documented Tier 2 rules (deferred to v1.5 — judgment-required)
+
+| id | tier | category | hallmark_gate | defer | rationale |
+|---|---|---|---|---|---|
+| STRUCTURAL-FINGERPRINT | 2 | structural | 9 | v1.5 | Requires page-level macrostructure knowledge — "Hero → 3 features → CTA → footer" pattern detection needs LLM judgment. |
+| EQUAL-RHYTHM-SECTIONS | 2 | structural | 10 | v1.5 | "Sections separated only by equal whitespace" requires layout analysis. |
+| MULTI-HOVER-EFFECT | 2 | microinteractions | 14 | v1.5 | Detecting > 1 simultaneous hover effect (translate + scale + shadow + colour) needs JSX-prop walk. |
+| FOCUS-RING-FADE-IN | 2 | microinteractions | 16 | v1.5 | "Focus ring transitions into existence" requires CSS-rule pairing analysis. |
+| CELEBRATORY-SUCCESS-TOAST | 2 | microinteractions | 17 | v1.5 | Judgment: does the action have a visible effect already? |
+| TOOLTIP-EQUAL-DELAYS | 2 | microinteractions | 18 | v1.5 | Requires cross-prop comparison on tooltip components. |
+| CAROUSEL-NO-PAUSE | 2 | microinteractions | 19 | v1.5 | Requires component-shape analysis (carousel without pause-on-hover/focus). |
+| INVENTED-METRIC | 2 | comprehension | 56 | v1.5 | Hardest judgment gate — distinguishes user-supplied numbers from fabricated ones. |
+| REDRAWN-CHROME | 2 | visual | 57 | v1.5 | Requires recognising fake browser bar / phone frame / IDE chrome — visual shape, not regex. |
+| MID-RENDER-TOKEN | 2 | visual | 58 | v1.5 | Detecting raw hex / oklch outside `:root` token blocks needs CSS-rule context awareness. |
+| TWO-LINE-CLICKABLE | 2 | responsive | 59 | v1.5 | "Wraps to 2 lines" requires rendered-layout measurement, not source-static check. |
+| EMOJI-AS-ICON | 2 | visual | 60 | v1.5 | Requires distinguishing emoji-as-content from emoji-as-feature-icon. Glyph context. |
+
+## Cut from v1 (require AST — deferred to v1.5 with ts-morph)
+
+These gates need parent-walk / JSX shape analysis and are explicitly **out of scope** for v1's regex-only scanner per Sharp Edge `2026-04-02-lazy-regex-semicolons-typescript-structural-tests.md`. They land in v1.5 alongside Tier 2.
+
+| id | hallmark_gate | reason |
+|---|---|---|
+| CARD-IN-CARD | 4 | Requires JSX parent-walk (card-shape element nested inside same-shape element). |
+| MISSING-FOCUS-VISIBLE-ACTIVE-DISABLED | 28 | Multi-selector cross-cutting; regex would false-positive on inherited motion. |
+| ANIM-WITHOUT-REDUCED-MOTION | 29 | Paired-regex (animation + media query) — needs structural pairing. |