PYOSPECT
Personal archiveSeoul / Product UX

고경표 / Kyoungpyo Koh / UX Designer at LG CNS

UX for the AI Workforce: designing agents that remember, reason, and respond.

I design UX for AI-native solutions, especially interfaces where agents remember users, reason through tasks, and make their process understandable.

무질서한 비효율 속에서 숨겨진 패턴을 찾아내고, 그 패턴까지 유연하게 담아낼 수 있는 단단한 시스템을 만드는 과정을 좋아합니다.

Working posture

I design interfaces where users can understand, trust, and work with AI agents. 복잡한 업무 프로세스를 이해하기 쉬운 구조로 정리하고, AI와 사람이 신뢰를 바탕으로 협업할 수 있는 방법을 고민합니다.

01

Trust

Make AI work visible enough for users to understand, decide, and intervene.

02

System

Turn design output into reusable standards, workflows, and team assets.

03

Speed

Reduce the waiting time between planning, design, validation, and development.

Selected Work

AI agents, design workflows, and enterprise systems.

Selected work from LG CNS projects, portfolio case studies, and documented AI-native workflow experiments.

2025.12 - 2026.04 / Adopted prototype structure

Cline Spec Driven for Enterprise

A Markdown-based coding solution co-developed with Cline to reduce communication gaps between developers and AI agents.

Case notes

Context

미국 AI 스타트업 Cline과 공동으로 개발자와 AI 에이전트 간의 소통 오류를 줄이는 Markdown 기반 코딩 솔루션을 설계했습니다.

엔터프라이즈 환경에서 AI 에이전트를 도입할 때, 기계가 읽는 데이터와 사람이 이해하는 문서의 형태가 달라 맥락이 어긋나는 문제가 발생했습니다.

Problem

AI의 작업 과정이 사용자에게 충분히 보이지 않으면, 중간에 잘못된 방향으로 흘러가도 사용자가 바로 개입하기 어렵습니다.

결과가 나온 뒤에야 오류를 발견하는 구조는 AI 협업 도구에 대한 신뢰를 떨어뜨리기 때문에, 사용자가 과정 중간에 이해하고 개입할 수 있는 구조가 필요했습니다.

Approach

AI가 혼자 모든 일을 진행하지 않도록 Ask, Monitoring, Artifact Workflow를 중심으로 협업 흐름을 다시 설계했습니다.

분석 시작, 변경안 작성, 구현 여부처럼 중요한 순간에는 사용자가 직접 판단하고 다음 행동을 결정할 수 있도록 구성했습니다.

IA / Flow

Ask는 AI가 다음 단계로 넘어가기 전에 사용자의 확인을 받는 지점입니다.

Monitoring은 진행 단계, 체크리스트, 파일 읽기, diff, 로그 등을 순서대로 확인할 수 있게 해 사용자가 현재 작업 상태를 파악하도록 돕습니다.

Artifact Workflow는 AI가 만든 결과물을 블록 단위 초안으로 다루며, 확정, 재생성, 직접 수정, 삭제, 추가가 가능하도록 설계했습니다.

Key Screens

포트폴리오에는 AI가 티켓을 분석하고 변경안을 작성하는 흐름, 작업 진행 상태를 보여주는 Monitoring 화면, 블록 단위 Artifact 편집 흐름이 포함되어 있습니다.

보안 정책상 실제 화면을 그대로 사용하지 않고 포트폴리오용으로 재구성된 화면을 활용했습니다.

Outcome / Learnings

초기 디자인 프로토타입이 실제 제품 개발의 핵심 구조로 이어졌고, Ask, Monitoring, Artifact Workflow는 AI 관련 프로젝트를 논의하고 구체화하는 기준점으로 활용되고 있습니다.

이 프로젝트를 통해 AI UX는 결과 화면만이 아니라 사용자가 지금 어떤 일이 일어나고 있는지 이해하고, 필요한 순간에 멈추고 수정하고 방향을 바꿀 수 있는 과정을 설계하는 일이라는 점을 확인했습니다.

UX Designer

AI UXAgent WorkflowEnterprise
2025.08 - 2025.11 / Internal workflow system

Tools & System for AI-Driven UX Workflow

A custom Figma plugin, AI-friendly design system, and code-based validation workflow for the LG CNS design organization.

Case notes

Context

사내 디자인 조직의 반복 업무를 자동화하기 위해 커스텀 Figma 플러그인 설계와 하이브리드 디자인 가이드 수립을 주도했습니다.

사내 인증 AX 전문가로서 디자인 조직의 AI 활용 확장을 리드했습니다.

