mountains
Dylan Smith
Designing & developing

0px
pixel-perfect
interfaces.
Leading design at SmartAdvocate.

“You don't rise to the level of your goals, you fall to the level of your systems.”

— James Clear
First Principles

Details Matter

Pixel-perfect isn't a slogan. Token-level spec, state-by-state docs, schemas worth shipping from.

Solutions First

Solve the problem before naming the system. Systems emerge from solutions, not the other way around.

Tools, Not Masters

My tools exist to serve me, not the other way around.

Tools & Languages
Design TokensLayout SystemsPrototypingMCPSkills & Agents
Practices

Token-driven systems

Tokens are the contract. Components, states, and docs all derive from them — change the token, everything follows.

Migration as infrastructure

One-off scripts become a starter kit. Standardized structure plus a custom CLI turns months of bespoke work into weeks of repeatable runs.

AI-augmented workflow

Custom Claude skills, MCP servers, agentic pipelines — adopted team-wide. Compound leverage on every task.

Designed & Developed
TokensAtomicWCAG
2design systems

First-of-their-kind at MDS and SmartAdvocate — both adopted as team standard.

Tokens
States
Spacing
Docs Contributor
#1

Patterns, conventions, schemas — the docs the engineering team ships from.

Custom Claude skills, MCP workflows, agentic pipelines — adopted team-wide.

Faster data migrations
PythonMonorepoCI/CD
60%faster data migrations

Cut from 3 months to 2 weeks across 12+ concurrent projects by standardizing project structure and building a custom Python CLI package.

migration-starter-kitrepository$ db-cli migratepython cli
Time-to-ship
50%

Overhauled feature handoff with product owners — cut delivery time in half at MDS.

Daily Users
1,000+

Daily users on keystone features I led from concept to production at MDS.

Design SystemASP.NETTokensWCAG

SmartAdvocate UI Refresh

Sole designer & developer on the site-wide UI refresh — first design system at the company, shipped into a legacy ASP.NET / DevExpress codebase with no regressions.

Refreshed
Refreshed SmartAdvocate case management UI
Legacy
Legacy SmartAdvocate case management UI

Bank Reconciliation

Solo design under a one-week deadline — legacy ASP screen redesigned for the new SmartAdvocate UI.

Refreshed
Refreshed bank reconciliation screen
Legacy
Legacy bank reconciliation screen

RapidPay

Legacy ASP payment screen redesigned for the new SmartAdvocate UI.

Refreshed
Refreshed RapidPay screen
Legacy
Legacy RapidPay screen
Side Project

rarebrew.gg

A desktop-first PWA deckbuilder for Magic: The Gathering Commander — custom component library on design tokens, Recharts visualizations, Scryfall + EDHREC data layer.

ReactNext.jsTypeScriptTailwindCSSSupabaseRechartsPWA
Visit rarebrew.gg ↗