MTG Card Recommendation Engine
AI-powered Commander deck analysis — paste a decklist or Archidekt URL and get suggestions for cuts, additions, and mana base improvements.
RAGGemini APIScryfallNext.jsUpstash
Software Engineer · NZ
Dion
Bedford
Accessible frontends, AI-augmented workflows, and micro-frontend architecture at scale.
About
I'm a software engineer based in New Zealand with over five years of experience in EdTech, building platforms used by thousands of schools across Australasia.
My work centres on building accessible micro-frontends at scale, contributing to shared design systems, and championing WCAG 2.2 AA compliance across federated architectures. I balance hands-on engineering with mentoring and technical direction.
More recently, I've been deep in AI-augmented developer workflows — building agentic systems that automate test generation, documentation, and code review. Outside of work, I channel my love of Magic: The Gathering into building recommendation engines and data pipelines.
Expertise
Frontend Engineering
- React / Next.js
- TypeScript
- Vue 2 / AngularJS
- Tailwind CSS
- Micro-frontend Architecture
- Design Systems
- Framer Motion
- XState
AI & Automation
- Claude API / Anthropic SDK
- RAG Pipelines
- Agentic Workflows
- Vector Databases
- Prompt Engineering
- Vercel AI SDK
Architecture & DevOps
- Module Federation
- GraphQL
- REST APIs
- CI/CD (GitHub Actions)
- Vercel / AWS
- Monorepo Tooling
Testing & Quality
- WCAG 2.2 AA
- Vitest / Jest
- Playwright / Cypress
- axe-core Auditing
- React Testing Library
- Accessibility Audits
Work
AI Agent Workflows for Automated Testing
Agentic workflows that automate unit test generation and documentation, reducing manual effort and increasing coverage across large codebases.
Claude APIAgentic WorkflowsCI/CDTypeScript
Accessible Micro-Frontends at Scale
Drove WCAG 2.2 AA compliance across a federated micro-frontend ecosystem, contributing to shared component patterns and accessibility audit processes.
WCAG 2.2Module FederationReactDesign Systems
Writing
View all →Token Budgets, Model Selection, and the Art of AI Pair Programming
Practical strategies for getting the most out of AI coding assistants without burning through your context window or your wallet.
React Aria and the Compound Component Pattern: Building Accessible UI Without a Design System
How to build flexible, accessible UI primitives using React Aria and compound components when your design system is in flux.
Building Accessible Micro-Frontends: Lessons from 5 Years in EdTech
Practical patterns for achieving WCAG 2.2 AA compliance across a federated micro-frontend architecture.
Get in Touch
Whether you're interested in collaborating, have a question, or just want to chat about accessibility, AI, or Magic: The Gathering — I'd love to hear from you.