Problem

AI의 코딩 속도가 빨라지면서 기존 UX 업무 방식만으로는 개발 속도를 따라가기 어려워졌습니다.

특히 SI 비즈니스에서는 매번 새로운 클라이언트 환경을 세팅해야 하는 고정 비용이 있어, 디자이너가 본질적인 UX 설계와 기획을 고민할 시간은 계속 줄어들고 있었습니다.

Approach

정적인 산출물을 먼저 완성하기보다, 의사결정에 필요한 화면을 AI를 활용해 빠르게 만들고 실무자와 이해관계자가 같은 화면을 보며 방향성을 잡는 흐름으로 작업 방식을 바꿨습니다.

프로토타입은 검토용 시안에 머무르지 않고, 도메인 맥락, 유저 시나리오, 디자인 시스템 기준을 반영한 작업 자산으로 다루었습니다.

IA / Flow

AI 활용 초안 생성, 이해관계자 확인, AI에게 수정 요청, 고도화의 흐름으로 작업을 구성했습니다.

이후 프로토타입을 코드 기반으로 전환해 상태 변화와 인터랙션을 더 실제에 가깝게 검증하고, 테스트, 문서 자동화, 버전 관리까지 연결했습니다.

Key Screens

포트폴리오에는 Design System Docs, UX Standards Guide, Prototype 화면, 디자인 원칙, Grid & Spacing, Color System, Charts & Metrics 예시가 포함되어 있습니다.

디자인 시스템은 컴포넌트 상태, 토큰, 네이밍, SDK 확장성을 고려해 디자인과 개발 사이의 오차를 줄이는 방향으로 정리했습니다.

Outcome / Learnings

디자인은 문서를 만드는 일에서 검증 가능한 자산을 만드는 일로 넓어졌습니다.

초기 화면을 빠르게 만들고 바로 검토할 수 있게 되면서 의사결정 속도와 화면 설계 효율이 함께 높아졌고, 프로토타입을 코드 기반으로 확장하면서 이후 논의와 수정, 기록까지 자연스럽게 이어지는 흐름을 만들었습니다.

UX Designer / AX Expert

AI WorkflowDesign SystemCode Validation
2025.04 - 2025.07 / Shipped

Business Trip Management System

A redesign of a 20-year-old legacy trip management system using progressive disclosure and context-aware workflows.

Case notes

Context

L사의 20년 넘은 레거시 출장 관리 시스템의 데이터 구조를 바로잡고, 점진적 공개 기반의 워크플로우로 전면 재설계했습니다.

20년간 기능이 조금씩 덧붙여지면서 실제 업무 절차와 데이터 구조가 맞지 않는 상태였고, 사용자는 긴 화면을 오르내리며 복잡한 입력 조건을 직접 계산해야 했습니다.

Problem

사용자는 파편화된 항목을 반복 입력해야 했고, 조건에 맞지 않는 액션 하나로 입력한 데이터가 사라지는 문제도 있었습니다.

시스템이 처리해야 할 데이터 종속 관계와 예외 처리를 사용자에게 떠넘기는 구조를 끊어야 했습니다.

Approach

인터뷰를 통해 대리신청과 일괄 정산 패턴을 도출하고, 이를 재설계한 프로세스에 반영했습니다.

불필요한 단계를 숨기고 맥락 기반 가이드를 제공하는 방식으로 사용자가 지금 필요한 입력과 다음 행동을 이해할 수 있게 구성했습니다.

IA / Flow

출장 기본정보, 정산정보, 결재정보를 단계적으로 나누고, 정산 항목은 교통비, 톨게이트비, 활동비, 숙박비, 차량유지비처럼 사용자가 실제로 처리하는 업무 단위로 재구성했습니다.

비용 합계, 남은 예산, 법인카드/개인카드/현금 사용 금액은 화면 상단에서 실시간으로 확인할 수 있도록 배치했습니다.

Key Screens

포트폴리오에는 기존 As-is 화면, 국내출장 정산하기 화면, 교통비 입력 흐름, 증빙 추가, 결재 정보 입력, 실시간 비용 요약 화면이 포함되어 있습니다.

보안 정책에 따라 실제 화면을 그대로 사용하지 않고 포트폴리오용으로 재구성했습니다.

Outcome / Learnings

필수 입력 항목을 47개에서 16개로 줄였고, 신규 입사자가 사용법을 익히는 데 필요한 시간을 4시간에서 20분으로 단축했습니다.

