게시글 + 썸네일, 스킬 하나로 자동화하기

📝 한줄 요약

매주 올리던 AI 토크 웨비나 게시글을, 세션 정보만 전달하면 게시글 + 썸네일 + Airtable 레코드까지 5분 만에 자동 생성되도록 스킬을 만들었습니다.

• 실제 자동화로 만들어진 게시글(https://www.gpters.org/events)

ALT

한국어 버전 웹사이트의 스크린샷

ALT

한국어 텍스트가 포함된 웹사이트의 스크린샷

🎯 이런 분들께 도움돼요

• 커뮤니티/서비스 운영하면서 반복적으로 게시글 올리는 분

• AI 도구로 뭘 자동화할 수 있는지 궁금한 분

• "이런 것도 자동화 되나?" 싶은 분

😫 문제 상황 (Before)

GPTers 커뮤니티에서 AI 토크 웨비나 게시글을 종종 올려야 합니다. 매번 같은 포맷인데, 할 일이 은근 많습니다.

1. 게시글 작성 — 웹페이지(Bettermode)에 HTML 본문 작성 (연사 소개, 강연 내용, 신청 링크 등)

2. 썸네일 제작 — 배경 이미지 찾고, 텍스트 올리고, 사이즈 맞추고

3. 커버 이미지 설정 — 만든 썸네일을 게시글 커버로 등록

4. Airtable 등록 — 세션 정보를 별도 데이터베이스에 기록

한 번 올리는 데 30분에서 1시간 정도 걸렸습니다. 콘텐츠가 어려운 게 아니라 같은 포맷을 반복해서 만드는 게 번거로웠습니다. "이거 자동화하면 좋겠다"는 생각이 계속 들었습니다.

🛠️ 사용한 도구

• OpenCode: AI 코딩 에이전트 (Claude 기반)

• GPTers AI Toolkit: AI 스킬 검색/배포 플랫폼

• Bettermode API: 커뮤니티 게시글 생성

• Airtable API: 세션 데이터 관리

• Playwright: 썸네일 이미지 자동 생성

🔧 작업 과정

기존 스킬 발견 — "이미 누가 만들어놨네?"

가장 먼저 한 건 GPTers AI Toolkit에서 관련 스킬을 검색한 겁니다. "bettermode 게시글 생성"으로 검색했더니 ai-talk-post라는 스킬이 이미 있었습니다. Bettermode API로 게시글을 생성하고, Airtable에 레코드를 등록하는 기본 워크플로우가 갖춰져 있었습니다.

bettermode sdk 스킬로 커뮤니티 이벤트 생성하는 것 가능해? AI토크 게시물 생성할거야

스킬을 로드하고, 3/3(화) AI 토크 세션 정보(연사 3명, 강연 제목, 소개글)를 전달했더니 HTML 본문 작성부터 Bettermode 게시글 생성, Airtable 레코드 등록까지 한 번에 처리됐습니다. 첫 게시글은 이렇게 금방 만들어졌습니다.

점진적 보완 — "아, 이것도 추가해야 하는데"

처음 만든 게시글은 기본적인 건 다 됐지만, 쓰다 보니 빠진 것들이 보였습니다.

그리고 내가 빼먹었는데 신청링크도 추가해야해. 이거 스킬에도 반영해줘.

신청 링크가 빠져 있었습니다. 추가하면서 스킬 자체에도 반영했습니다. 다음에 게시글을 만들 때는 신청 링크가 자동으로 포함되도록요.

이런 식으로 하나씩 발견할 때마다 바로 스킬에 반영했습니다:

• 기수 필드 ('21기') 자동 입력

• 제목을 후킹형으로 변경 ("바이브코딩, 왜 나만 안 될까?")

• Bettermode 제목과 Airtable 주제명 동기화 규칙

한 번 삽질하면 그 규칙이 스킬에 쌓이고, 다음부터는 같은 실수를 안 합니다. 이게 이 작업에서 가장 인상적이었던 부분입니다.

썸네일 자동 생성 — "이것도 자동으로 되네?"

게시글만 만들면 아쉬우니까, 썸네일도 자동으로 만들고 싶었습니다.

적절히 이런 스타일의 썸네일 만들어서 베터모드에 게시하는 것 까지 가능해?

참고 이미지를 보여주고 요청했더니, HTML + CSS로 썸네일 디자인을 만들고 Playwright로 스크린샷을 찍어서 PNG 이미지를 생성하는 방식을 제안했습니다. 첫 번째 버전은 그라디언트 배경에 텍스트만 올린 심플한 디자인이었는데, 여기서 한 단계 더 나아갔습니다.

배경이 너무 밋밋한 것 같아서 Unsplash에서 적절한 배경으로 해줘

Unsplash에서 세션 주제에 맞는 배경 이미지를 골라서 적용했습니다. 바이브코딩 세션이면 코딩 관련 이미지, 자동화 세션이면 대시보드 화면 같은 식으로요. 배경 위에 텍스트 오버레이를 씌워서 프리미엄 느낌의 썸네일이 자동으로 나옵니다.

가장 큰 난관 — 이미지 업로드 삽질기

썸네일을 만드는 건 의외로 순조로웠는데, 만든 이미지를 Bettermode에 올리는 과정이 가장 힘들었습니다.

[API 삽질이 있었고 AI가 소스코드 분석해서 해결]

• 처음에는 createImages라는 API를 사용했는데, 업로드에 필요한 정보가 불완전하게 반환돼서 실패했습니다. AI가 SDK 소스코드를 직접 분석하더니 addImage라는 다른 API를 찾아냈고, 이걸로 교체하니까 성공했습니다.

• 그 다음 난관은 커버 이미지 설정이었습니다. 이미지 업로드는 됐는데, 게시글 커버로 안 보이는 겁니다. 알고 보니 cover_image 필드가 단순 텍스트가 아니라 relation(연결) 타입이었습니다. 특별한 형식으로 넣어야 했는데, 이것도 AI가 SDK 소스를 뒤져서 찾아냈습니다. 혼자였으면 한참 헤맸을 부분입니다.

• 또 하나, 기존 게시글을 수정하는 API(updatePost)가 특정 필드에서 계속 실패했습니다. 결국 삭제하고 다시 만드는 게 더 안정적이라는 결론을 내렸고, 이 규칙도 스킬에 반영했습니다.

이 삽질 과정에서 발견한 규칙들이 전부 Anti-Patterns으로 스킬에 쌓였습니다. 총 9개. 다음에 누가 이 스킬을 사용하더라도 같은 함정에 빠지지 않게요.

실전 검증 — 세 번째 게시글에서 느낀 것

첫 번째 게시글(3/3)은 삽질이 많았고, 두 번째(3/4)에서 워크플로우가 안정됐고, 세 번째(3/5)에서 진짜 자동화를 체감했습니다.

다음 게시글도 작성해보자

세션 정보(연사 3명, 강연 제목, 소개)만 전달했더니:

• "반복 업무, 아직도 직접 하세요?" 라는 후킹 제목 자동 생성

• Unsplash에서 대시보드 배경 이미지 자동 선택 (자동화 주제에 맞게)

• HTML 본문 작성 → Bettermode 게시글 생성 → 썸네일 생성 → S3 업로드 → 커버 설정 → Airtable 레코드 등록

전부 자동으로 진행됐습니다. 이전에 30분~1시간 걸리던 작업이 5분 안에 끝났습니다.

✅ 결과 (After)

Before vs After

결과물

• 3개 AI 토크 게시글 자동 생성 완료 (3/3, 3/4, 3/5)

• ai-talk-post 스킬 v1.0.1 → v2.2.0으로 성장 (Anti-Patterns 9개 축적)

• 누구나 같은 품질의 게시글을 만들 수 있는 재사용 가능한 스킬

💬 이 과정에서 배운 AI 활용 팁

효과적이었던 것

1. 삽질한 내용을 바로 스킬/규칙으로 남겨라 — 같은 실수를 두 번 하지 않게 되고, 다른 사람도 바로 쓸 수 있습니다. 이번 작업에서 9개의 Anti-Patterns이 쌓였는데, 세 번째 게시글부터는 삽질 없이 바로 성공했습니다.

2. 한 번에 완벽하게 만들려고 하지 마라 — 첫 게시글은 기본만 되면 OK. 두 번째에서 썸네일 추가, 세 번째에서 안정화. 이렇게 실제로 써보면서 점진적으로 개선하는 게 훨씬 효과적이었습니다.

3. AI가 소스코드를 직접 분석하게 하라 — API 문서에 없는 정보(cover_image relation 타입, addImage mutation)를 AI가 SDK 소스코드를 읽고 찾아냈습니다.

이렇게 하면 안 돼요

1. 입력 데이터를 대충 붙여넣지 마세요 — 연사 정보를 정리 없이 한꺼번에 보냈더니 프로필 매핑이 뒤섞였습니다. 누가 누구 프로필인지 구분해서 전달하는 게 좋습니다.

2. 첫 번째 결과에서 멈추지 마세요 — 처음 만든 썸네일은 밋밋한 그라디언트였는데, "Unsplash 배경으로 바꿔줘" 한마디에 프리미엄 퀄리티로 업그레이드됐습니다.

🌍 다른 업무에 적용한다면?

이 방식은 "같은 포맷을 반복해서 만드는 모든 업무"에 적용할 수 있습니다:

• 주간/월간 뉴스레터 발행

• 이벤트 공지 게시글

• 소셜 미디어 포스팅 (텍스트 + 썸네일)

• 정기 보고서 작성

핵심은 처음부터 완벽한 자동화를 만들려 하지 말고, 실제로 2~3번 해보면서 규칙을 쌓아가는 것입니다.

🚀 앞으로의 계획

다음 목표는 Zoom 미팅 자동 생성까지 연동하는 겁니다. 지금은 게시글 + 썸네일 + Airtable까지 자동화됐는데, Zoom 링크 생성까지 붙이면 게시글 → 줌링크 → Airtable 완전 원스톱이 됩니다. 거기에 더해 필요할 때마다 스킬에 규칙을 추가하면서 자연스럽게 발전시킬 예정입니다.

📋 재사용 가능한 프롬프트

프롬프트 1: 반복 게시글 자동화 시작

[플랫폼 이름]에 [게시글 종류]를 자동으로 생성하고 싶어. 매번 같은 포맷인데, [포함해야 할 요소들]이 필요해. [데이터베이스 이름]에도 레코드를 자동으로 등록해줘. 이 워크플로우를 스킬로 만들어서 다음에도 재사용할 수 있게 해줘.

프롬프트 2: 삽질을 스킬에 반영

방금 [문제 상황]이 발생했어. [해결 방법]으로 해결했는데, 이 규칙을 스킬에 반영해줘. 다음에 같은 실수 안 하도록 Anti-Patterns에 추가해.
* Anti-Pattern : "이렇게 하면 안 돼!" 목록 / Pattern : "이렇게 하면 잘 돼!" 목록