Conan McNicholl

Payroc · Remote

• Architected a monorepo with Next.js 15 portal app and 63+ component Storybook-driven library, deployed via Cloudflare Workers
• Led development end-to-end: analysis, feature definitions, task breakdowns, test plans, acceptance criteria, and estimations
• Implemented OIDC-based authentication, contract testing against OpenAPI specs, and visual regression testing
• Mentored junior developers, led interviews, and documented coding standards across the organisation

Songtradr · Remote

• Promoted to Staff Engineer within 8 months for exceptional performance and leadership
• Created an internal headless React component library used across multiple products
• Increased page performance by 37% using Lighthouse profiling and targeted optimisations

Flexera · Remote

• Led a team of 4 EMEA-based remote engineers across several projects
• Created an internal React component library used across 6 micro frontend applications
• Integrated new features based on customer feedback and business requirements

Made to Engage · Belfast, UK

• Developed and maintained web applications for various clients at a digital agency
• Collaborated with backend developers to ensure seamless integration
• Conducted user testing and implemented improvements based on direct client feedback

Synergy Learning · Belfast, UK

• Developed interactive web applications and learning platforms via Moodle and Totara
• Assisted in the migration of legacy systems to modern frameworks

Learning Pool · Belfast, UK

• Designed and developed e-learning modules and platforms
• Collaborated with instructional designers to create engaging content
• Maintained and updated existing web applications

60+ component React design system built on Base UI headless primitives, designed for AI-assisted development. Every component ships with a co-located .fragment.tsx metadata file containing props, usage guidelines, variants, and accessibility notes. These files are the single source of truth for both humans and AI agents.

Ships with 9 MCP tools so AI agents can query component contracts, discover composition patterns, enforce design tokens, and run WCAG compliance checks instead of guessing from training data. Seed-based theming generates ~200 CSS custom properties from 4 config values (brand colour, palette, density, radius) with automatic light/dark mode support. Zero-config component discovery via Babel AST parsing.

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