김현우 Frontend Based Product Developer

프로젝트 개요

• 팀 기반 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 문서를 AI가 직접 조회할 수 있는 MCP Server 개발 및 오픈소스화
• 자연어로 API 작성 → MCP 조회 → 스키마 조회 후 타이핑 및 API 연동까지 자동 완성

주요 성과

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

프로젝트 개요

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

주요 성과

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

프로젝트 개요

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

주요 성과

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

프로젝트 개요

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

주요 성과

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

프로젝트 개요

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

주요 성과

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

프로젝트 개요

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

주요 성과

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

프로젝트 개요

• 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 기반 히스토리: 각 단계 완료 시 커밋 체크포인트 생성

주요 기능

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

기술 스택

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

특징

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

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

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