# 요한 스튜디오 (Yohan Studio) — Full Index

> AI 시대 1인 기업가를 위한 First Platform

## Pages
- [/blog](https://yohanstudio.co/blog): 바이브코딩, AI 자동화, 1인 기업 운영 인사이트 (MDX)
- [/updates](https://yohanstudio.co/updates): 제품 릴리즈 노트 — SnapContext·VHK 모든 버전의 변경 사항 (MDX 타임라인)
- [/learning-log](https://yohanstudio.co/learning-log): 노션 세컨드브레인 러닝 로그 — 특강·강연 배움 기록 (Notion API 렌더)
- [/showroom](https://yohanstudio.co/showroom): 프로젝트 쇼룸 (작업물 카드 + 카테고리 필터)
- [/store](https://yohanstudio.co/store): 디지털 상품 스토어 (Stripe 결제)
- [/open-source](https://yohanstudio.co/open-source): 오픈소스 프로젝트 모음
- [/diagnosis](https://yohanstudio.co/diagnosis): AI'm Scan — AI 시대 1인 기업 진단 (7영역 21문항)
- [/services](https://yohanstudio.co/services): 서비스 (컨설팅, 구축, 자동화)
- [/vhk](https://yohanstudio.co/vhk): VHK CLI 랜딩 (v1.3.0)
- [/guides/luna-max](https://yohanstudio.co/guides/luna-max): Sol Advisor 설치와 Codex Luna · Max 작업 경로 단계별 가이드

## Blog — all published posts
- [릴스에서 본 우사기 커서, 직접 Windows 선물 세트로 만들었다](https://yohanstudio.co/blog/usagi-windows-gift-set) (2026-08-21): 커서 하나에서 시작해 휴지통·폴더·작업 표시줄까지 확장하고, 반복 적용 뒤에도 원래 Windows 상태로 돌아가도록 복구 구조를 다시 만든 개인 선물 제작기.
- [14장짜리 생일 앱을 친구 한 명을 위해 만들었다](https://yohanstudio.co/blog/birthday-app-for-one-friend) (2026-08-21): 이미지 생성이 막히자 콘티 편집기를 직접 만들고, AI 코딩 에이전트와 함께 14장짜리 생일 경험을 실제 노트북에서 끝까지 움직이게 만든 기록.
- [캡처가 Claude Code 안으로 들어왔다 — SnapContext 0.3.0](https://yohanstudio.co/blog/snapcontext-v030-mcp) (2026-07-19): 브라우저 캡처 도구에 원격 MCP 서버를 붙였다. 확장 코드는 한 줄도 안 고치고 도구 3종을 얹어, 적대 검증 4라운드를 통과하고 AI 코딩 도구와 연결한 기록.
- [SnapContext 0.2.0 — 디자인을 새로 하고, 로그인 없는 공유를 넣었다](https://yohanstudio.co/blog/snapcontext-v020-share) (2026-07-13): 화면을 캡처하면 AI에 바로 넘길 수 있게 정보를 함께 묶어 주는 크롬·웨일 확장 SnapContext. 0.2.0에서 작업 창을 새로 디자인하고, 로그인 없이 링크로 공유하는 기능을 넣었다. 왜 만들었고 무엇을 바꿨는지 정리했다.
- [현직 개발자 특강 3개를 듣고, 프로젝트 설명을 전부 다시 썼다](https://yohanstudio.co/blog/dev-lectures-two-days) (2026-07-13): 비전공자 바이브코더가 이틀간 현직 개발자 세 명을 만났다. 가기 전날의 두려움이 '쪼개서 하나씩'이라는 명확함으로 바뀐 기록.
- [완료를 검증하는 도구로 시작했는데, 어느새 프로젝트 세팅을 통째로 재활용하고 있다](https://yohanstudio.co/blog/vhk-setup-reuse) (2026-07-05): AI의 거짓 완료를 막으려고 만든 CLI가, 새 프로젝트마다 반복하던 CLAUDE.md·AGENTS.md·.cursorrules 세팅을 원본 하나로 재사용하는 도구로 자란 이야기.
- [AI에게 이틀을 맡겼다: 무인 작업 12건, 코드 변경 34건의 기록](https://yohanstudio.co/blog/two-days-unattended-ai) (2026-07-05): 외출한 사이 AI 에이전트 12갈래가 코드를 고치고 문서를 옮기고 서로를 검증했다. 무인 운영이 실제로 돌아가게 만든 안전장치와, 그 사이 터진 사고들의 기록.
- [밤루프 해부: 자는 동안 AI가 코드를 고치는 구조](https://yohanstudio.co/blog/overnight-loop-anatomy) (2026-07-05): 자기 전에 한 줄로 켜는 밤루프의 내부 — 결함을 찾고, 고치고, 다른 AI가 공격해 검증하고, 아침에 권고 보고서로 끝나는 네 단계. 수정 4건 중 2건이 같은 결함을 두 번 고친 밤의 기록까지.
- [npm 패키지 배포: 바리스타가 첫 CLI 도구를 출시하기까지](https://yohanstudio.co/blog/vhk-npm-cli-launch) (2026-06-09): 비전공자 바리스타가 AI와 함께 VHK CLI를 만들고 npm에 공개하기까지의 실전 기록. 목표, 게이트, preflight, publish까지.
- [아이디어 4개를 합쳐 18일 만에 Chrome·Whale 스토어에 제출한 이야기](https://yohanstudio.co/blog/snapcontext-v013-store-journey) (2026-05-24): 산발적인 아이디어 4개를 하나로 합치고, 18일 만에 v0.1.3까지 개발해서 Chrome Web Store와 Whale Store에 동시 제출했다. 바이브코더의 리얼 빌드 기록.
- [AI 시대, 나만의 브랜드를 만드는 법 — 요한 스튜디오 런칭기](https://yohanstudio.co/blog/ai-brand-launch-story) (2026-05-21): 고졸 바리스타가 AI와 바이브코딩으로 1인 스튜디오를 만든 과정. 도메인 구매부터 첫 배포까지.
- [바이브코딩으로 2시간 만에 웹사이트 배포한 후기](https://yohanstudio.co/blog/vibe-coding-2hr-deploy) (2026-05-03): 코딩 경험 0, Cursor + Claude로 포트폴리오 사이트를 2시간 만에 만들고 배포한 실전 기록
- [MDX 블로그 파이프라인](https://yohanstudio.co/blog/hello-world) (2026-04-20): next-mdx-remote RSC와 프론트매터로 정적 글을 렌더링하는 구조를 정리했다.

## Showroom — all projects
- [SnapContext](https://yohanstudio.co/showroom/snapcontext) [AI Workflow]: 화면 캡처에 맥락을 묶어 AI에 바로 넘기는 크롬·웨일 확장.
- [요한 스튜디오](https://yohanstudio.co/showroom/yohan-studio) [Build Log]: 이 웹사이트 자체. 블로그·포트폴리오·스토어·진단의 거점.
- [NotionUIUX](https://yohanstudio.co/showroom/notion-uiux) [Widget]: 노션에 임베드하는 픽셀·네온 톤 위젯 10종. 노션 대시보드를 본인 취향대로.
- [포커스 피드](https://yohanstudio.co/showroom/focus-feed) [AI Workflow]: 유튜브 요약 기반 집중 피드 큐레이션.
- [요한 프로필 카드](https://yohanstudio.co/showroom/yohan-profile-card) [Vibe Coding]: Cursor 바이브코딩으로 만든 인터랙티브 프로필 카드.
- [요한 OS](https://yohanstudio.co/showroom/yohan-os) [Notion OS]: 노션 기반 1인 운영체계. 실행 로그·리소스 DB·회고 루프.
- [출석 기반 랜덤 자리배치기](https://yohanstudio.co/showroom/flexible-seat-randomizer) [Vibe Coding]: 아침 조례 종이 제비뽑기를 웹앱으로 바꿔 평상시 2~3분을 10초 이내로 줄인 현장 사례.
- [카페사이 OS](https://yohanstudio.co/showroom/cafesi-os) [Automation]: Google Apps Script 기반 카페 운영 자동화.