Communitygithub.com

YouTube 썸네일 디자인

특정 치수, 대비 규칙 및 모바일 미리보기 최적화를 포함한 YouTube 썸네일 디자인. 안전 영역, 텍스트 배치, 표정 심리학 및 A/B 테스트를 다룹니다.

YouTube 썸네일 디자인란 무엇인가요?

이 스킬은 YouTube 썸네일 디자인에 대한 포괄적인 가이드를 제공합니다. 개발자와 크리에이터가 시청자 참여와 클릭률(CTR)을 극대화하는 썸네일을 만들 수 있도록 설계되었습니다. 주요 기능으로는 권장 치수(1280x720픽셀), 안전 영역(모바일 기기에서 텍스트와 중요한 요소를 보호), 대비 규칙, 텍스트 배치 전략, 그리고 감정을 효과적으로 전달하는 표정 심리학이 포함됩니다. 이 스킬은 A/B 테스트 방법론과 접근성 모범 사례도 다루어 썸네일이 정보를 전달할 뿐만 아니라 모든 사용자에게 포용적이도록 보장합니다. 주로 기술 문서 형태의 SKILL.md 파일을 기반으로 구성되어 있으며, AI 어시스턴트(예: Claude Code, Cursor, Codex)와 함께 사용하여 썸네일 디자인에 대한 실용적이고 실행 가능한 조언을 얻을 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/skills-shell/skills/tree/main/skills/youtube-thumbnail-design

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

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

문서

YouTube 썸네일 디자인은(는) 무엇을 하나요?

특정 치수, 대비 규칙 및 모바일 미리보기 최적화를 포함한 YouTube 썸네일 디자인. 안전 영역, 텍스트 배치, 표정 심리학 및 A/B 테스트를 다룹니다. 용도: YouTube 썸네일, 동영상 커버 이미지, 클릭률 최적화. 트리거: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

주요 지침

치수

  • 권장 해상도: 1280x720픽셀 (16:9 비율)
  • 파일 형식: JPG, PNG, 또는 GIF
  • 최대 파일 크기: 2MB
  • 16:9 비율을 유지하세요.

안전 영역

  • 텍스트와 중요한 요소는 중앙 600x600픽셀 영역 내에 두세요.
  • 모든 기기에서 안전한 미리보기를 위해 모서리와 가장자리를 피하세요.
  • 하단 20%는 YouTube의 타임스탬프와 기타 UI 요소에 의해 가려질 수 있으므로 피하세요.

대비 규칙

  • 텍스트와 배경 사이의 높은 대비를 유지하세요.
  • 대비를 위해 어두운 배경에 밝은 텍스트를 사용하세요.
  • 텍스트 가독성을 개선하려면 그림자나 획을 추가하세요.
  • 밝은 색상('#FFFFFF')과 같은 특정 색상을 배경으로 사용하지 마세요.

텍스트 배치

  • 썸네일당 텍스트는 3단어로 제한하세요.
  • 굵고 큰 글꼴을 사용하세요.
  • 텍스트는 항상 왼쪽 상단에 배치하세요.
  • 영상과 직접적으로 관련된 관련 텍스트를 사용하세요.

표정 심리학

  • 고수익 주제에는 놀람이나 호기심과 같은 감정적인 표정을 사용하세요.
  • 감정을 효과적으로 전달하기 위해 극단적인 클로즈업을 사용하세요.
  • 얼굴이 시청자와 감정적으로 연결되도록 하세요.
  • 고개를 갸우뚱하거나 눈썹을 치켜올리는 등의 미묘한 단서와 함께 자연스러운 표정을 사용하세요.

A/B 테스트

  • 다른 디자인을 테스트하려면 다양한 썸네일 변형을 만드세요.
  • CTR과 시청자 유지율을 측정하세요.
  • 테스트 결과를 분석하여 디자인을 개선하세요.
  • 더 나은 성과를 위해 더 높은 CTR을 가진 변형을 사용하세요.

