devon@portfolio ~ %
❯whoami

UX Engineer / Design Engineer

❯cat mission.txt

▊

I close the gap between what designers hand off and what users actually get.

❯cd ./projects
❯cd ./workprocess
❯ls ./process

# How I Work with AI

figma-mcp-frontend/[completed]

Figma MCP to Frontend

// Turning Figma files into production-ready frontend code through Figma MCP pipeline.

product-agent-setup/[completed]

Multi-Product × Multi-Agent UX Setup

// Multiple web properties, each with a dedicated UX sub-agent connected to Figma MCP write-to-canvas.

harness-orchestration/[completed]

Harness Engineering Orchestra

// How a UX designer orchestrates AI agents through Claude Code. Not a framework. A real working setup.

figma-mcp-design/[completed]

AI + Figma MCP Design

// Can AI build a design system from scratch? Locally correct, globally incoherent.

harness-difference/[completed]

Same Model, Different Harness

// Claude Opus 4.8 runs in both GitHub Copilot and Claude Code. Same model version, different harness — and when to reach for each.

❯ls ./projects

# Selected Work

design-system/[completed]

// Design system for Senco, a cross-border money & crypto transfer app. Built on shadcn with custom token architecture and accessibility-embedded documentation.

design-tokensfigma-mcpaccessibilityprototype
k-emoji/[shipped]

// An iOS app that masks selfies with Korean letters — face detection on-device, no server, no account.

ios-appon-devicevision-frameworkshipped
cross-border-transfer/[completed]

// Cross-border money & crypto transfer product for young users in developing countries. End-to-end UX from onboarding to KYC to transaction flows.

apple-ios-appfigma-mcpfintechprototype
im-john-doe/[shipped]

// Privacy-first PII masking app for Mac, iPhone, and iPad. Detects and masks personal information on-device — no AI server, no internet required.

swiftapplepii-maskingon-device
remit-admin-portal/[private]

// Internal admin portal for a global remittance platform. Transaction monitoring, compliance workflows, and operational dashboards.

fintechadmindashboardux-design

❯ chmod 700 ./remit-admin-portal — available on request

blurcut/[coming-soon]

// Video background blur and virtual background application. Real-time processing with minimal latency.

videoreal-timeui-design

❯ chmod 755 ./blurcut — coming soon

# About Me

/**

I design complex systems and make them simple.

Always learning, always curious about what's next.

*/

{
"design-systems": {
"foundations": ["color systems", "typography", "spacing", "elevation"],
"architecture": ["primitive tokens", "semantic tokens", "component tokens"],
"components": ["buttons", "inputs", "selection controls", "cards", "modals"],
"patterns": ["navigation", "data tables", "multi-step workflows"],
"accessibility": ["WCAG compliance", "ARIA", "keyboard navigation", "screen reader support"]
},
"domains": {
"b2b": "enterprise SaaS",
"b2c": "consumer financial services"
},
"platforms": {
"back-office": [
"client portal administration",
"account operations",
"billing management",
"permissions and support workflows"
]
},
"tools": {
"figma": ["MCP", "Components", "Variants", "Variables", "Auto Layout"],
"prototyping": ["Figma Prototyping", "Claude", "Copilot", "Cursor"],
"version-control": ["GitHub"]
},
"frontend-collaboration": ["React", "Angular", "TypeScript", "Tailwind CSS"]
}
❯contact --help
❯
❯openhttps://linkedin.com/in/devon-kim