Skip to content
View mirabelledoiron's full-sized avatar

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.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. 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

Frontend Engineer | Design Systems, Web Experiences, and AI Tooling

I build scalable UI systems and thoughtful web experiences that teams depend on. My focus: taking design-to-code workflows from prototype to production, with accessibility and performance built in from day one.


What I Work On

  • Design Systems & Component Libraries – Designing token systems, reusable components, and multi-brand theming frameworks
  • Customer-Facing Web Experiences – Building fast, accessible, and maintainable product interfaces and landing pages
  • Accessibility-First Development – WCAG 2.1 AA compliance, semantic markup, and keyboard-navigable experiences
  • AI-Assisted Development – RAG systems, LLM integrations, and developer tooling that accelerates workflows
  • Design-to-Code – Bridging Figma and production with automatable, scalable processes

Core Stack

Frontend: React • TypeScript • Next.js • Vite • Tailwind CSS
Design Systems: Design Tokens • Storybook • Component APIs • Machine Learning Systems
Accessibility: WCAG 2.1 AA • ARIA • Semantic HTML • Screen Reader Testing
Testing: React Testing Library • Visual Regression • Axe Accessibility Testing
AI & Tooling: MCP Servers • AI Agents • RAG Documentation • Workflow Automation


How I Use AI

I integrate AI into my development process to accelerate exploration, generate prototypes, and automate repetitive workflows—while keeping full ownership of architectural decisions. It's a tool for moving faster and smarter, not replacing thoughtful engineering.



Open to collaborating on design systems, AI-assisted tooling, and building great web experiences.

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. Atelier-Design-System Atelier-Design-System Public

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

    TypeScript 1

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

  4. AI-Suitability-Scorecard AI-Suitability-Scorecard Public

    Interactive tool for evaluating whether AI is the right solution for a workflow — before recommending or implementing anything.

    TypeScript 1

  5. ColorX ColorX Public

    Generate accessible light and dark themes from a single hex color, with WCAG/APCA contrast checks and CSS custom property output.

    TypeScript 2 2