접근성

  • 적절한 대비를 사용하여 가독성을 보장하세요.
  • 텍스트에 대한 설명적인 대체 텍스트를 추가하세요.
  • 정보를 전달하기 위해 색상에만 의존하지 마세요.
  • 신체적 또는 인지적 장애가 있는 사용자를 위해 디자인하세요.

Individual skills in this repo

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

skills-shell/agent-browser

Browser automation for AI agents via inference.sh. Navigate web pages, interact with elements using @e refs, take screenshots, record video. Capabilities: web scraping, form filling, clicking, typing, drag-drop, file upload, JavaScript execution. Use for: web automation, data extraction, testing, agent browsing, research. Triggers: browser, web automation, scrape, navigate, click, fill form, screenshot, browse web, playwright, headless browser, web agent, surf internet, record video

skills-shell/agent-tools

Run 250+ AI apps via inference.sh CLI - image generation, video creation, LLMs, search, 3D, Twitter automation. Models: FLUX, Veo, Gemini, Grok, Claude, Seedance, OmniHuman, Tavily, Exa, OpenRouter, and many more. Use when running AI apps, generating images/videos, calling LLMs, web search, or automating Twitter. Triggers: inference.sh, infsh, ai model, run ai, serverless ai, ai api, flux, veo, claude api, image generation, video generation, openrouter, tavily, exa search, twitter api, grok

skills-shell/ai-avatar-video

Create AI avatar and talking head videos via inference.sh CLI. Recommended: P-Video-Avatar (fastest, cheapest, built-in TTS). Also: OmniHuman, Fabric, PixVerse. Audio: Inworld TTS-2 (100+ languages, emotion steering for characters), ElevenLabs, Kokoro. Capabilities: audio-driven avatars, text-to-avatar, lipsync videos, talking head generation, virtual presenters, UGC content. Use for: AI presenters, explainer videos, virtual influencers, dubbing, marketing videos, UGC ads, gaming avatars, NPC dialogue. Triggers: ai avatar, talking head, lipsync, avatar video, virtual presenter, ai spokesperson, audio driven video, heygen alternative, synthesia alternative, talking avatar, lip sync, video avatar, ai presenter, digital human, ugc, ugc video, ugc ad, avatar ugc

skills-shell/ai-image-generation

Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: GPT-Image-2, FLUX Dev LoRA, FLUX.2 Klein LoRA, Gemini 3 Pro Image, Grok Imagine, Seedream 4.5, Reve, ImagineArt. Capabilities: text-to-image, image-to-image, inpainting, LoRA, image editing, upscaling, text rendering. Use for: AI art, product mockups, concept art, social media graphics, marketing visuals, illustrations. Triggers: flux, image generation, ai image, text to image, stable diffusion, generate image, ai art, midjourney alternative, dall-e alternative, text2img, t2i, image generator, ai picture, create image with ai, generative ai, ai illustration, grok image, gemini image, gpt image, openai image, chatgpt image

skills-shell/ai-video-generation

Generate AI videos with Google Veo, Seedance 2.0, HappyHorse, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 2.0, HappyHorse 1.0, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, reference-to-video, video editing, lipsync, avatar animation, video upscaling, foley sound. Use for: social media videos, marketing content, explainer videos, product demos, AI avatars. Triggers: video generation, ai video, text to video, image to video, veo, animate image, video from image, ai animation, video generator, generate video, t2v, i2v, ai video maker, create video with ai, runway alternative, pika alternative, sora alternative, kling alternative, seedance, happyhorse

skills-shell/app-store-screenshots

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

skills-shell/character-design-sheet

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

skills-shell/competitor-teardown

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

skills-shell/gpt-image

Generate and edit images with OpenAI GPT-Image-2 via inference.sh CLI. Models: GPT-Image-2. Capabilities: text-to-image, image editing, inpainting, mask-based editing, multi-image reference, batch generation. Use for: product mockups, marketing visuals, image editing, concept art, inpainting, photo manipulation. Triggers: gpt image, gpt-image-2, openai image, chatgpt image, dall-e, dalle, openai image generation, gpt image edit, gpt inpainting, openai dall-e, gpt 4o image

skills-shell/happyhorse

