Agent skill

Render Flat Vector Explainer

by gooseworks-ai in gooseworks-ai/goose-skills

Assemble the FREE steps of the flat-vector-explainer video format — a flat-illustration host character (who, where, tone, voice and music come from the recipe choices) walks a countable N-step…

MITAuto-check passedMedia & Creative

Install Render Flat Vector Explainer

skills CLI
$ npx skills add gooseworks-ai/goose-skills --skill render-flat-vector-explainer -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install gooseworks-ai/goose-skills render-flat-vector-explainer --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/gooseworks-ai/goose-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/ads/capabilities/render-flat-vector-explainer .claude/skills/render-flat-vector-explainer && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
render-flat-vector-explainer
GitHub stars
1.2k
Token cost
~1.6k tokens
SKILL.md length
700 words
Files
6 (incl. scripts)
Skills in repo
217
Repo updated
First seen
Licence
MIT

At a glance

Assemble the FREE steps of the flat-vector-explainer video format — a flat-illustration host character (who, where, tone, voice and music come from the recipe choices) walks a countable N-step…

  • Works in 2 steps: Motion layer != text layer. Animate a… → Real assets != AI assets. The per-step…
  • The flat-vector-explainer format
  • SKILL.md covers Choices, The two non-negotiable…, Free assembly steps (this… and Paid gen steps (separate…, plus 1 more section
  • Tasks that involve Video production

What it does

Render Flat Vector Explainer is an agent skill from gooseworks-ai/goose-skills. Assemble the FREE steps of the flat-vector-explainer video format — a flat-illustration host character (who, where, tone, voice and music come from the recipe choices) walks a countable N-step product routine, one step per beat, and Remotion composites every chip/numeral/tagline/slate/CTA as an animated DOM overlay ON TOP of the Kling i2v character clips (text is NEVER baked into a keyframe — i2v warps type), the closing 'N products' grid is a PIL composite of the REAL product photos (not AI), full-sentence VO…

Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including scripts (for example `scripts/PIPELINE.md`, `scripts/README.md` and `scripts/config.example.json`).

It sits in Media & Creative, covering Video production, AI video generation and Positioning and messaging. It works with Remotion. The repository describes itself as: Library of Growth & GTM skills + data APIs for Claude Code, Codex, Cursor to run ads, social, content, lead gen, seo and data scraping. The licence is MIT.

When your agent uses it

  • The flat-vector-explainer format
  • Tasks that involve Video production
  • Tasks that involve AI video generation

Example prompts

  • “N products”
  • “/render-flat-vector-explainer”

Workflow steps

2 steps, taken from the first numbered list in SKILL.md.

  1. Motion layer != text layer. Animate a text-stripped clean plate with Kling i2v (subtle motion, style-preserving negative, cfg 0.5), then…
  2. Real assets != AI assets. The per-step product photo and the closing "N products" grid are real product webps composited with PIL (AI…

What it can do on your machine

Read from SKILL.md and the folder at commit cc3e518. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 3 files in scripts/, which the agent can run.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Render Flat Vector Explainer loads about 1.6k tokens when it runs. Until then it costs about 243 tokens; SKILL.md has 700 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~243
When it runs · the whole SKILL.md, loaded when a task matches
~1.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from gooseworks-ai/goose-skills at commit cc3e518, republished under its MIT licence (© gooseworks-ai). 700 words, ~1,554 tokens.

Download SKILL.mdSave it as .claude/skills/render-flat-vector-explainer/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.
name
render-flat-vector-explainer
description
Assemble the FREE steps of the flat-vector-explainer video format — a flat-illustration host character (who, where, tone, voice and music come from the recipe choices) walks a countable N-step product routine, one step per beat, and Remotion composites every chip/numeral/tagline/slate/CTA as an animated DOM overlay ON TOP of the Kling i2v character clips (text is NEVER baked into a keyframe — i2v warps type), the closing 'N products' grid is a PIL composite of the REAL product photos (not AI), full-sentence VO drives word-by-word burned captions over a VO-forward music bed, and the ~50s animated silent master is re-cut to a 30s deliverable FROM the animated master (never a static intermediate). Documentation-grade — ships config.example.json + PIPELINE.md + a README of the free assembly; the paid gen steps (keyframes, Kling i2v, VO, music) are separate capabilities the recipe orchestrates. Use for the flat-vector-explainer format.
status
active

render-flat-vector-explainer

Assembles a flat-vector product-routine explainer: one illustrated host character walks through a countable N-step routine (e.g. the demo's collagen -> serum -> eye cream -> hair), one step per beat, each beat carrying a large corner numeral, a labelled chip + one-line tagline, and the step's real product photo, closing on an "N products" grid + brand CTA. It reads as a premium DTC explainer (Spotify/Anchor flat-vector lineage), not UGC.

This capability is documentation-grade. The content-goose molecule is a documented recipe, not a runnable end-to-end app, so this capability ships the config schema (scripts/config.example.json), the field-to-script map (scripts/PIPELINE.md), and a README (scripts/README.md) describing the FREE assembly steps the agent runs by hand with ffmpeg + Remotion + PIL. The paid generative steps are separate capabilities the recipe orchestrates and gates.

Choices

Creative calls the user makes (the recipe's choices, asked in one round before any paid step). The demo's value is only an example, never the default. The flat-vector 2D style itself is the format, not a choice.

  • host — who the illustrated host is (gender, age, look, outfit) -> character.anchor_prompt. Asked; the demo used a late-20s woman with brown wavy hair in a cream slip-dress.
  • setting — where the routine happens -> the character keyframe prompts. Asked; the demo used a bathroom counter.
  • tone — the script's tone -> VO lines + expressions. Asked; the demo used faintly comedic overwhelm -> satisfied payoff.
  • narrator_voice — the VO voice -> voice.voice_id. Asked; the demo used ElevenLabs "Eryn".
  • music — the bed -> music.prompt (or none). Asked; the demo used lo-fi pop, 95-105 BPM.

scripts/config.example.json is the Spoiled Child worked example: copy its structure, never its creative values or its brand palette.

The two non-negotiable separations

  1. Motion layer != text layer. Animate a text-stripped clean plate with Kling i2v (subtle motion, style-preserving negative, cfg 0.5), then composite every chip / numeral / tagline / slate / CTA as an animated Remotion DOM overlay on top. Baking text into the keyframe before i2v warps the type and forfeits the ability to retime/restyle it — this separation is the format's whole credibility.
  2. Real assets != AI assets. The per-step product photo and the closing "N products" grid are real product webps composited with PIL (AI duplicates SKUs in a grid). Only the character vignettes and stylized backgrounds are generative.
Show full SKILL.md (337 more words)Show less

Free assembly steps (this capability)

The agent runs these deterministic, $0 steps by hand — see scripts/README.md for the ffmpeg/Remotion/PIL detail:

  • Remotion overlay — import each Kling clip as the moving base; composite chips / numerals / taglines / slate / grid / CTA as animated DOM on top -> the animated silent master. Slate/grid/CTA beats are Remotion text with no i2v.
  • PIL product grid — composite the N real product webps on the brand ground for the closing lockup; preserve each aspect (never stretch, never AI-dupe).
  • Captions — word-by-word burned from the eleven_v3 with-timestamps char timings (libass); suppress on slate/grid/CTA scenes so two text layers don't collide.
  • Audio mix + master — place each VO line at its scene start, duck the music under VO (sidechaincompress), loudnorm I=-15 VO-forward, mux, burn captions LAST -> finals/master-final.mp4 (~50s).
  • 30s cut — slice each beat's region OUT of the animated silent master (never a static intermediate); trim short beats, gently slow long beats (setpts <=1.6x), re-burn scaled captions -> finals/master-final-30s-v1.mp4.

Paid gen steps (separate capabilities)

The recipe orchestrates and gates these; they are not part of this capability:

  • Flat-vector character anchor + per-scene keyframes + clean plates -> create-image-fal (nano-banana; re-render a FRESH flat-vector anchor, never chain a photoreal ref).
  • Kling i2v on the character scenes -> create-video-fal (Kling 2.5-turbo/pro, cfg 0.5, style-preserving negative, low motion; TEST one scene before batching).
  • Full-sentence VO -> create-vo-elevenlabs (eleven_v3, with-timestamps).
  • Music bed in the chosen style (demo: lo-fi pop; skip if the user chose no music) -> create-music-elevenlabs.

Contract

  • Documentation-grade + FREE assembly (Remotion + PIL + FFmpeg); no paid calls in this capability, no AI-rendered text.
  • Text is an overlay, never baked. Strip to a clean plate -> i2v -> composite text as Remotion DOM.
  • Any multi-SKU grid is PIL of the real product webps; preserve each aspect ratio.
  • Kling holds the 2D flat-vector look only at LOW motion (cfg 0.5 + style-preserving negative). Aggressive motion drifts to photoreal.
  • Cut down from the ANIMATED master, never a static intermediate; frame-diff to prove localized motion.
  • The paid steps — keyframes/clean plates, Kling i2v, VO, music — are separate capabilities (create-image-fal, create-video-fal, create-vo-elevenlabs, create-music-elevenlabs); the recipe orchestrates them and gates the spend.

© gooseworks-ai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 5 other files (scripts) in skills/ads/capabilities/render-flat-vector-explainer of gooseworks-ai/goose-skills.

  • SKILL.md
  • scripts/PIPELINE.md
  • scripts/README.md
  • scripts/config.example.json
  • skill.meta.json
  • tests/smoke-test.md

Open the folder on GitHubat commit cc3e518

Compare with similar skills

Render Flat Vector Explainer next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Render Flat Vector Explainer compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Render Flat Vector Explainer this skillgooseworks-ai/goose-skills1.2k—~1.6kAutomated safety check: PassMIT
HyperFrames Video Entry Pointheygen-com/hyperframes58k3 repos~5.2kAutomated safety check: PassApache-2.0
Ergo Remotion Videoitwanger/toBeBetterJavaer18k—~1.1kAutomated safety check: PassNone
Avatar Videocalesthio/OpenMontage65k—~1.6kAutomated safety check: PassAGPL-3.0
Video Podcast Maker LiteAgents365-ai/video-podcast-maker1.7k—~4.5kAutomated safety check: PassMIT
Anything2explainerVincentwei1021/anything2explainer2.3k—~2.7kAutomated safety check: PassCustom licence

Similar skills

  • HyperFrames Video Entry Point

    heygen-com/hyperframes

    Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.

    58k GitHub starsUsed in 3 repos~5.2k tokens
    Media & CreativeAuto-check passed
  • Ergo Remotion Video

    itwanger/toBeBetterJavaer

    把口播稿做成二哥风格的 Remotion 视频,包括整理视频用稿、火山 TTS 配音、音画对齐、逐章动画预览和导出带配音的 MP4。用户说“做视频”“口播稿转视频”“Remotion”“继续做下一章”“出片”“渲染”“改读音”“配音读错了”,或给出 docs/src/ai/video/ 下的稿子要做成视频时使用。共享工具、配置和素材在…

    18k GitHub stars~1.1k tokensUpdated today
    Media & CreativeAuto-check passed
  • Avatar Video

    calesthio/OpenMontage

    Create AI avatar videos with precise control over avatars, voices, scripts, scenes, and backgrounds using HeyGen's v2 API.

    65k GitHub stars~1.6k tokensUpdated 4 days ago
    Media & CreativeAuto-check passed
  • Video Podcast Maker Lite

    Agents365-ai/video-podcast-maker

    Minimal personal narrated-video pipeline — a topic becomes a talking-head-free explainer MP4 (1080p or 4K) via script → Azure TTS (SSML) → Remotion.

    1.7k GitHub stars~4.5k tokensUpdated 6 days ago
    Media & CreativeAuto-check passed
  • Anything2explainer

    Vincentwei1021/anything2explainer

    给一个主题,产出一条黑底 MG 风格(幕底可选星点或点阵波)、有配音字幕章节进度条的科普讲解视频(中文或英文;Remotion 代码动画;时长由用户定,常用 3–5 分钟)。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据,以及一条完整样片(《RAG 与知识库》)作为质量标尺。Turn any topic into a narrated…

    2.3k GitHub stars~2.7k tokensUpdated 19 days ago
    Media & CreativeAuto-check passed
  • Remotion Motion Graphics

    haidrrrry/claude-remotion-skill

    Create and edit professional motion graphics videos with Remotion (React-based video).

    270 GitHub stars~2k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed

More from gooseworks-ai/goose-skills

All 217 skills in this repo
  • Render Hook Replacement

    gooseworks-ai/goose-skills

    Replace an existing video's opening with a supplied clip or free kinetic text hook while retaining and verifying every original body frame, audio, captions and ending.

    1.2k GitHub stars~2.3k tokensUpdated today
    Auto-check passed
  • Blog Feed Monitor

    gooseworks-ai/goose-skills

    Scrape blog posts via RSS feeds (free, no API key) with Apify fallback for JS-heavy sites.

    1.2k GitHub starsUsed in 1 repo~578 tokens
    Auto-check passed
  • Competitor Post Engagers

    gooseworks-ai/goose-skills

    Find leads by scraping engagers from a competitor's top LinkedIn posts.

    1.2k GitHub starsUsed in 1 repo~1.8k tokens
    Auto-check: notes
  • Render Chatgpt Chat

    gooseworks-ai/goose-skills

    Assemble a ChatGPT chat-reveal video ad from a thread + timeline JSON — one continuous Playwright recording of a ChatGPT mobile chat (user types with the iOS keyboard up → taps send → keyboard…

    1.2k GitHub stars~2.2k tokensUpdated today
    Auto-check passed
  • Conference Speaker Scraper

    gooseworks-ai/goose-skills

    Extract speaker names, titles, companies, and bios from conference websites.

    1.2k GitHub starsUsed in 1 repo~846 tokens
    Auto-check passed
  • Create Image Gpt Image Fal

    gooseworks-ai/goose-skills

    Generate a single photoreal or designed image with OpenAI gpt-image via fal.ai.

    1.2k GitHub starsUsed in 1 repo~2.3k tokens
    Auto-check passed

Works with

Questions about Render Flat Vector Explainer

What does Render Flat Vector Explainer do?

Assemble the FREE steps of the flat-vector-explainer video format — a flat-illustration host character (who, where, tone, voice and music come from the recipe choices) walks a countable N-step…. Render Flat Vector Explainer is an agent skill from gooseworks-ai/goose-skills.

When should I use Render Flat Vector Explainer?

Render Flat Vector Explainer fits situations like: the flat-vector-explainer format; tasks that involve Video production; tasks that involve AI video generation.

How do I install Render Flat Vector Explainer in Claude Code?

Run `npx skills add gooseworks-ai/goose-skills --skill render-flat-vector-explainer -a claude-code`. Or copy the skill folder (skills/ads/capabilities/render-flat-vector-explainer in gooseworks-ai/goose-skills) into .claude/skills/render-flat-vector-explainer in your project. Claude Code loads it when a task matches its description.

How do I install Render Flat Vector Explainer in Codex?

Run `npx skills add gooseworks-ai/goose-skills --skill render-flat-vector-explainer -a codex`. Or copy the skill folder (skills/ads/capabilities/render-flat-vector-explainer in gooseworks-ai/goose-skills) into .agents/skills/render-flat-vector-explainer in your project. Codex loads it when a task matches its description.

Can I use Render Flat Vector Explainer in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add gooseworks-ai/goose-skills --skill render-flat-vector-explainer -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/render-flat-vector-explainer, .gemini/skills/render-flat-vector-explainer, .github/skills/render-flat-vector-explainer and .opencode/skills/render-flat-vector-explainer in your project.

What does Render Flat Vector Explainer need to run?

SKILL.md names no scripts, command-line tools or credentials: Render Flat Vector Explainer is instructions for the agent only.

Does Render Flat Vector Explainer access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Render Flat Vector Explainer safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Render Flat Vector Explainer use?

Render Flat Vector Explainer is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Render Flat Vector Explainer use?

About 1.6k tokens (SKILL.md is roughly 6.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Render Flat Vector Explainer?

Skills that share tags, products or a category with Render Flat Vector Explainer: HyperFrames Video Entry Point (heygen-com/hyperframes, 58k stars), Ergo Remotion Video (itwanger/toBeBetterJavaer, 18k stars), Avatar Video (calesthio/OpenMontage, 65k stars) and Video Podcast Maker Lite (Agents365-ai/video-podcast-maker, 1.7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Render Flat Vector Explainer?

gooseworks-ai (a GitHub organization) maintains it in gooseworks-ai/goose-skills, which has 1,234 GitHub stars. The repository holds 217 skills in this directory. The repository was last updated on October 7, 2026.

Source: gooseworks-ai/goose-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.