Skip to content
View mirabelledoiron's full-sized avatar
3 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

I'm Mirabelle

Design Engineer — Design Systems

I love being at the intersection of design and engineering. Turning design into production-ready components, defining how they’re used through clear APIs, and building token systems for consistency across teams. Accessibility is built in from the beginning.

Most of my Case-Studies lives under Mirabelle-Workspace

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

Let's Connect

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. Interface-Intelligence Interface-Intelligence Public

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

    TypeScript 1

  2. Mirabelle-Doiron-portfolio2026 Mirabelle-Doiron-portfolio2026 Public

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

    TypeScript 1

  3. Atelier-Design-System Atelier-Design-System Public

    A hand-rolled, minimal-dependency React component library.

    TypeScript 1

  4. 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

  5. UXE-skills UXE-skills Public

    WIP - This bundle covers the full senior UXE stack: design systems, frontend engineering, accessibility, UX engineering craft, and AI-integrated tooling.

    JavaScript 1