Generate and edit videos with Alibaba HappyHorse 1.0 models via inference.sh CLI. Models: HappyHorse T2V, I2V, R2V, Video Edit. Capabilities: text-to-video, image-to-video, reference-to-video, video editing with natural language, character preservation, 720P/1080P, up to 15 seconds. Use for: physically realistic video, video editing, character-consistent content, product demos, social media. Triggers: happyhorse, happy horse, alibaba video, happyhorse 1.0, dashscope video, alibaba happyhorse, video editing ai, ai video editor

skills-shell/infsh-cli

Run 250+ AI apps via inference.sh CLI - image generation, video creation, LLMs, search, 3D, Twitter automation. Models: FLUX, Veo, Gemini, Grok, Claude, Seedance, OmniHuman, Tavily, Exa, OpenRouter, and many more. Use when running AI apps, generating images/videos, calling LLMs, web search, or automating Twitter. Triggers: inference.sh, infsh, ai model, run ai, serverless ai, ai api, flux, veo, claude api, image generation, video generation, openrouter, tavily, exa search, twitter api, grok

skills-shell/landing-page-design

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

skills-shell/p-image

Generate images with Pruna P-Image models via inference.sh CLI. Models: P-Image, P-Image-LoRA, P-Image-Edit, P-Image-Edit-LoRA. Capabilities: text-to-image, image editing, LoRA styles, multi-image compositing, fast inference. Pruna optimizes models for speed without quality loss. Triggers: pruna, p-image, pruna image, fast image generation, optimized flux, pruna ai, p image, fast ai image, economic image generation, cheap image generation

skills-shell/product-photography

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

skills-shell/p-video

Generate videos with Pruna P-Video and WAN models via inference.sh CLI. Models: P-Video, WAN-T2V, WAN-I2V. Capabilities: text-to-video, image-to-video, audio support, 720p/1080p, fast inference. Pruna optimizes models for speed without quality loss. Triggers: pruna video, p-video, pruna ai video, fast video generation, optimized video, wan t2v, wan i2v, economic video generation, cheap video generation, pruna text to video, pruna image to video

skills-shell/p-video-avatar

Generate talking head avatar videos with Pruna P-Video-Avatar via inference.sh CLI. Turn a portrait image into a realistic speaking video with built-in TTS. 18x faster and 6x cheaper than competitors. Models: P-Video-Avatar, P-Image (for portrait generation). Capabilities: text-to-avatar, audio-driven avatars, 30 voices, 10 languages, 720p/1080p, built-in TTS, dynamic backgrounds, full-body control. Use for: AI presenters, product demos, explainer videos, virtual influencers, marketing, education, multilingual content, UGC, gaming avatars. Triggers: avatar video, talking head, ai avatar, p-video-avatar, pruna avatar, video avatar, ai presenter, digital human, virtual presenter, lipsync, talking avatar, ai spokesperson, heygen alternative, synthesia alternative, veed alternative, fabric alternative, omnihuman alternative

skills-shell/python-executor

Execute Python code in a safe sandboxed environment via [inference.sh](https://inference.sh). Pre-installed: NumPy, Pandas, Matplotlib, requests, BeautifulSoup, Selenium, Playwright, MoviePy, Pillow, OpenCV, trimesh, and 100+ more libraries. Use for: data processing, web scraping, image manipulation, video creation, 3D model processing, PDF generation, API calls, automation scripts. Triggers: python, execute code, run script, web scraping, data analysis, image processing, video editing, 3D models, automation, pandas, matplotlib

skills-shell/remotion-render

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

skills-shell/seedance

Generate videos with ByteDance Seedance 2.0 via inference.sh CLI. Unified model for text-to-video, image-to-video, and reference-to-video with synchronized audio, up to 1080p, 4-15s duration. Pro and Fast variants. Studio variants with private asset library for portrait consistency. Use for: social media videos, music videos, product demos, animated content, AI video with sound. Triggers: seedance, seedance 2, bytedance video, seedance t2v, seedance i2v, seedance r2v, video with audio, seedance 2.0, bytedance seedance, seedance studio

skills-shell/skills

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated vid

관련 스킬