ContractsMeridian

Skills

Top skills for Meridian.

Agent skills that keep AIs on-system — theme knobs, surfaces, composition, cinema, and contrast. Canonical source lives in skills/ for skills.sh.

ProofsAgents
skills.sh

Listing soon — install from the repo today.

npx skills add byronwade/ui.byronwade.com
Discovers every skill under skills/.

Prove on this site

Each skill maps to a live Meridian surface — theme, surfaces, compose proofs, cinema film, contrast audit.

  1. 01 · ThemeTheme grammarRe-skin OKLCH knobs — one accent, warm paper, closed radius.
  2. 02 · SurfaceSurface galleryPick a density lane — application, marketing, mobile, desktop.
  3. 03 · ComposeLive proofsWorkbench + composer wholes — object-bound AI, quiet chrome.
  4. 04 · CinematicContract filmOne idea per frame — full-bleed stages, paper ↔ theater.
  5. 05 · A11yContrast auditContrast pairs + banned cheats — WCAG AA on every change.

Featured

Five skills cover the Meridian loop — re-skin, pick a surface, compose wholes, stage cinema, audit contrast.

  • 01

    meridian-theme
    meridian-theme
    Apply or re-skin the Meridian theme — CSS tokens, brand accent, paper, radius, light/dark. Use when changing colors, theming a product, or teaching an AI how Meridian theme knobs work.
    Theme grammarDetails

  • 02

    meridian-compose
    meridian-compose
    Compose Meridian product wholes from shadcn primitives and theme tokens — workbenches, shells, object-bound AI rails. Use when building screens, not when only tweaking a token.
    Live proofsDetails

  • 03

    meridian-cinematic
    meridian-cinematic
    Stage Meridian UI under cinematic design laws — one idea per frame, product as subject, paper/theater tiles, no scroll spectacle. Use for marketing stages, heroes, and product showcase frames.
    Contract filmDetails

  • 04

    meridian-surface
    meridian-surface
    Choose and apply Meridian data-surface lanes — application, marketing, mobile, desktop density remaps. Use when building a screen and deciding chrome, hit targets, or theater rules.
    Surface galleryDetails

  • 05

    meridian-a11y
    meridian-a11y
    Audit Meridian UI for OKLCH-only color and WCAG AA contrast. Use on every UI or token change, before shipping, and when reviewing dark/theater surfaces.
    Contrast auditDetails

  • 06

    harbor-theme
    harbor-theme
    Theme tokens and closed prefs for Harbor. Use when changing brand, paper, or radius under Harbor.
    Details

  • 07

    harbor-compose
    harbor-compose
    Compose Harbor product UI from shadcn primitives with fail-closed gates. Use when building screens.
    Details

  • 08

    harbor-ops
    harbor-ops
    Dense indexes, semantic status chips, and calm admin detail for Harbor. Use when building ops lists or record workflows.
    Details

  • 09

    harbor-surface
    harbor-surface
    Density and data-surface lanes for Harbor.
    Details

  • 10

    harbor-a11y
    harbor-a11y
    Accessibility and contrast checklist for Harbor.
    Details

  • 11

    atlas-theme
    atlas-theme
    Theme tokens and closed prefs for Atlas. Use when changing brand, paper, or radius under Atlas.
    Details

  • 12

    atlas-compose
    atlas-compose
    Compose Atlas product UI from shadcn primitives with fail-closed gates. Use when building screens.
    Details

  • 13

    atlas-workbench
    atlas-workbench
    Keyboard-first workbench chrome, command palette patterns, and mono metadata for Atlas.
    Details

  • 14

    atlas-surface
    atlas-surface
    Density and data-surface lanes for Atlas.
    Details

  • 15

    atlas-a11y
    atlas-a11y
    Accessibility and contrast checklist for Atlas.
    Details

  • 16

    vellum-theme
    vellum-theme
    Theme tokens and closed prefs for Vellum. Use when changing brand, paper, or radius under Vellum.
    Details

  • 17

    vellum-compose
    vellum-compose
    Compose Vellum product UI from shadcn primitives with fail-closed gates. Use when building screens.
    Details

  • 18

    vellum-reading
    vellum-reading
    Typeset presets, 65ch measure, and streaming-stable prose for Vellum docs and help.
    Details

  • 19

    vellum-surface
    vellum-surface
    Density and data-surface lanes for Vellum.
    Details

  • 20

    vellum-a11y
    vellum-a11y
    Accessibility and contrast checklist for Vellum.
    Details