# 김현우 · Portfolio

한샘에서 리드한 AI 도구 도입과 웹 성능 개선 프로젝트, 그리고 사이드 프로젝트.

## 주요 프로젝트

### 팀 단위 바이브 코딩 워크플로우 구축
파트 리드 / (주)한샘 · 2025.12

#### 프로젝트 개요

- 팀 기반 Agentic Coding Workflow 구축 및 파일럿 운영
- 표준화된 워크플로우로 일관된 품질의 AI 코딩 산출물 확보

#### 주요 성과

- 개발 시간 80~90% 단축 (API 연동 시간 1/3, 구현 사전 조사 시간 감소)
- 구현 유사도 80~95% 달성 (1-shot 기준)
- Figma MCP로 디자인 재현율 90% 이상
- Swagger MCP로 API 연동 시간 1/3로 단축

#### 워크플로우 구성

- Setup → Research → Plan → Implement → Review 단계별 체계화
- 공통 Rules + Templates + 명령어로 동일한 Input/Output 품질 확보
- MCP 기반 상호운용 아키텍처 설계 (Global → Team → Project 계층 상속)

### [한샘 Swagger MCP Server 개발](/posts/20251218/)
파트 리드 / (주)한샘 · 2025.12

#### 프로젝트 개요

- Swagger 문서를 AI가 직접 조회할 수 있는 MCP Server 개발 및 오픈소스화
- 자연어로 API 작성 → MCP 조회 → 스키마 조회 후 타이핑 및 API 연동까지 자동 완성

#### 주요 성과

- Swagger 문서 탐색 없이 자동 코드 생성 가능
- API 연동 작업 시간 1/3로 단축
- NPM 패키지로 오픈소스 배포 (@hynu/swagger-mcp)

### [Figma MCP Server 도입](/posts/20250407/)
파트 리드 / (주)한샘 · 2025.04

#### 프로젝트 개요

- Cursor와 Figma MCP Server를 연동하여 AI 기반 프론트엔드 개발 효율화

#### 주요 성과

- 디자인 시스템과 코드 생성 간 일관성 확보
- 혁신TF 검증을 통한 상용 수준의 코드 생성 워크플로우 확립
- UI/UX 디자인 재현율 90% 이상 달성

### [스토어웹 Memory Leak, OOM 이슈 해결](/posts/20250404/)
파트 리드 / (주)한샘 · 2025.04

#### 프로젝트 개요

- 한샘몰 웹 애플리케이션의 주기적 OOM 장애 원인 분석 및 해결

#### 주요 성과

- 메모리 누수 원인 분석 및 근본적 해결
- 서비스 안정성 확보

### [한샘몰 모바일 웹 성능 개선](/posts/20250330/)
파트 리드 / (주)한샘 · 2025.03

#### 프로젝트 개요

- 모바일 및 PC 웹 서비스 Core Web Vitals 성능 지표(LCP, TBT, CLS) 개선

#### 주요 성과

- Google Page Speed Insights 모니터링 시스템 구축 (자사 및 타사)
- 디자인 시스템 및 전시 컴포넌트 번들 사이즈 최적화 (40% 감소)
- Unused bytes 최적화로 script 실행시간 감소 (22% 감소)

### 인프런 플랫폼 개발
파트 리드 / 인프랩 · 2018.10 — 2020.05

#### 프로젝트 개요

- 코딩 교육 플랫폼 인프런(https://inflearn.com) 개발
- 워드프레스 기반 웹 애플리케이션을 NodeJS 기반으로 마이그레이션

#### 주요 성과

- git init to production 완수
- 유닛 테스트, 코드 리뷰 프로세스 도입
- 스프린트 기반 개발 및 데일리 스크럼 도입
- Pure JavaScript와 FxJS를 활용한 함수형 프론트엔드 개발

### 텀블벅 플랫폼 개발
팀원 / 텀블벅 · 2017.07 — 2018.06

#### 프로젝트 개요

- 크라우드 펀딩 웹 애플리케이션 텀블벅(https://tumblbug.com) 개발 및 유지보수

#### 주요 성과

- Ruby on Rails(SSR)에서 React(SSR+CSR)로 마이그레이션
- 정적 코드 분석 툴 도입 및 커밋 단계 테스팅 프로세스 확립

## 사이드 프로젝트

### [ai-library](https://github.com/khw1031/ai-library)
*Claude Code 프롬프트 자산 라이브러리*
Open Source

#### 프로젝트 개요

- Claude Code 및 LLM 기반 도구를 위한 재사용 가능한 프롬프트 자산(Skills, Rules, Agents) 모음
- Progressive Disclosure 원칙 기반 3단계 로드 모델로 LLM 컨텍스트 효율성 극대화

#### 주요 컴포넌트

- Skills: feature-workflow, qa-workflow, plan-workflow 등 실무 검증된 워크플로우
- Agents: task-master(병렬 태스크 오케스트레이터), code-reviewer(시니어 코드 리뷰어)
- Rules: progressive-disclosure 등 코드베이스 전반 적용 가이드라인

#### 설계 원칙

- 3단계 Progressive Disclosure: 항상 로드(~100토큰) → 활성화 시(<5000토큰) → 요청 시(무제한)
- 컨텍스트 격리: 각 워크플로우 단계가 별도 대화 컨텍스트에서 실행
- Human in the Loop: 다음 단계 진행 전 사용자 확인
- Git 기반 히스토리: 각 단계 완료 시 커밋 체크포인트 생성

### [add-ai-tools](https://www.npmjs.com/package/add-ai-tools)
*AI 에이전트 리소스 설치 CLI 도구*
NPM Package

#### 주요 기능

- GitHub, GitLab, Git SSH 등 다양한 소스에서 AI 에이전트 리소스 설치 지원
- Claude Code, Cursor, GitHub Copilot, Antigravity 등 멀티 에이전트 플랫폼 지원
- 인터랙티브 모드 및 자동화 모드(--yes) 지원
- ZIP 내보내기 기능으로 오프라인 배포 지원

#### 기술 스택

- Node.js / TypeScript
- CLI 인터페이스 설계
- Git 저장소 파싱 및 처리

#### 특징

- 프로젝트/글로벌 스코프 설치 지원
- 에이전트별 설치 경로 자동 매핑
- npx를 통한 설치 없이 즉시 실행 가능

### [@hynu/swagger-mcp](https://www.npmjs.com/package/@hynu/swagger-mcp)
*Swagger MCP Server*
NPM Package

- Swagger의 정보를 받아오는 MCP Server를 개발해서 오픈소스화

### [룰루루틴](https://www.luluroutine.com)
*루틴 관리 및 공유 웹 애플리케이션*
개인 프로젝트

- 1인 개발
- Nextjs, supabase 기반의 Fullstack Application

## 기술 스택

NextJS · React · TypeScript · React Query · CSS · HTML · Git · CI/CD · Turborepo · MCP · Claude · Claude Code · Cursor