본문으로 건너뛰기
cccskills

'explainer' 검색 결과

265건 · 관련도순

World-class explainer video expertise combining the visual storytelling of Kurzgesagt, the simplification genius of Common Craft, and the conversion science of high-performing SaaS landing pages. Explainer videos transform complex ideas into clear, compelling stories. Great explainers don't just inform—they illuminate. They take abstract concepts and make them feel obvious. The best explainer videos understand that simplicity is the ultimate sophistication, that showing beats telling, and that the goal isn't to impress with complexity—it's to make the viewer feel smart. Use when "explainer, explainer video, how it works, product demo, onboarding video, training video, educational video, whiteboard, animated explainer, explain this, simplify, concept video, SaaS video, explainer, video, animation, educational, product, demo, onboarding, SaaS" mentioned.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

omer-metin/skills-for-antigravity1682026년 1월 22일 업데이트

把任意主题做成讲解/科普视频并渲染成 MP4(HTML/CSS/GSAP 画面 + 确定性逐帧渲染 + 配音 + 词级硬字幕)。触发场景:要做科普/讲解/教学/知识/产品类视频、「讲一下 X 做成视频」、要挑某种视觉风格(极简/数据/赛博/电影感/品牌)出片、要出抖音封面/竖版封面/9:16 封面、要用 html-video 那种模板化画面但更稳的音画同步、anything2explainer 换 HTML 渲染,或提到 html-explainer / HTML 讲解视频 / explainer video / MG 视频。内置 23 个模板风格(8 类)与 40+ 动作词汇的动效库,主题驱动模板编排;支持 4K60、快门运动模糊、多进程提速、断点续渲;流程含六个用户确认点(渲染通道是硬闸门)。独立可移植,不依赖 html-video / anything2explainer。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

OneMoh/html-explainer1742026년 10월 14일 업데이트

Create an animated HTML scene for history or trivia explainers, combining pixel art, a prominent year, moving text, and a scrolling timeline. CSS loops provide motion, making the scene suitable for screen recording.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating an animated scene for a history explainer
  • Presenting trivia with pixel-art characters
  • Preparing a retro animation for screen recording
nexu-io/open-design10.2만2026년 10월 19일 업데이트

Build an interactive page that explains a process as a machine viewed from an angle. A tested simulation keeps movement, numbers, and explanations consistent, while controls let readers step through operations and explore failures.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Explain a cache or queue through an interactive machine
  • Show what fails when one process step breaks
  • Create a standalone visual explanation page
rohitg00/ai-engineering-from-scratch7.1만2026년 10월 18일 업데이트

Turn articles, notes, or a topic into an explainer video without filming a presenter. The workflow plans the story, creates text and diagram visuals, adds narration when needed, and prepares an MP4 in HyperFrames.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Turning an article into an explainer video
  • Explaining a concept with diagrams and text
  • Creating a narrated how-to video
heygen-com/hyperframes6.7만2026년 10월 18일 업데이트

Turn implementation plans, pull request changes, and technical concepts into HTML visual explanations with Plannotator styling. Present diagrams, mockups, and review priorities through an annotation interface, with approval controls for plans and proposals.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Presenting an implementation plan for approval
  • Explaining code changes and review priorities
  • Illustrating system architecture and data flow
backnotprop/plannotator9.5천2026년 10월 18일 업데이트

This skill should be used when the user asks to "make an explainer video", "turn this into a short explainer", "write a script and storyboard for a product video", "produce a how-it-works/onboarding video", "sync narration and captions", or "build a 30–90s animated explainer". Covers script→storyboard→scene build→narration/caption sync→edit→polish.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

iart-ai/explainer-video-skills392026년 6월 22일 업데이트

manim-video

무료요약 있음AI 평가 80점

Manim 애니메이션으로 기술 원리, 그래프, 시스템 구성과 제품 흐름을 설명합니다. 스토리보드와 장면 계획을 세우고 짧은 영상과 썸네일을 만듭니다.

  • 기술 원리를 영상으로 설명할 때
  • 그래프나 네트워크의 변화를 시각화할 때
  • 업무 흐름이나 시스템 구성을 설명할 때
affaan-m/ECC28.4만2026년 10월 16일 업데이트

给一个主题,产出一条黑底 MG 风格(幕底可选星点或点阵波)、有配音字幕章节进度条的科普讲解视频(中文或英文;Remotion 代码动画;时长由用户定,常用 3–5 分钟)。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据,以及一条完整样片(《RAG 与知识库》)作为质量标尺。Turn any topic into a narrated motion-graphics explainer video in Chinese or English, on a black canvas with a star-field or dot-field backdrop, TTS voiceover, subtitles and a chapter progress bar, every frame drawn in code with Remotion. Use when the user asks for an explainer, educational or science-communication video about a topic, or wants an article or document turned into a video.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Vincentwei1021/anything2explainer2.6천2026년 9월 18일 업데이트

Membangun motion graphic sinematik di browser (promo video, opener, intro, bumper, kinetic typography, explainer/video penjelasan bergambar 16:9 atau 9:16) memakai HTML + CSS + GSAP (+ Three.js bila perlu), dengan hasil yang bergerak seperti video sungguhan — bukan slide presentasi. Gunakan skill ini setiap kali user meminta "video promo", "opener", "intro animasi", "motion graphic", "bumper", "kinetic typography", "animasi teks sinematik", "explainer", "video penjelasan" (jurnalisme visual, kartun edukasi, kolase), atau menunjukkan referensi video promosi/explainer dan ingin dibuatkan versi web-nya — bahkan bila mereka tidak menyebut kata "motion graphic" secara eksplisit. Juga gunakan bila user mengeluh hasil animasi web "seperti PPT/presentasi" dan ingin lebih sinematik, atau ingin merender animasi web menjadi file video MP4, atau ingin explainer kartun/animasi dibangun LANGSUNG di After Effects lewat bridge/MCP Higgsfield.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

