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.