Genie direct courses
공개 강의
개발, 자동화, AI 에이전트, 바이브코딩을 실무 흐름 그대로 배울 수 있도록 Genie가 직접 정리한 강의입니다.
![[#라이브 260617] Adobe UXP로 포토샵 자동화 플러그인 만들기 라이브](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F12564jqx%2Fproduction%2F052194b6c1348afb1fb36043b293e8c6d094ad5d-1672x941.png&w=3840&q=75)
[#라이브 260617] Adobe UXP로 포토샵 자동화 플러그인 만들기 라이브
포토샵에서 손으로 반복하던 누끼·워터마크·리사이즈를 수천 장 단위로, 43분 만에 코드로 넘긴다. API를 리서치로 먼저 파악한다 → superpowers 스킬로 스펙을 잡는다 → UXP Developer Tool로 플러그인을 만든다 → 좌표 버그를 AI에 그대로 던져 고친다. 결과물은 누끼(배경 제거)·워터마크·리사이즈·이미지 세트 합치기를 한 패널에서 돌리는 나만의 포토샵 플러그인. 스택은 Adobe UXP API + Illustrator API + Claude/Codex이고, 클라우드 API 없이 포토샵 내장 모델을 로컬로 호출해 처리한다. Adobe 정식 구독 환경 기준.
![[#라이브 260605] 이미지로 3D를 모델링하는 블렌더 MCP 웹 UI 라이브](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F12564jqx%2Fproduction%2Ffab6b687d06b5410c3addd0e566f125e81b0f487-1152x640.png&w=3840&q=75)
[#라이브 260605] 이미지로 3D를 모델링하는 블렌더 MCP 웹 UI 라이브
"블렌더 어렵다"는 말, 이제 도구가 대신 한다. 강사가 약 2시간 만에 만든 웹 UI 하나에 캐릭터 이미지를 붙이고 한 문장을 입력하면, 내부의 LLM이 상세한 작업 계획을 세우고 블렌더 MCP 함수를 호출해 3D 모델을 만들어 낸다. 키티 캐릭터 생성부터 기존 .blend 파일 수정, PolyHaven·Hunyuan 3D 같은 에셋/생성 MCP 연결, 그리고 git clone 한 번으로 끝나는 설치법까지 한 자리에서 다룬다. 코드는 GitHub에 무료 공개되어 있어, 보고 따라 하면 그대로 내 환경에서 돌릴 수 있다.
![[#라이브 260520] 바이브 코딩으로 AI 이미지 자동수집 크롬 확장 만들기](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F12564jqx%2Fproduction%2F92216faa94cd60a43dbfa119f2dd398a593f5716-1152x640.png&w=3840&q=75)
[#라이브 260520] 바이브 코딩으로 AI 이미지 자동수집 크롬 확장 만들기
자고 일어나면 AI 영감 이미지 30장이 폴더에 도착하는 크롬 확장을, 코드 한 줄 직접 안 짜고 42분 만에 완성합니다. 크롬 확장이 뭘 할 수 있는지 훑는다 → 무료 Civitai API를 뜯어 가져올 데이터를 확인한다 → '한 방 프롬프트'로 매니페스트·백그라운드·사이드 패널 갤러리를 한 번에 생성한다 → 개발자 모드로 로드하고, 429 에러는 그대로 붙여넣어 백오프 재시도로 고친다. 결과물은 매일 새벽 자동으로 AI 이미지를 수집하는 크롬 확장 '드림캐쳐'. 스택은 Codex(코덱스, 프론트 앱 빌더 스킬), HTML/CSS/JS, manifest.json·background.js·side panel, Civitai 무료 API. TDD·클린 아키텍처·Codex Spark 비교까지 모두 무료 도구로 진행합니다.
![[#라이브 260515] 노트북LM + 에르메스로 옵시디언 세컨드 브레인 만들기](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F12564jqx%2Fproduction%2F70c48e653691554bdc785f90970aaf3e58bcfc68-1672x941.png&w=3840&q=75)
[#라이브 260515] 노트북LM + 에르메스로 옵시디언 세컨드 브레인 만들기
요청 한 줄에서 시작해서, 토큰 0원 더 안 쓰고 세컨드 브레인까지 2시간 4분. 옵시디언 볼트를 두 층으로 분리한다 → 노트북LM CLI로 자료 조사를 위임한다 → URL만 받아 옵시디언에 떨군다 → 에르메스 슬랙 프로필로 한 번에 호출한다. 강의 결과물은 사람용 노트와 LLM 위키가 매일 자동 동기화되는 세컨드 브레인. 스택은 옵시디언 + 노트북LM CLI + 에르메스(슬랙 에이전트 OS) + 클로드 코드 + 코덱스 + 슈퍼파워스 플러그인. 추가 비용 없이 기존 구독만으로 돌린다.
![[#라이브 260511] Claude Code로 윈도우 EXE 뉴스 크롤러 풀스택 라이브](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F12564jqx%2Fproduction%2F55d83c15addb4195644a4f1d224dc824601ef103-1672x941.png&w=3840&q=75)
[#라이브 260511] Claude Code로 윈도우 EXE 뉴스 크롤러 풀스택 라이브
Mac 없이 윈도우 한 대로 EXE 배포까지, 1시간 52분. 프롬프트 두 줄을 Claude Code에 던진다 → 플랜 모드로 의존성과 구조를 잡는다 → auto mode로 sub-agent를 병렬로 돌려 RSS 수집, UI, SQLite 캐시를 동시에 구현한다. 환경 세팅부터 빌드까지 처음부터 끝까지 라이브로 보여준다. 결과물은 진짜 더블클릭으로 실행되는 윈도우 데스크톱 앱. SBS RSS를 카테고리별로 끌어와 자동 갱신하고, pnpm tauri build 한 번으로 MSI 인스톨러와 14MB 단일 EXE를 동시에 뽑는다. WSL + Tauri + React + Rust + Visual Studio MSVC 빌드 도구, 전부 무료 스택. 패러렐즈 윈도우 환경에서 진행한다.
![[#라이브 260509] AI 에이전트로 뉴스레터 SaaS 풀스택 라이브](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F12564jqx%2Fproduction%2F99f09f264c305b45c7f97b535953a3d3e3afd5f5-1672x941.png&w=3840&q=75)
[#라이브 260509] AI 에이전트로 뉴스레터 SaaS 풀스택 라이브
코드 한 줄 안 짜고 0에서 배포까지, 2시간 24분. 아이디어를 AI 에이전트에 던진다 → 역질문으로 요구사항을 끌어낸다 → 플랜 문서에 박아둔다 → SCV처럼 서브에이전트 4~5명을 병렬로 돌려 백엔드, 프론트, 테스트를 동시에 구현한다. 이 워크플로를 처음부터 끝까지 라이브로 보여준다. 결과물은 진짜 돌아가는 뉴스레터 SaaS. Tiptap 에디터로 글을 쓰면 카드형 블로그로 쌓이고, 동시에 구독자에게 메일이 나간다. Next.js + Convex + Clerk + Vercel, 전부 무료 티어. Vercel 프로덕션 배포까지 끝낸다. 배우는 것 - 아이디어 → 딥인터뷰 → 플랜 문서화 → 병렬 실행으로 이어지는 바이브 코딩 워크플로 - Codex CLI / Claude Code 멀티 서브에이전트 컨텍스트 분리 운용 - Next.js + Convex(실시간 DB) + Clerk(인증) + Tiptap(에디터) 실전 조합 - Convex prod 환경 분리, Vercel · Convex CLI로 환경변수 한 번에 배포 - "내가 해야 할 것만 알려줘" 프롬프트 패턴 추천 대상 - 코드보다 아이디어를 먼저 서비스로 만들고 싶은 바이브 코더 - AI 에이전트를 한 명이 아니라 팀으로 굴려보고 싶은 사람 - 무료 티어 안에서 풀스택 SaaS를 끝까지 가져가 보고 싶은 사람 러닝타임 2시간 24분 · 한국어 · 라이브 실시간 코딩 데모
![[#라이브 260502] Git, GitHub, Branch, Worktree로 시작하는 바이브 코딩 필수 지식](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F12564jqx%2Fproduction%2F4a35b68367eb49a20715ae66659574da2485abb1-1672x941.png&w=3840&q=75)
[#라이브 260502] Git, GitHub, Branch, Worktree로 시작하는 바이브 코딩 필수 지식
바이브 코딩(vibe coding) 워크플로의 토대가 되는 Git/GitHub 기본기를 한 번에 잡는 강의. 단순한 명령어, 나열 대신, 왜 브랜치를 따고 워크트리를 쓰는지 즉 "여러 갈래의 실험을 동시에 굴리면서도 메인 흐름을 깨지 않는" 작업 방식을 만드는 게 목표.
![[#라이브 260427] 요즘 바이브 코딩은 어떻게?? 에이전트? 스킬??](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2F12564jqx%2Fproduction%2F4f7a60621ac01ff17181f74e5b4267428081516f-1672x941.png&w=3840&q=75)
[#라이브 260427] 요즘 바이브 코딩은 어떻게?? 에이전트? 스킬??
요즘 바이브 코딩은 어떻게 할까? 어떤 스킬을 사용할까? 어떤 툴을 사용할까? 에르메스(Hermes) Agent 활용은 어떻게??