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

npx romain-gabin

a real npm package. it prints my profile in your terminal, arrow keys included. pnpm add romain-gabin works too.

rendered output

Romain Gabin

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

available for hire · v5.0.0 stable

  • --stack: vue / nuxt
  • --expertise: design-systems
  • --method: agentic-workflows
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: who I am, written as CSS custom properties. They also 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.