FROM THE GRIMOIRE

Resurrecting the DIY Cardmaker: A Human-Led UI/UX Overhaul

Five years after launch, I pulled down a legacy Vue app and did the full front-end overhaul myself — turning a sterile utility into the tactile creative sandbox I always imagined.

AI All the Way Down: The Meta-Reality of Product Design

I am, quite literally, using AI to design AI. It is AI all the way down. A look at the meta-reality of modern product design workflows.

The Danger of the Design Silo (And Why We Need Our Tribes)

There is a very specific danger that comes with the design silo, and it isn't just loneliness. It’s the death of the casual share.

The Enterprise Bridge in My IDE: Why I’m Not Apologizing for My AI Excitement

I feel completely entitled to be thrilled right now, because I literally trained for this my entire life. Why the IDE has become the enterprise bridge for UX.

Big Talk with Volaris AI Group: Building AI-Assisted Workflows for Enterprise UX

The role of the UX Designer is rapidly evolving into the Design Engineer space, and those who embrace the technical side of the tooling are going to redefine how enterprise software is built.

The Painless Project Migration: How an AI Agent Saved My Weekend

If you are a UX/UI designer like me, you probably know the dread of moving local coding environments to a new machine. It’s important to remember: I am not a developer.

Confessions of a "Spreadsheet Gymnast": Evolving from AI Quick Fixes to True Automation

From generating simple GitHub Gists to building a fully automated Component Metrics Dashboard. How my workflow evolved from one-off AI scripts to holistic systems thinking.

Fixing Past Sins: Refactoring Enterprise Navigation with WAI-ARIA Roving Tabindex

How we moved from a painful tabbing marathon to a seamless, accessible experience using the W3C WAI-ARIA Roving Tabindex pattern in Angular.

SCALING THE AI RESCUE MISSION (Part 2): The "Out of Scope" Blindspot and the Global Net 💡🤖

Our AI scanner was missing glaring WAVE errors — hiding in shared stylesheets and master pages. Here's how we cast a global net across 1,259 files to build a systemic enterprise solution.

Prototyping an AI Rescue Mission: How We're Tackling Enterprise ADA Compliance Without Boiling the Ocean 🌊🤖 (Part 1)

With ADA Title II mandates looming over enterprise software, I used Kiro to prototype a human-in-the-loop AI remediation engine — finding and fixing over 140 ARIA issues in minutes.

Checking out the new Claude to Figma feature in Claude CLI

Figma dropped Claude to Figma on Feb 17th — I had to test it. My honest comparison against html.to.design, covering tokens, icons, and the real-world verdict.

THE UX SANDBOX EXPERIMENT: THE ULTIMATE DEV HANDOFF 🚀🛠️

I piloted a new design handoff: spinning up a local Angular 18 "UX Harness" to recreate Figma pages using actual Storybook components. Using Kiro + Claude Opus, Phase 1 is complete!

Zero-Touch Freelance Admin: Automating Billing & Reporting with AI

How I used Looker Studio and Google Apps Script to build a fully automated billing and reporting system for my freelance clients — for free.

DEBUG LOG: BREAKING THE "CONTEXT LOOP" IN KIRO (HOW A TEXT FILE SAVED THE BUILD) 🐛🔌

Kiro's context window hit its limit in an infinite loop. A simple text file broke the cycle and produced the best code output I'd seen. Here's how.

FIELD NOTES: THE SILENCE OF THE SYNTAX (WHY I SWAPPED MEDITATION MUSIC FOR PODCASTS) 🎧

Collaborating with AI agents all day means speaking "Computer" for 8 hours straight. Here's what happened to my brain — and the unexpected fix.

Trying to fit AI into an Enterprise Workflow (It wasn't a straight line). 📉📈

Bringing AI into a complex enterprise environment with firewalls and legacy code is a different story than a demo. Here's my journey.

When the dev resources were pulled to other projects, I turned to AI. Here’s what happened.

I turned to AI to build production-grade Angular components when dev resources were scarce. Here's what happened.

FIELD NOTES: WHEN AI "MAGIC" HITS THE PAYWALL

My experience comparing No-Code AI speed with Agentic IDE control.

FIELD NOTES: TESTING 3 DIFFERENT AI CODING WORKFLOWS

I’ve spent the last year experimenting with different AI workflows to find the perfect fit for a Design Engineer mindset.

7 Hours to Freedom: Why I Ditched WordPress for Static HTML

Why I Ditched WordPress for Static HTML

From Legacy Hosting to Serverless: My New Portfolio is Live.

Building a custom portfolio with AI collaboration and modern infrastructure

Why is writing your own case studies harder than doing the actual work? 😅

Refactoring my career narrative from "Things I Did" to "Value I Deliver"

The Lightbulb Moment: Figma MCP, Debugging, and the Art of Translation

Bridging gaps in code and communication

Using Gemini to stress-test my portfolio against the current market.

I needed an objective perspective to ensure my content hits the right notes for the 2025 job market.

The leap from 'Vibe Coding' to Spec Coding

Steering docs and spec docs and task docs, oh my!

The missing link between Design and Code isn't just AI. It's also a Designer using AI.

Updating Storybook on my own- Look Ma, no devs!! well except for the PR :)

AI WRITES THE CODE - EXPERIENCE WRITES THE ARCHITECTURE

AI needs a driver who knows the road. It didn't suggest the sustainable path—I had to demand it.

BUILDING A BLOG IN JUST 30 MINUTES

Much better than static markup editors for blogs

UX Dark Patterns in Amazon Shopping History

Using an AI coded chrome extension to cut through the veil of darkness

Cursor coding portfolio 2.0-better resume download

Using Cursor to make a sustainable process for updating a downloadable PDF on my portfolio

Finally closing the gap between Design and Code.

The difference was instant. Cursor corrected the layout immediately because it could actually read the structure.

From Figma directly to Code: My experience learning Cursor AI.

Cursor AI has removed those guardrails. It allows me to take my exact Figma design and turn it into a static site.