faceless-explainer

Convert text into faceless explainer videos with invented visuals via HyperFrames.

13|17|Updated Jan 30, 2025
One-click install
npx skills add https://github.com/CodeWithSally/CodeWithSally-Apex-English --skill faceless-explainer-codewithsally
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: faceless-explainer
Source: https://github.com/CodeWithSally/CodeWithSally-Apex-English/tree/main/Sessions/ClaudeCode/Session007/.agents/skills/faceless-explainer
Command: npx skills add https://github.com/CodeWithSally/CodeWithSally-Apex-English --skill faceless-explainer-codewithsally

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 an explainer video normally requires sourcing footage, designing scenes, recording narration, and assembling a timeline by hand. This Skill orchestrates that entire pipeline in HyperFrames, inventing every visual (typography, diagrams, data-viz) from the text itself since there is no website or footage to capture. ## Core Features & Use Cases - End-to-end orchestrated workflow: Seven gated steps from brief setup through storyboard, script, audio (TTS narration, BGM, SFX), frame building, and final MP4 render. - Deterministic design system: A script adopts a frame preset and remixes it onto brand colors and fonts, producing frame.md and a caption skin without hand-editing. - Parallel frame production: Dispatches one sub-agent per storyboard frame to build HTML compositions, then assembles captions, transitions, and audio tracks into a standalone index.html. - Use Case: Paste a blog post explaining compound interest and receive a narrated, captioned 1080p explainer video with animated diagrams and a rendered renders/video.mp4. ## Quick Start Ask the AI to turn your pasted article or topic notes into a faceless explainer video using this skill.

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?

Paste the article text and the skill saves it verbatim, drafts a storyboard and narration script, generates voice and background music, builds one HTML composition per frame, and renders a final MP4. You approve the plan and the final preview at gated review steps.

What is a faceless explainer video?

A faceless explainer is a video where every visual is invented rather than captured from a website or footage: typography, abstract graphics, diagrams, and data visualizations. This skill builds those visuals per scene in HyperFrames instead of recording a product or site.

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 chosen preset onto those tokens, mapping colors by role and swapping display and body font families automatically.

Does the video support narration and background music?

Yes. The audio step generates TTS narration with word timings via HeyGen when signed in or Kokoro offline, retrieves BGM matching the storyboard's music mood, and fetches per-frame SFX. Setting music to none with no script marks the project fully silent.

When should I not use the faceless explainer workflow?

Do not use it for videos built from a website or product, such as promos or site tours; those route to the product-launch-video skill instead. Any unclear intent should go through the hyperframes intent layer first.