Communitygithub.com

ummydev/short-video-formats

사용자가 TikTok, Instagram Reels, YouTube Shorts 또는 Xiaohongshu용 프로모션 짧은 비디오의 형식을 선택하거나 계획할 때, 특히 소프트웨어 제품, 개발자 도구 또는 AI 에이전트에 적합한 형식을 제공합니다.

short-video-formats란 무엇인가요?

이 스킬은 소프트웨어 제품, 개발자 도구, AI 에이전트를 홍보하는 짧은 비디오의 형식을 선택하고 계획하는 데 도움을 줍니다. TikTok, Instagram Reels, YouTube Shorts, Xiaohongshu 등 주요 숏폼 플랫폼에서 높은 조회수를 기록한 실제 사례를 분석하여, '토킹 헤드 + 데모 오버레이', '폰으로 화면 촬영', '페이스리스 UI 데모', '토킹 헤드 오프닝 후 전체 화면 데모' 등 네 가지 효과적인 포맷을 제시합니다. 각 포맷의 제작 비용, 화면 구성 규칙, 효과적인 훅(Hook)과 엔딩 전략, AI 발표자 제작 방법까지 상세히 다룹니다. 개발자나 AI 에이전트 사용자가 '어떤 종류의 비디오를 만들까', '비디오 형식', '토킹 헤드', '페이스리스 비디오', 'AI 발표자', '훅 아이디어' 등과 같은 질문을 할 때 이 스킬이 활성화됩니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ummydev/marketing-team-skills/tree/HEAD/skills/short-video-formats

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

소프트웨어 제품을 위한 숏폼 비디오 형식

스크립트를 작성하기 전에 먼저 형식을 선택하세요. 우리는 2026년 11월에 두 개의 오픈소스 AI 에이전트 제품(Paperclip 및 Multica)에 관한 가장 많이 본 TikTok 및 Instagram 비디오를 분석했습니다. 조회수의 거의 대부분은 공식 계정이 아닌 개인 제작자로부터 발생했으며, 거의 모두 다음 네 가지 형식 중 하나를 사용했습니다.

네 가지 형식

#형식화면 구성예시 (조회수)제작 비용
1토킹 헤드 + 상단 데모발표자가 하단 절반, 가슴 위쪽, 카메라를 보며 말함; 상단 절반에 UI 애니메이션, GitHub 페이지 및 사이트 스크롤 표시@rahuliyer.ai (105만)발표자 필요 (실제 또는 AI)
2폰으로 화면 촬영폰으로 노트북 화면을 촬영; 손가락이 GitHub 페이지를 가리키며 제작자가 말하고 스크롤@making_in_time_ (11.5만)폰을 가진 사람 필요; 에이전트가 할 수 없음
3페이스리스 데모제품 UI가 프레임을 채우고 큰 자막, 간헐적인 모션 그래픽@techwith.ram (26.4만)가장 낮음; 완전 자동화 가능 (스킬: remotion-video)
4토킹 헤드 오프닝, 전체 화면 데모훅을 위해 약 5초 동안 형식 1 사용, 그 다음 전체 화면 UI와 세부 사항 확대, 중간과 끝에 발표자 다시 등장@dr_cintas형식 1과 동일한 발표자 필요

에이전트는 형식 3, 1, 4를 처음부터 끝까지 만들 수 있습니다. 형식 3으로 시작하고, 형식 1과 4에는 발표자를 추가하세요.

레이아웃 규칙 (9:16, 1080×1920)

  • 제품 UI는 프레임 높이의 최소 절반을 차지하고, 좌우 가장자리까지 채웁니다. 제품 UI가 밝은 색이라면, 그 영역은 흰색입니다. 검은 배경에 떠 있는 얇은 카드는 슬라이드쇼처럼 보입니다.
  • 첫 번째 프레임은 커버이자 훅입니다. 대부분 검은색이면 안 되며, 아무것도 없는 상태에서 페이드 인되어서도 안 됩니다. 0번째 프레임부터 UI를 보여주세요.
  • 첫 화면은 간결하게 유지하세요. 전체 대시보드가 아닌, 완전한 카드 두 개와 다음 행의 상단 부분만 보여주세요. 핵심이 아닌 사이드바나 크롬은 숨기세요. 첫 1초에 작은 텍스트가 가득하면 사용자가 바로 넘겨버립니다.
  • 검은색은 스트립에만 사용: 상단의 제목 또는 훅 스트립, 하단의 자막 스트립에만 검은색을 사용하세요. 자막은 UI 중간에 절대 겹치지 않게 배치하세요.
  • 실제 UI를 재구축하세요. 제품과 동일한 레이아웃, 폰트, 색상, 버튼 및 레이블을 사용하세요. 단순화된 다이어그램이나 제품에 없는 기능을 넣지 마세요. 화면 녹화는 필요하지 않습니다. 재구축된 UI가 더 선명하고 확대가 가능합니다 (스킬: remotion-video).
  • 데모 데이터에 레이블을 붙이세요 (차트 모서리에 "데모 데이터"). 가상의 결과를 실제인 것처럼 절대 표시하지 마세요.

