faceless-explainer

Convert text into faceless explainer videos with invented visuals and narration.

Updated Sep 6, 2026
One-click install
npx skills add https://github.com/AbuBakar125-co/Resturant_web --skill faceless-explainer-abubakar125-co
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: faceless-explainer
Source: https://github.com/AbuBakar125-co/Resturant_web/tree/main/agent/skills/faceless-explainer
Command: npx skills add https://github.com/AbuBakar125-co/Resturant_web --skill faceless-explainer-abubakar125-co

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Turning an article, notes, or a topic brief into a polished explainer video normally requires sourcing footage, designing scenes, recording narration, and assembling a timeline by hand. This Skill automates that entire pipeline inside HyperFrames, inventing every visual (typography, diagrams, data-viz) so no website capture or real footage is needed. ## Core Features & Use Cases - Text-to-Video Pipeline: A gated 7-step workflow (setup, brief, design system, storyboard/script, audio, frame build, render) that turns raw text into a rendered MP4. - Deterministic Design System: The build-frame script adopts a shipped frame preset and remixes it onto brand colors and fonts, with self-validation of color keys and contrast. - Automated Audio & Assembly: Generates TTS narration with word timings, retrieves BGM, fetches SFX, builds captions, and assembles the final index.html timeline for rendering. - Use Case: Paste a blog post explaining compound interest and receive a narrated, captioned 1080p explainer video with animated diagrams, ready to publish. ## Quick Start Ask the agent to turn your article or notes into a faceless explainer video using the faceless-explainer skill, providing the text and any preferred style preset or voice.

Frequently Asked Questions about faceless-explainer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn an article into an explainer video?

Provide your article text to the faceless-explainer workflow, which plans a storyboard, writes a narration script, generates voiceover and music, builds each frame as an HTML composition, and renders a final MP4. No footage or website capture is needed since all visuals are invented per scene.

What is a faceless explainer video?

A faceless explainer is a video where every visual is invented downstream — typography, abstract graphics, diagrams, and data-viz — rather than captured from a website or real footage. It suits topic explainers, concept breakdowns, how-tos, and listicles.

Can I use my own brand colors and fonts in the video?

Yes. Add brand colors and fonts to capture/extracted/tokens.json before Step 2, and the build-frame script remixes a design preset onto them by role, clamping type weights to the faces your font actually ships. Without brand tokens, the preset's complete palette is kept.

Does the workflow support silent videos without narration?

Yes. Set music: none in the storyboard frontmatter and omit SCRIPT.md to mark the project fully silent — no narration, BGM, or SFX is generated. Using music: none with a script keeps text-to-speech but disables only the background music.

Why does the check command report caption text overflow warnings?

Small 1–4px text_box_overflow findings on caption highlight words are a known false positive: the caption pill uses a snug line-height with no overflow clipping, so glyph ink spills into its own padding without visible clipping. Only act on overflow findings naming frame elements, not caption words.

When should I use product-launch-video instead of faceless-explainer?

Use product-launch-video when the video is a promo or tour built from an actual website that can be captured. Faceless-explainer is for explaining a topic from text alone, where there is no site or footage to capture and every visual must be invented.