Product, automation, and design system engagements.
Explore projects spanning enterprise design systems, applied AI, and automation. Filter by focus area or adjust the timeline view to dig deeper.
SkillHub AI
Situation: Hiring teams lose high-signal candidates to brittle keyword filters while job seekers lack tools to surface meaningful career context. Traditional resumes favor prestige over potential, and existing resume builders force users into rigid templates or rely purely on conversational AI without structure or version control.
Task: Build dual-platform solution: (1) AI-native semantic profiling system with MCP server for intelligent candidate matching, and (2) Intuitive resume management platform that bridges the gap until enterprises adopt semantic profiles—combining fine-grained editing, AI-powered enhancements, versioning, and automated tailoring.
- MCP Server Architecture: Built Model Context Protocol server exposing three tools (search_candidates, get_candidate_profile, analyze_job_fit) enabling any LLM-powered system (Claude Desktop, custom AI agents, recruiting platforms) to perform natural language candidate searches with semantic understanding beyond simple RAG.
- Multi-LLM Orchestration: Architected 5+ semantic search strategies (simple, enhanced, conversational, streaming, AI-first, scalable) with Claude + Gemini coordination, fallback handling, and rate limiting for production-grade reliability.
- Resume Management Platform: Engineered full-featured resume builder with tabbed interface for fine-grained section editing, direct field modification, AI-powered enhancement suggestions, and LLM-assisted revision requests—moving beyond pure chatbot interactions to structured, visual editing.
- Artifact System: Implemented versioning and variants allowing users to maintain canonical resume while generating tailored versions for specific jobs, with automated job-description matching and customization workflows.
- AI Review & Enhancement: Built "AI Review" feature that analyzes resumes against industry standards, generates targeted improvements, creates tailored versions automatically, and provides actionable feedback—integrated throughout the editing experience.
- Semantic Profile Generation: Developed embedding pipeline and skills graph parsing resumes into competencies, impact signals, and trait vectors (e.g., "Systems Thinker," "Full-Stack Innovator") with experience-level calculations and role progression analysis.
- Production Infrastructure: Full authentication system, MongoDB with PII encryption, background processing with Gemini/Claude APIs, analytics instrumentation, comprehensive testing (Vitest, snapshot tests), PM2/Docker deployment.
- Prototyping Process: Started as candidate assessment POCs for EmployerTube.com, tested with real hiring managers, integrated successful features into production platform, then spun off SkillHub as isolated environment for experimental capabilities (MCP, semantic profiling, agentic workflows)
Result: Launched dual-platform beta: (1) MCP server enabling LLM-powered recruiting agents with superior candidate data quality compared to pure RAG approaches, currently accessible via Claude Desktop and integrable into custom AI systems; (2) Resume management platform offering job seekers intuitive tools for creating, editing, enhancing, and tailoring resumes with AI assistance—supporting immediate needs while semantic profiles gain enterprise adoption. Live with pilot companies, instrumented with analytics loops, prepared to sunset if traction doesn't materialize.
TechFitPath career evaluator
Situation: Multidisciplinary technologists often struggle to describe whether they are architects, design technologists, deep engineers, or platform builders, which slows career planning conversations.
Task: Build a lightweight evaluator that collects qualitative and quantitative signals, persists the data, and returns an interpretable recommendation instantly.
- Scripted identity prompts, Likert scales, and capability toggles tied to a React state model that powers Recharts radar visualisations and insight cards.
- Implemented an App Router API that stores every submission in Vercel Postgres and calls the OpenAI Responses API to calculate cluster weights, traits, and rationale.
- Added JSON export, reset, and accessible micro-interactions so individuals and coaches can reuse the insights in their own systems.
Result: Launched TechFitPath.com as a shareable tool; early cohorts map their archetypes in minutes and walk away with artefacts they can bring into mentorship or staffing discussions.
DesignerPower UXP
Situation: Designers exported assets from Photoshop, then manually uploaded to Widen DAM, causing delays and inconsistent metadata.
Task: Create an in-app workflow that keeps designers focused in Photoshop while ensuring assets land in DAM with clean metadata.
- Authored modular UXP panels that batch production prep, compliance checks, and DAM delivery without leaving Photoshop.
- Integrated Widen APIs plus Anthropic Claude to generate keywords, categories, and descriptions that respect controlled vocabularies.
- Instrumented usage analytics and guardrails so product leadership could monitor adoption and metadata quality.
Result: Drove measurable increases in DAM adoption, improved metadata consistency, and cut asset hand-off time by keeping creative work in one surface.
Citrus live theming lab
Live theming lab showing citrus tokens across product surfaces.
Situation: Kroger's product teams and leadership needed to feel how citrus tokens and interaction patterns behaved at scale, but static docs and slide decks failed to convey the system's nuance.
Task: Build a memorable demo that visualizes theming and design system innovations through interactive exploration.
- Drafted scripted voice over with LLMs and used WellSaid to generate AI-narrated walkthroughs.
- Recorded high-fidelity video captures of theming transitions, accessibility modes, and motion patterns for embedding in presentations.
- Combined the narration audio and video clips into a 2 minute highlight reel that could be shared asynchronously.
Result: The demo became a fixture in quarterly reviews and onboarding sessions, helping secure budget for citrus adoption and giving teams a visceral reference for the system's intent.
MyPrice Agent: AI-powered product intelligence
Situation: A merchandising team relied on slow factory responses for pricing, delaying quotes and leaving sales reps without timely guidance.
Task: Deliver an internal tool that predicts per-unit manufacturing cost with accuracy high enough to replace manual quoting.
- Cleansed 120k+ historical quotes, normalising units, repairing categorical data, and vectorising mixed inputs for modelling.
- Built and tuned TensorFlow regression pipelines with one-hot, TF-IDF, and log-transformed targets to stabilise predictions.
- Wrapped the model in a lightweight service and reporting UI so merchandisers could query scenarios instantly.
Result: Achieved 1.45% MAPE in testing, projected to return 1,300+ hours of analyst time annually while giving sales real-time pricing guardrails.
Soulfolio Co
Situation: A gifting startup needed customers, designers, and production staff to collaborate on personalised products without emailing static proofs.
Task: Launch a web platform that supports shared curation, lightweight editing, and automated production file delivery.
- Built collaborative project spaces with real-time status so customers and internal teams tracked decisions together.
- Implemented a browser-based image editor for applying templates, colourways, and personalised text on top of library assets.
- Automated the backend to bundle approved designs into print-ready files as soon as an order closed.
Result: Replaced a fragmented proofing process with a single flow from concept to production, unlocking faster turnaround for bespoke gifts.
Opens a full-screen demo of the personalized image editor built for Soulfolio.
MyPrice
Situation: Category managers hunted for historical pricing across shared drives, manually copying quotes into ad-hoc spreadsheets.
Task: Centralise quoting history behind search and comparison tools so sales could respond to customer requests quickly.
- Wrote network crawlers that parsed disparate quote formats and normalised data into a MongoDB catalogue.
- Designed a basket workflow that let reps curate multiple quotes, compare deltas, and export client-ready packets.
- Added permissions and caching so the tool scaled across teams without overloading shared storage.
Result: Cut hours of manual digging per request and gave sales a single source of truth for pricing conversations.
Dapper
Situation: Marketing teams needed refreshed colour themes for banner apps, but changes required developer intervention and long release cycles.
Task: Prototype a governed theming tool that let non-developers propose colour tweaks while keeping the design system in sync.
- Modelled design token dependencies so updates to base colour ramps cascaded predictably across components.
- Built a React interface with guardrails and previews, enabling stakeholders to experiment without touching code.
- Integrated with build tooling to export approved palettes for downstream apps.
Result: Demonstrated how the design system could support rapid theming requests and informed the roadmap for managed colour customization.
Looksee
Situation: Merchandisers validated new artwork by emailing static PDFs to select customers, collecting unstructured feedback days later.
Task: Provide a lightweight feedback portal that captures buyer sentiment in real time and aggregates insights for the studio.
- Built curated collections with shareable links so buyers reviewed art in a focused, branded environment.
- Implemented quick reactions (hearts, comments, binary votes) and live dashboards for merchandising to monitor sessions.
- Iterated on the UI—from swipe-style prototypes to the final grid layout—based on buyer testing.
Result: Compressed feedback cycles from days to minutes and gave merchandisers data-backed confidence on which designs to advance.
Dr. Prepper
Situation: Production artists manually resized art, created mockups, and generated print files—work that bottlenecked merchandising launches.
Task: Automate artwork ingestion and rendering so non-developers could trigger production-ready assets on demand.
- Built ExtendScript pipelines that validated incoming art, mapped it to product templates, and generated multi-surface renders.
- Provided a lightweight React control panel and drop-folder workflow so designers and sales could kick off jobs themselves.
- Implemented self-healing routines that retried failed renders and reported status through dashboards.
Result: Increased design throughput by 477% and enabled near-immediate availability of e-commerce imagery for 31 product categories.
META — Microcontroller Enhanced Tablet Accessory
Situation: Surface Pro users lacked a travel-friendly way to trigger complex shortcuts without carrying full keyboards or remotes.
Task: Invent and validate a hardware accessory that adds programmable buttons to the tablet while fitting premium industrial design expectations.
- Designed industrial concepts, 3D printed housings, and embedded microcontrollers to map buttons to user-defined shortcuts.
- Filed patents and trademarks, built firmware in C++/Arduino, and produced a polished Kickstarter pitch with video and launch assets.
- Coordinated with manufacturers to scope tooling, BOM, and fulfilment options ahead of campaign launch.
Result: Produced a production-ready prototype and Kickstarter campaign that demonstrated market appetite for customizable tablet controls.
The Code Wheel Project
Situation: Traditional QR codes carried limited data, constraining interactive print experiences the studio wanted to explore.
Task: Prototype an encoding scheme that increases data density without requiring specialized scanners.
- Created a colour-encoded data model translating binary pairs into a constrained palette for circular codes.
- Developed proof-of-concept generators and reading routines that demonstrated compatibility with existing imaging hardware.
- Packaged the concept for a prospective Kickstarter with visual storytelling and technical documentation.
Result: Showcased a viable path to 4x data density within the same surface area, opening conversations about enhanced packaging interactions.
Selected visual explorations.
Before engineering, I trained as a graphic designer. The instinct to balance typography, layout, and systems still anchors my software work.
Identity explorations
Formally trained as a graphic designer, I spent over a decade in the home décor industry before pivoting into engineering. This collection highlights wordmarks, glyph work, and supporting typography from freelance and in-house engagements.
Design system versioning playbook
A long-form narrative and workbook for orchestrating colour, token, and component releases across Kroger's digital surfaces. The layout balances dense information, iconography, and headline typography to keep stakeholders oriented as they adopt new theming workflows.
Looksee research portal
UI exploration for a merchandising feedback tool that let buyers react to new artwork in real time. The interface was tuned for quick sentiment capture—grid density, typography, and chroma all ladder back to keeping attention on the art.
META hardware campaign
Industrial design, rendering, and campaign collateral for the Microcontroller Enhanced Tablet Accessory. Product photography, UI overlays, and packaging systems were composed to emphasise craftsmanship while communicating the programmable controls.
Code Wheel speculative branding
Kickstarter concept visuals exploring how colour-encoded QR marks could carry richer data. The identity leans on modular geometry and bold colour blocking to quickly explain the technology in a marketing context.
Urban birdies print series
Large-format art prints exploring layered silhouettes, texture, and motion. The composition brings gestural ink work into a high-contrast palette designed for home décor collections.
Directional poster studies
Limited-run poster experiments balancing fluorescent gradients with aggressive typography. The angular layout and depth cues test how far a minimal palette can stretch while staying legible at scale.
NYC taxi illustration
Vector illustration celebrating New York's taxi medallion era. Neon ink overlays, offset registration, and simplified forms nod to vintage transit ephemera while feeling contemporary.
Documentation, strategy, and process notes.
How I scored 100 on HubSpot's Website Grader
A walkthrough of the technical and non-technical steps needed to earn a perfect score on HubSpot's Website Grader, including optimisations for IIS-hosted sites.
Originally published in 2016 on Rebel IST; the content now lives on the company's WordPress installation after acquisition.
Design System unified versioning strategy
A versioning strategy written for the Kroger Design System. It details tiers of support stretching from design to implementation, bundles platform libraries under a shared cadence, and explores adopting calendar versioning for clearer communication.
Let’s shape your next system together.
Share context or questions—design systems, automation, or applied AI. I’ll review and reply with next steps.
What to include
- Team size, stack, or current blockers.
- What a successful engagement looks like.
- Links to any supporting context or documentation.
I read every message personally. For immediate scheduling, you can still grab time below and we’ll follow up with notes.
Book a 30-minute intro