Design
Dev Mode
HeroSection.tsx (gap: 56px)
flex-direction: column
Product Designer · Austin, TX UX/UI • Design Systems • React

h1 font-size: 72px
Bridging design, code, and AI.

line-height: 1.6
I’m a lead product designer who cares as much about how something works as how it looks. I design UX/UI for complex software, build robust design systems, and ship production code alongside engineering.

display: flex; gap: 12px;
View selected work LinkedIn
CodeBlock.tsx (theme: DarkPlus)
// CaseyDecker.ts

export const designer = {
  role: "Lead Product Designer",
  focus: [
    "Interaction Design",
    "Systems Over Screens",
    "Prototyping"
  ],
  tools: ["Figma (Auto Layout & Variables)", "Claude", "Cursor"],
  ship: () => {
    console.log("Design-informed PRs merged.");
  }
};
SectionHeader (margin-bottom: 48px)
Selected Work

Built on research.
Shipped with care.

SectionHeader
How I Work

Three things in every
engagement.

flex-direction: column;
1

Problem-first, always

I don't design until I understand what I'm solving. User interviews, stakeholder chats, competitive audits—this is the real work, not the preamble.

AI_Workflow
2

AI-native & Code-aware

I use modern build tools inside the actual codebase. Submitting design-informed PRs shortens the gap between intent and shipped UI.

Systems_Scale
3

Systems over screens

I think in tokens, auto-layout, components, and variables. Every unit is meant to work at scale, precisely aligned with front-end architectures.

text-align: center;
Let's build something worth using.