Gatehouse Submit a tool

The system

Every value on this page is rendered from src/styles/theme.css and the real components. If it looks right here, it's right everywhere. The identity in one line: evidence is the aesthetic. Cobalt acts, green and red judge, mono states machine facts, and everything else stays quiet.

Color

Three jobs, never mixed: surfaces & text (neutrals), action (cobalt), verdicts (green / red / amber). If cobalt ever means "good" or green ever means "click here", the trust vocabulary is broken.

--color-bg Page surface
--color-bg2 Tinted surface: hero wash, chips, author band
--color-line Every border
--color-ink Headings, names, strong
--color-body Card prose (curator takes)
--color-mut Secondary text, nav, labels
--color-faint Tertiary: fine print, counts
--color-acc Cobalt: actions and links only, never a verdict
--color-ok Verdict: alive / vetted
--color-ok-bg Halo behind the green dot
--color-bad Verdict: failing / flagged
--color-bad-bg Halo behind the red dot
--color-warn Verdict: attention, not failure
--color-pick-line Curator's pick border
--color-flag-line Flagged card border

Type

Archivo carries everything human; Outfit (geometric) sets the brand wordmark only; JetBrains Mono is reserved for machine facts like timestamps, install counts, type tags, and key hints. Mono is a signal that a machine wrote it, so never set opinions in mono.

display · 800 · clamp(2rem–3.1rem) · -0.02em

Agent tools that actually work.

section h2 · 700 · 21px · -0.01em

Popular MCP servers

body · 400 · 16px / 1.55

Every listing installed, tested, and health-checked before it appears.

take · 400 · 14px · --color-body · always quoted

“Reads the diff, not the vibes. Output needed zero edits in 4 of 5 runs.”

machine fact · mono 400 · 12px · --color-mut

checked 2h ago · 203k installs · 2026-07-11 06:40 UTC

Spacing

A 4px ramp; --space-5 (20px) is the page gutter. Every padding, margin, and gap on the site snaps to a step, so nothing lands on an in-between value. Reach for a token, never a raw px.

--space-0 Micro: kbd / tag inset
--space-1 Icon gaps, tight pairs
--space-2 Chip interior, inline gaps
--space-3 Default gap, card padding
--space-4 Card interior, grid gutters
--space-5 The page gutter
--space-6 Group spacing
--space-7 Section padding
--space-8 Section breaks, band padding
--space-9 Hero + page-bottom breathing room

Primitives

One primary button per view. Ghost is the paid ask, and it must never look louder than the free path.

The card

The atom of the registry: name, type tag, then the text (a quoted take only after a real hands-on audit, a plain summary until then), then the evidence row. Four states. Flagged cards stay published; a directory that hides failures is an ad.

postgres-mcp logo postgres-mcp MCP server

“Read-only mode is genuinely read-only. Schema introspection matched a live psql session exactly.”

alive · checked 2h ago 88k installs ✓ Vetted
changelog-writer skill

“Reads the diff, not the vibes. Output needed zero edits in 4 of 5 runs.”

checked 2h ago 29k installs ✓ Vetted
serena logo serena MCP server

A semantic code toolkit built on language servers: symbol-level search, reference tracing, and precise edits instead of whole-file rewrites.

checks pending listed Jul 11 unvetted
notion-bridge-mcp MCP server

“OAuth token refresh loop in 2 of the last 5 checks. Author notified Jul 9, delisted Jul 16 if unresolved.”

failing checks 67k installs ⚠ Flagged

Voice

The honest inspector: states findings, never sells. Verdicts come with dates and counts; criticism comes with a deadline and a path back.

Write this

  • “Tested July 8. Passed 4 of 5 checks. Here's the one it failed.”
  • “Does what it says. Says less than it does.”
  • “Author notified Jul 9, delisted Jul 16 if unresolved.”

Never this

  • “The ultimate supercharged MCP server ⚡🚀”
  • “Trusted by thousands of developers!”
  • Any verdict without a date attached.

Motion & elevation

One easing (--ease-out), one speed (--duration-hover). Cards and buttons lift 1–2px on hover with their token shadow; nothing else moves or casts. Every lift is disabled under prefers-reduced-motion.