특별한 가이드 배포나 교육 없이 오픈 3일 만에 2,131건의 정산 데이터가 정상적으로 쌓였고, 사용자의 의도와 다르게 입력 데이터가 다른 액션에 의해 삭제되는 경우도 사라졌습니다.

UX Designer

Enterprise UXLegacy SystemProgressive Disclosure

Lab

Extensions, workflows, and system experiments.

Smaller artifacts from GenAI Sprint work, AI workflow practice, and AI-friendly design-system thinking.

2024.07 / Google Cloud GenAI Sprint Award

SlashyNote

An AI-powered Chrome extension that reduces information overload during web exploration by extracting key information into collaborative notes.

웹 탐색 과정에서 누적되는 정보 과부하를 줄이기 위해 핵심 정보를 자동 추출해 협업 가능한 노트로 전환한 Chrome 확장 프로그램입니다.

Notes

What it is

SlashyNote는 Google Cloud GenAI Sprint에서 우수상을 받은 AI 기반 요약 정리 서비스입니다.

웹 탐색 과정에서 누적되는 정보 과부하 문제를 해결하기 위해 기획하고 제작했습니다.

Core Flow

핵심 정보를 자동 추출해 협업 가능한 노트 형태로 전환하는 Chrome 확장 프로그램 기능을 구현했습니다.

Outcome

정보 탐색부터 정리까지의 비용을 줄이는 흐름을 실서비스 형태로 제시했습니다.

Chrome ExtensionGenAIAward
2025 / Practice

AI-friendly Design System

A design-system practice for making components, states, tokens, and naming conventions easier for AI tools and engineers to reuse.

AI가 디자인 시스템을 더 잘 읽고 재사용할 수 있도록 컴포넌트 상태, 토큰, 네이밍 기준을 정리한 실무 관점의 실험입니다.

Notes

What it is

면접 준비 문서에서는 AI-friendly Design System을 사람에게 보기 좋은 가이드를 넘어, 기계가 읽기 쉬운 구조까지 고려하는 디자인 시스템으로 정리했습니다.

Design Question

AI가 디자인 시스템을 잘 활용하려면 Figma property naming, component state, token naming, reserved keywords 같은 기준이 명확해야 합니다.

Why it matters

이 관점은 디자인과 개발이 따로 움직이는 시간을 줄이고, AI 도구를 활용할 때도 더 정확한 질문과 검증이 가능하도록 돕습니다.

Design SystemFigmaAI Workflow

Notes

Short notes from the archive.

Editorial fragments distilled from the portfolio and recruiter preparation notes.

AI UXTrustWorkflow

Apr 27, 2026

AI UX is process design

A note from the Cline project: AI UX is less about final answers and more about making the working process understandable.

Read note

Cline 프로젝트를 통해 AI에서의 UX는 결과 화면만 설계하는 일이 아니라 과정을 설계하는 일이라는 점을 확인했습니다.

사용자가 지금 어떤 일이 일어나고 있는지 이해할 수 있어야 하고, 필요한 순간에 멈추고 수정하고 방향을 바꿀 수 있어야 합니다.

특히 엔터프라이즈 환경에서는 이런 통제감이 신뢰로 이어지고, 그 신뢰가 있어야 AI 경험도 제품 안에서 안정적으로 작동할 수 있습니다.

Apr 27, 2026

Trust, system, speed

Three words that organize my current AI product design direction.

Read note

최근 제 AI 제품 디자인 방향은 신뢰, 시스템, 속도라는 세 단어로 정리됩니다.

신뢰는 사용자가 AI의 작업 과정과 판단을 이해하고 맡길 수 있게 만드는 것입니다. 시스템은 디자인 결과물이 팀 전체의 기준과 자산으로 남게 만드는 것입니다.

속도는 기획, 디자인, 개발이 선형으로 기다리는 시간을 줄이고 더 빠르게 판단하고 실행하는 환경을 만드는 것입니다.

Apr 27, 2026

Prototype as asset

A prototype can become a shared asset when it carries context, scenarios, design-system rules, and code-based validation.

Read note

빠르게 만든 화면은 의사결정에는 유용하지만, 그 자체만으로는 실무에 바로 연결되기 어렵습니다.

그래서 프로토타입은 도메인 맥락, 유저 시나리오, 디자인 시스템 기준을 함께 반영해야 합니다.

코드 기반으로 전환된 프로토타입은 상태 변화와 인터랙션을 실제에 가깝게 검증할 수 있고, 테스트, 문서 자동화, 버전 관리까지 이어지는 작업 자산이 될 수 있습니다.