bangtutorial/bang-motion6552026년 9월 15일 업데이트

Create a 60–90 second, collage-style HyperFrames explainer from a hiding-in-plain-sight topic or supplied documents and links. Use for requests such as 'make a plain-sight explainer', 'Vox-style history of X', 'why is X everywhere?', or 'turn this document into an explainer'. Covers topic or source routing, research, script, static design approval, voiceover timing, motion continuity, build, and numeric quality gates.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

heygen-com/hyperframes-community-skills2132026년 10월 15일 업데이트

Provider-independent explainer video production for AI agents creating educational, product, concept, nonprofit/public-service, onboarding, training, animated, mixed-media, and short social explainers. Use when an agent must turn a topic, brief, research corpus, product, process, policy, dataset, or complex idea into a factual, accessible, narrated, captioned, storyboarded, generated-media-ready explainer video with claim review, localization, pacing, variants, and QA.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

calesthio/generative-media-skills2052026년 7월 14일 업데이트

Make a papercut reel, video or explainer end to end. Short vertical (9:16) cut-paper explainers from a link (repo, product page, announcement), idea to mp4. Also routes partial asks to the stage skills and hands out the style prompt for other tools.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

0xS4N4TG/papercut-explainer792026년 10월 17일 업데이트

Turn a course plan into numbered exercise folders with problem, solution, and explanation variants. Create starter readme files, check naming and links with the project’s linter, and fix structural errors before committing.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Set up exercise folders for a new course section
  • Create problem, solution, and explanation stubs
  • Renumber exercises and check their structure
mattpocock/skills29.7만2026년 10월 13일 업데이트

remotion

무료

Create videos programmatically with React for branded explainers, short social clips, and dashboard visuals. Use code to define motion graphics that can be reproduced through the same workflow.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating branded explainer videos
  • Producing short videos for social media
  • Turning dashboards into videos
nexu-io/open-design10.2만2026년 10월 19일 업데이트

Create talking head videos and synchronize mouth movements with audio through fal.ai. Use it for explainer avatars, multilingual dubbing previews, and short social videos; the full workflow requires installing the upstream skill bundle.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Create a talking avatar for an explainer
  • Preview multilingual dubbing
  • Synchronize mouth movements with audio
nexu-io/open-design10.2만2026년 10월 19일 업데이트

archify

무료

Turn plain-language descriptions, Mermaid diagrams, or repository evidence into interactive standalone HTML diagrams. Create system maps, workflows, timelines, database relationships, and everyday process diagrams, with automated validation, light and dark themes, and image, SVG, or WebM export.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Mapping a system from repository evidence
  • Explaining approval steps or travel plans
  • Visualizing database tables and relationships
tt-a1i/archify8.6만2026년 10월 19일 업데이트

Routes video requests to the appropriate HyperFrames workflow based on the source material and intended result. It guides agents toward specialized steps for product promos, explainers, captions, motion graphics, music videos, and HTML-based video compositions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Choose a workflow for a product launch video
  • Turn an article or notes into an explainer video
  • Add captions or graphic overlays to a talking-head video
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Turn a GitHub pull request into a video explaining a feature, fix, refactor, or changelog. The workflow uses actual diffs, commits, and files to plan the story, show code excerpts, and produce an MP4.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Explain a new feature from its pull request
  • Show the code changes behind a bug fix
  • Walk through a refactor with actual excerpts
heygen-com/hyperframes6.7만2026년 10월 18일 업데이트

video

무료

Create product demos, explainers, and social clips by choosing among AI footage, virtual presenters, code-based video templates, and editing tools. The skill guides scripts, visuals, captions, reusable production workflows, and exports suited to the target platform.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating a product demo with screen recordings and captions
  • Producing an explainer with an AI presenter
  • Generating multiple social clips from one template
coreyhaines31/marketingskills5.5만2026년 10월 16일 업데이트

Create mathematical and technical explainer videos with Manim Community Edition. The skill guides scene planning, animation code, rendering, and clip assembly to show equations, algorithms, system structures, and data through coordinated visuals.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Explaining mathematical concepts through animation
  • Showing equation derivations step by step
  • Visualizing algorithm execution
browser-use/video-use2.9만2026년 10월 9일 업데이트

Remotion

무료

Create explainer clips, short videos, and animated overlays with React code. Define scenes and motion by frame number, then render an MP4 that can be regenerated after changes to the content, timing, or visual design.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Turn a process explanation into an animated video
  • Create a short video from supplied content
  • Build animated overlays for video
danielmiessler/LifeOS2만2026년 9월 4일 업데이트

Turn systems, code changes, plans, and data into HTML explanations built around diagrams and visual comparisons. Add interactive or animated steps where useful, with slides, PPTX exports, and MP4 videos available on request.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Explain system architecture and data flows visually
  • Review code changes or implementation plans with diagrams
  • Compare options and present data visually
nicobailon/visual-explainer1.1만2026년 10월 18일 업데이트

Create an animated explainer poster with a pixel art mascot, moving Japanese or Chinese text, and a scrolling timeline. The retro layout uses CSS animation loops without JavaScript and can be recorded as video.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating a retro animated explainer
  • Combining pixel art with moving Japanese text
  • Preparing an animated poster for video recording
nexu-io/html-anything9.2천2026년 10월 13일 업데이트