conan.email

Conan McNicholl

Staff Fullstack Engineer

Professional Summary

Staff Fullstack Engineer with 12+ years shipping production software across fintech, music licensing, enterprise SaaS, and edtech. I specialise in architecting React/Next.js platforms at scale, building internal component libraries that multiply team velocity, and integrating AI into developer workflows. Creator of Fragments, an open-source AI-native design system with 67+ components, 9 MCP tools, and a cloud governance layer. Track record of leading distributed teams, driving Staff-level technical decisions, and delivering measurable business outcomes.

Experience

Senior Software Engineer II

Aug 2022 to Present

Payroc · Remote

  • Architected a Turborepo monorepo with a Next.js 15 portal app and a 61-component Storybook-driven React library built on Radix UI primitives, used across 4 product teams
  • Owned the full delivery lifecycle: requirements analysis, feature definitions, task breakdowns, test plans, acceptance criteria, and sprint estimations for a team of 6
  • Implemented OIDC-based authentication with react-oidc-context, contract testing against OpenAPI specs, and Chromatic visual regression testing across chromium, firefox, and webkit
  • Set up Docker Compose development environment orchestrating OIDC mock server, Mountebank API stubs, Storybook, and the portal app for fully offline local development
  • Established coding standards, led technical interviews, and mentored 3 junior developers through promotion cycles

Staff Frontend Engineer

Jun 2021 to Aug 2022

Songtradr · Remote

  • Promoted to Staff Engineer within 8 months, the fastest promotion in the engineering org at that time
  • Designed and shipped an internal headless React component library adopted across 3 product verticals, eliminating duplicate UI code
  • Increased page performance scores by 37% using Lighthouse profiling, code-splitting, and targeted bundle optimisations
  • Led frontend architecture decisions across a distributed team spanning 4 time zones

Senior Frontend Engineer

Aug 2019 to Jun 2021

Flexera · Remote

  • Led a team of 4 EMEA-based engineers delivering features across 6 micro-frontend applications serving enterprise IT asset management customers
  • Created an internal React component library that became the standard across all frontend projects, reducing new feature delivery time by ~30%
  • Drove adoption of TypeScript and modern testing practices (Jest, React Testing Library) across the frontend org

Senior Frontend Engineer

Jul 2017 to Aug 2019

Made to Engage · Belfast, UK

  • Delivered client-facing web applications for brands including Tourism Ireland and Invest NI at a digital agency
  • Introduced component-driven development with React, migrating legacy jQuery codebases and improving maintainability
  • Conducted usability testing and iterated on designs based on client feedback and analytics

Frontend Developer

Sep 2016 to Jul 2017

Synergy Learning · Belfast, UK

  • Built interactive e-learning platforms on Moodle and Totara for clients including the NHS and UK Civil Service
  • Led the migration of legacy PHP templates to modern responsive frontends

Frontend Developer

Jun 2014 to Sep 2016

Learning Pool · Belfast, UK

  • Designed and developed e-learning modules and platforms for enterprise clients across healthcare and government
  • Built responsive, accessible interfaces reaching 100k+ end-users across the UK and Ireland

Flagship Project

Fragments: AI-Native Design System

usefragments.com

Founder / Solo Engineer · Open Source

  • Built a 67+ component React design system on Base UI headless primitives with full WCAG AA compliance, seed-based theming (~200 CSS tokens from 4 config values), and automatic light/dark mode
  • Designed a metadata-first architecture where every component ships with a co-located .contract.json, the single source of truth for both human developers and AI agents
  • Created 9 MCP tools enabling AI assistants (Claude, Cursor) to query real component contracts, discover composition patterns, enforce design tokens, and run accessibility checks at generation time
  • Building Fragments Cloud, a governance layer for AI-generated UI with drift detection, design system compliance scoring, and team dashboards
  • Built the CLI toolchain (Babel AST parsing, visual regression, component scaffolding) and the docs site with blog, all as a solo engineer

Stack: TypeScript, Next.js, React, Vite, Base UI, Playwright, Anthropic SDK, Babel, Commander.js, Vitest, PostHog

Technical Skills

Frontend

React 19, Next.js 15, TypeScript, JavaScript, TanStack Query, Zustand, Tailwind CSS, CSS/SASS, Radix UI, Base UI, Storybook, Framer Motion, Vite, React Hook Form, Zod, GraphQL

Backend

Node.js, Bun, Express.js, REST APIs, Drizzle ORM, PostgreSQL, Neon (pgvector), SQLite, Supabase, Prisma

AI & LLM

Anthropic Claude API, OpenAI API, Vercel AI SDK, Model Context Protocol (MCP), AI Streaming, Vector Embeddings, Babel AST Analysis, Prompt Engineering

Testing

Vitest, Playwright, Jest, React Testing Library, Cypress, Contract Testing (OpenAPI), BDD/SpecFlow, Chromatic, Visual Regression

Infrastructure

NPM/pnpm Workspaces, Turborepo, Biome, GitHub Actions, Azure DevOps, AWS, Cloudflare Workers, Vercel, Docker, Sentry, OIDC

Education

BSc in Creative Technologies, First Class Honours

Ulster University, Magee · Derry, Northern Ireland · 2013 to 2016 · Dean’s List