Skip to content
View mirabelledoiron's full-sized avatar
2 followers · 13 following

Achievements

Achievement: Pair Extraordinairex2Achievement: QuickdrawAchievement: Pull Sharkx2Achievement: YOLO

Achievements

Achievement: Pair Extraordinairex2Achievement: QuickdrawAchievement: Pull Sharkx2Achievement: YOLO

Highlights

Block or report mirabelledoiron

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
mirabelledoiron/README.md

Bonjour, I'm Mirabelle

I'm a Design Engineer (Design Systems)

I work at the intersection of design and engineering—turning design decisions into component APIs, token systems, and production-ready UI infrastructure.

I build scalable UI systems that drive consistency, accessibility, and faster development across teams.

What I Focus On

  • Design systems and component libraries
  • Design → code translation (Figma to production)
  • Accessibility built into the system (not added later)
  • Multi-brand theming and scalable UI architecture
  • AI-assisted workflows for documentation and development

Core Stack

  • UI Engineering: React, TypeScript, HTML/CSS, Web Components, Lit
  • Systems: Design Tokens, Storybook, Component APIs, Theming (multi-brand / white-label)
  • Accessibility: WCAG 2.1 AA, Semantic HTML, Keyboard + Screen Reader support, ARIA patterns, Focus management
  • Styling: Tailwind CSS, CSS architecture, token-driven styling systems
  • Testing: React Testing Library, Visual Regression, Accessibility testing (axe)
  • AI (Applied): RAG systems for documentation, MCP servers, AI agents, workflow automation

Selected Work

  • Design-to-Code Bridge — Figma token extraction → production-ready formats
  • Output.ai — AI-assisted UI + documentation workflows

Currently

Open to Design Engineer / UX Engineer roles focused on design systems, UI architecture, and high-quality product UI.

Let's Connect

Philosophy

I design systems where accessibility, performance, and consistency are built into the foundation—not added later.

Note on AI
I use AI as part of how I design and build systems—accelerating exploration, validating edge cases, and automating workflows—while maintaining full ownership of architecture and code.

Pinned Loading

  1. job-search-agent-Notion-MCP-template job-search-agent-Notion-MCP-template Public template

    A daily automated job search agent I built to surface {your role}, roles that match your background. Runs every day at 6AM ET via GitHub Actions, scores each job using Claude, and writes the top ma…

    TypeScript 2

  2. colorX colorX Public

    A tool that generates WCAG-compliant light and dark themes from a single hex color, outputting CSS custom properties with a full contrast audit.

    TypeScript 1

  3. AI-Documentation-Assistant AI-Documentation-Assistant Public

    A React + Go app that ingests documentation and provides semantic search, RAG-based chat, document upload, and basic analytics.

    TypeScript 1

  4. Interface-Intelligence Interface-Intelligence Public

    AI-powered design system co-pilot built with Next.js, React, TypeScript, and Output.ai workflow patterns.

    TypeScript 1

  5. Mirabelle-Doiron-portfolio2026 Mirabelle-Doiron-portfolio2026 Public

    Design Engineer | Design Systems - Building accessible, scalable UI systems from design to production.

    TypeScript