Frontend Engineer

We're building open‑source AI middleware that gives agents real external memory and reliable tools—powered by the Model Context Protocol (MCP). Our values:
Human‑First, Simplicity, Accessibility, Inclusion, Security
. Small, senior team; big ambitions.

Why this role exists

We want a product‑minded
Frontend Engineer
who can design and build beautiful, fast, accessible experiences—while using
AI ("vibe coding")
to move from idea → prototype → polished UI quickly. You'll own our web UX, brand expression, and motion language across marketing and product surfaces.

What you'll do

• Own the front of the house:
  lead implementation of our marketing site and in‑product UI using modern (or similar) with TypeScript and Tailwind.
• Design system & brand:
  ship a reusable component library (Storybook), iconography, and visual tokens that scale; maintain shadcn/ui or equivalent.
• Motion & delight:
  craft performant animations (Framer Motion, CSS, Lottie/After Effects; GSAP or a plus) with a consistent motion vocabulary.
• AI‑augmented build:
  practice
  vibe coding
  —use AI agents/coders to scaffold components, generate variants, and iterate rapidly—while
  owning code quality, tests, and reviews
  .
• Graphics & assets:
  produce light graphic design/illustration where needed (Figma/Adobe/Vector); manage export pipelines and compression for the web.
• Performance & A11y:
  hit Core Web Vitals, implement accessibility (WCAG 2.2 AA), responsive design, internationalization, and semantic HTML.
• Quality & delivery:
  write tests (Playwright/Vitest), instrumentation/analytics, and CI checks; help define UI acceptance criteria with the PO/PM.
• Secure by default:
  enforce CSP/Trusted Types, sanitize untrusted content, handle secrets correctly, and avoid anti‑patterns (no :latest, no pushing to main).

Must‑have experience

• (or similar),
  TypeScript
  ,
  Tailwind
  ; building production web apps end‑to‑end.
• Web animation
  proficiency: Framer Motion and either CSS keyframes or Lottie; understanding of performance budgets (RAF, layout thrash, GPU compositing).
• Graphic design fundamentals:
  typography, layout, color, contrast; competent in
  Figma
  and one of: Illustrator/Affinity/Sketch.
• AI‑assisted development (vibe coding):
  prompt‑driven scaffolding, refactors, test generation, and fast iteration with guarded quality (you still review/own the code).
• Accessibility (ARIA patterns), SEO/OG metadata, routing/SSR/ISR, asset pipelines, and environment configuration.

Nice‑to‑haves

• or Spline for immersive visuals; GSAP timeline mastery.
• Design token systems, theming/dark mode, and localization frameworks.
• Headless CMS integration; MDX content pipelines.
• Analytics/telemetry (OTel events), feature flags/experiments.
• Familiarity with
  MCP/agent UIs
  , chat‑like UX, and tool permission flows.

How we work

• Tight 7‑person product squad (engineering + PO + PM + design).
• Docs‑first (RFCs/ADRs), crisp feedback, high ownership, ~4 hours PT overlap.
• We use AI to go faster
  without
  skipping reviews, tests, or security baselines.

90‑day outcomes

• Design system
• Storybook with documented motion and accessibility patterns.
• Marketing site refresh
  with animations, optimized CWV scores, and solid SEO.
• In‑product UI
  for at least one MCP/agent feature, with telemetry and tests.
• Clear contribution guidelines for vibe‑coding workflows (prompts, review gates, test minimums).

Notes on "vibe coding" at Betwixt (house definition)

• What it IS:
  prompt‑ and agent‑assisted development to ideate, scaffold, and iterate; rapid variants; faster design‑dev feedback loops.
• What it ISN'T:
  shipping unreviewed or unexplained code. You still own readability, tests, accessibility, performance, and security.