Romain GabinDS
Older versions of Romain are no longer maintained.

Overview / Getting started

One developer, documented like a component library.

I’m Romain Gabin — a frontend tech lead specialized in design systems, accessibility and AI-assisted development. This site documents me the way I document components: tokens, props, usage guidelines and a changelog. Everything here is true; only the packaging is a joke.

Installation

pnpm add romain-gabin@latest

requires: interesting problems ≥ 1.0 · peer dependency: coffee optional, css mandatory

rendered output

Romain Gabin

Tech Lead Frontend — Design Systems, Accessibility & AI-assisted development

available for hire · v5.0.0 stable

  • --stack: vue / nuxt
  • --craft: css
  • --markup: semantic
fig. 01basic usage

Basic usage

<Romain
  role="tech-lead"
  focus={['design-systems', 'accessibility', 'ai-workflows']}
  stack={['vue', 'nuxt', 'css']}
  a11y="WCAG-AA"
  remote
/>

Framework support

Frameworks supported by Romain Gabin
FrameworkSupportNotes
Vue / Nuxt✓ fullprimary since 2016
Web Components✓ fullframework-agnostic by design
React✓ fullproduction experience
Angular✓ fullshipped in Marcel
jQuery⚠ deprecatedmaintenance mode only

Where to next

  • Design tokens — my values as CSS custom properties. They drive this site’s theme, live.
  • Components — what I actually do, with props tables and do/don’ts.
  • Changelog — 13 years of career in semver, from v1.0.0 (hotel night shifts) to v5.0.0.
  • For AI agents — this site has an /llms.txt and a real MCP endpoint. Yes, really.