훅과 엔딩

  • 이 카테고리에서 효과적이었던 훅: "직원 0명. 완전한 회사." · "누군가 AI 에이전트로 회사 전체를 운영할 수 있는 도구를 오픈소스로 공개했습니다." · "저는 Claude Code를 더 이상 프롬프트하지 않습니다. 고용했습니다." · "만약 당신이... 할 수 있다면?"
  • 증거: GitHub 스타, 제품의 실제 숫자, 전후 비교.
  • 엔딩: "댓글로 <단어>를 남기시면 설정 가이드를 보내드립니다." 단어는 제품 이름이나 훅의 동사여야 합니다. 이런 게시물은 종종 좋아요보다 댓글이 더 많았습니다 (한 예: 좋아요 5,395개 vs 댓글 10,735개). 이는 알고리즘에 도움이 됩니다. 실제로 누군가 (또는 플랫폼의 공식 API에 연결된 자동 DM 도구, 예: Instagram의 ManyChat)가 해당 내용을 보내는 경우에만 이 방법을 사용하세요. 약속한 링크가 도착하지 않으면 화난 댓글이 달립니다.
  • 시청자의 표현에 맞춰 작성하세요: "KPI"보다는 "목표", "구성"보다는 "고용"처럼 표현하세요.

AI 발표자 만들기 (형식 1 및 4)

  1. 얼굴: 이미지 모델로 가상의 발표자 한 명을 생성하세요. 전면 카메라 셀카 비디오 프레임, 9:16, 정수리부터 가슴 중간까지, 렌즈를 바라보고, 입을 다문 상태, 입 앞에 아무것도 없고, 미용 필터 없는 자연스러운 피부 질감, 생활감 있는 홈 오피스 배경을 프롬프트하세요. 4개의 후보를 만들고 하나를 선택하여 모든 비디오에서 동일한 얼굴을 재사용하여 계정이 인식 가능한 호스트를 가지도록 하세요. 계정에 마스코트가 있다면, 그 마스코트를 기반으로 발표자를 만드세요 (같은 헤어스타일, 옷, 색상).
  2. 목소리: 해당 발표자에게 고정된 목소리 하나를 사용하세요. 무료 브라우저 TTS는 사실적인 얼굴 옆에서 로봇처럼 들리므로, 상업용 라이선스가 있는 목소리(CapCut 내장 목소리, ElevenLabs 등)를 사용하세요. 전체 스크립트를 렌더링한 다음 문장별로 자르세요.
  3. 립싱크: 이미지 + 오디오 → 토킹 비디오 모델(OmniHuman, Kling Avatar, Hedra, HeyGen Avatar)을 사용하여 스크립트와 타이밍이 입 움직임을 제어하게 하세요. 텍스트-투-비디오 모델이 자체적으로 대사를 즉흥적으로 만들지 않도록 합니다. 5~10초 세그먼트로 생성하고 실패한 부분만 다시 만드세요.
  4. 조립: 비디오 도구에서 조립하세요: 형식 1은 UI를 상단 약 55%에 배치하고 발표자를 하단에, 자막은 경계선에 배치합니다; 형식 4는 4~5초 동안 발표자를 전체 화면으로 시작합니다.
  5. 공개: TikTok의 "AI 생성 콘텐츠" 레이블과 Instagram의 AI 정보를 켜세요. 발표자는 가상이므로 개인적인 경험("이걸 3개월 동안 사용해봤습니다")을 주장하게 하지 마세요.

체크리스트

  • 형식이 선택되어 스크립트에 명시됨
  • UI 영역이 높이의 50% 이상, 전체 너비
  • 첫 번째 프레임이 실제 UI를 보여주고, 간결하며, 검은색이 아님
  • 실제 기능만 표시됨; 데모 데이터에 레이블 표시
  • 첫 줄과 첫 프레임에 훅 포함
  • 실제로 이행 가능한 엔딩 CTA
  • AI 발표자: 고정된 얼굴과 목소리 하나, AI 레이블 켜짐

우리가 겪은 함정

  • 검은 배경의 다이어그램 카드. 첫 번째 제품 비디오는 검은 배경에 단순화된 카드가 떠 있는 모습이었습니다. 슬라이드처럼 보였고 제품과 전혀 달랐습니다. 다시 만들 때 실제 UI를 프레임의 3분의 2를 차지하는 흰색 띠 위에 재구축했습니다.
  • 빈 첫 프레임. 각 장면이 페이드 인되어 커버 역할을 하는 0번째 프레임이 비어 있었습니다. 이제 첫 번째 장면이 완전히 보이는 상태로 시작합니다.
  • 빽빽한 첫 화면. 오프닝에서 사이드바와 6개의 카드가 있는 마켓플레이스 페이지를 보여주었습니다. 첫 1초 동안 너무 많은 텍스트였고, 완전한 카드 두 개와 다음 행의 일부만으로 줄이자 한눈에 읽을 수 있었습니다.
  • 제품에 없는 기능. 스크립트가 비디오에만 존재하는 "크루 그룹 채팅"으로 끝났습니다. 제품의 실제 다이렉트 메시지로 바꾸고 음성 대사도 다시 작성했습니다.
  • 가짜처럼 보이는 헤어스타일. 첫 번째 AI 발표자의 큰 곱슬머리가 가짜임을 드러냈습니다. 평범한 볼륨의 평범한 최신 헤어스타일을 요청하세요.

관련 스킬

  • remotion-video: 형식 1, 3, 4 제작.
  • viral-remake: 특정 바이럴 원본에서 형식을 가져올 때.
  • social-publish: 업로드 시 캡션, CTA 및 AI 레이블.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

ummydev/ai-search

When the user wants to make a site readable, accurate and quotable for AI assistants (ChatGPT, Claude, Perplexity, Gemini, Copilot, Google AI Overviews) so they describe the product correctly and cite it. Use when the user says "llms.txt", "llms-full.txt", "AI search", "GEO", "AEO", "get cited by ChatGPT", "show up in Perplexity answers", "allow AI crawlers", "GPTBot in robots.txt", "AI gets our pricing wrong", "AI confuses us with another product", "brand name collision", "Organization schema sameAs" or "make the site agent-readable". Covers llms.txt, robots.txt for AI crawlers, definition sentences, comparison tables and FAQ, public pricing, Organization and WebSite structured data, and brand naming.

ummydev/index-push

When the user wants to get new or changed pages crawled and indexed by Google and Bing quickly, instead of waiting weeks for the sitemap to be read. Use after any deploy that adds or updates pages, and when the user says "get this indexed", "request indexing", "submit to Google", "submit URLs to Bing", "IndexNow", "ping search engines", "resubmit the sitemap", "why isn't my page indexed", "Discovered – currently not indexed", "URL is unknown to Google", "Quota Exceeded in Search Console" or "indexing queue". Covers IndexNow, Search Console URL Inspection and sitemaps, Bing Webmaster URL submission, a prioritized queue file, and diagnosing pages that stay out of the index.

ummydev/remotion-video

When the user wants to make a vertical promo video of their own software product in code with Remotion, rebuilding the product's real UI instead of screen-recording it, with a TTS voice-over, captions timed to the voice and camera moves that zoom into details. Use when the user says "Remotion", "make a product video", "faceless demo video", "UI motion video", "programmatic video", "product reel", "animate our UI", "render the video", or wants a TikTok or Reels video about their app that an agent can re-render after every change.

ummydev/video-retro

When the user wants to review how their short videos performed on TikTok, Instagram Reels or other platforms and decide what to make next. Covers reading views, likes, comments, saves and follows without scraping, the stats log, 24-hour and 72-hour checks, comparing topics, formats and hooks, the daily report and recording what to change. Use when the user says "how did the video do", "video stats", "复盘", "retro", "which videos worked", "why did this flop", "weekly video report", "update the stats", or at the start or end of a short-video working day.

관련 스킬