heygen-com/visual-style
skills/visual-style/SKILL.md
Create, extract, and apply portable visual design systems via visual-style.md files. Use when: (1) Creating a visual-style.md design system from scratch, (2) Extracting a visual style from a website URL, video, or PDF brand guide, (3) Applying a visual style to HeyGen videos, HTML slides, Figma, or paper.design, (4) Browsing the gallery of pre-built visual styles (Swiss, Saul Bass, Game Boy, etc.), (5) User mentions "visual style", "design system", "brand style", or "style guide", (6) Styling a HeyGen video with a consistent design language.
$ install --global
skillsauthnpx skillsauth add heygen-com/skills visual-styleInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 5, 2026, 4:45 PM7.3s16 files scanned
SKILL.md
- name:
- visual-style
- description:
- |
- Create, extract, and apply portable visual design systems via visual-style.md files. Use when:
- (1) Creating a visual-style.md design system from scratch, (2) Extracting a visual style from a website URL, video, or PDF brand guide, (3) Applying a visual style to HeyGen videos, HTML slides, Figma, or paper.design, (4) Browsing the gallery of pre-built visual styles (Swiss, Saul Bass, Game Boy, etc.), (5) User mentions "visual style", "design system", "brand style", or "style guide", (6) Styling a HeyGen video with a consistent design language.
Visual Style
Create, extract, and apply portable visual design systems. A visual-style.md file defines colors, typography, layout, motion, and mood in one file that any AI tool can consume.
Quick Reference
| Mode | Trigger | What it does | |------|---------|--------------| | Create | "Create a visual-style.md for..." | Build a style from scratch via guided prompts | | Extract | "Extract a visual-style.md from [URL/image/video]" | Analyze a source and generate a style file | | Apply | "Apply this visual-style.md to [tool]" | Use a style with a specific connector | | Gallery | "Show me available visual styles" | Browse and use example styles |
Default Workflow
Create
- Gather vibe — Ask about mood, era, references, inspiration
- Define colors — Primary (2+), accent, neutrals with hex values and roles
- Set typography — Display, body, caption families + weight/style rules
- Layout & motion — Grid system, transitions, pacing
- Generate — Output complete
visual-style.mdusing references/templates/minimal.visual-style.md or references/templates/full.visual-style.md - Preview — Show a small HTML swatch or describe the visual result
- Optionally apply — Ask if user wants to use it with a connector
Questions to batch:
- What's the vibe? (mood keywords, era, references)
- Any specific colors? (or derive from the vibe?)
- Typography preference? (clean, editorial, technical, playful?)
- What tool will you use this with? (HeyGen, slides, paper.design, Figma?)
Extract
- Receive source — URL, image, video, or PDF
- Load extractor — Read the appropriate extractor reference file
- Analyze — Identify colors, typography, layout, motion, mood
- Generate — Output complete
visual-style.mdwithsource_urlset - Validate — Ensure all required fields are present
Apply
- Read the style — Load the
visual-style.mdfile - Ask which connector — Or detect from context
- Load connector — Read the appropriate connector reference file
- Transform — Map style fields to tool-specific format
- Generate output — Produce tool-ready instructions or code
Gallery
- List styles — Show available styles from references/gallery/
- Preview — Describe the selected style's visual character
- Load — Read the full
visual-style.md - Apply — Use with a connector
Format Quick Reference
Required fields
name: "Style Name"
version: "1.0"
style_prompt_short: "1-2 sentence elevator pitch"
style_prompt_full: "Detailed generation prompt — THE most important field"
colors:
primary:
- name: "Color Name"
hex: "#000000"
role: "how this color is used"
style_prompt_full is king. If a tool can only read one field, it reads this one. Everything else is structured data for tools that want finer control.
Full spec: references/spec.md
Reference Files
Connectors (Apply mode)
| Connector | Use case | File | |-----------|----------|------| | HeyGen Video Agent | AI video generation | references/connectors/heygen-video-agent.md | | HTML Slides | Web presentations | references/connectors/html-slides.md | | paper.design | Design documents | references/connectors/paper-design.md | | Figma | Design tool styles | references/connectors/figma.md |
Extractors (Extract mode)
| Source | File | |--------|------| | Website URL | references/extractors/from-website.md | | Video keyframes | references/extractors/from-video.md | | PDF / Brand guide | references/extractors/from-pdf.md |
Gallery (pre-built styles)
| Style | Era | File | |-------|-----|------| | Müller-Brockmann Swiss | 1950s–70s | references/gallery/mueller-brockmann-swiss.visual-style.md | | Neville Brody Industrial | Late 1980s–90s | references/gallery/neville-brody-industrial.visual-style.md | | Saul Bass Cinematic | 1950s–60s | references/gallery/saul-bass-cinematic.visual-style.md | | Game Boy Color | 1998–2003 | references/gallery/game-boy-color.visual-style.md | | HeyGen AI Video | 2020s | references/gallery/heygen-ai-video.visual-style.md |
Templates & Spec
- references/templates/minimal.visual-style.md — Bare minimum template
- references/templates/full.visual-style.md — Complete template with all fields
- references/spec.md — Full format specification
Best Practices
style_prompt_fullis king — Always usable as a standalone generation prompt- One style, one file — No multi-style bundling
- Assets are URLs — Never embed binary data
- Show, don't tell — Generate previews when creating styles
- Opinionated defaults, flexible extensions — Core schema is fixed;
x_*for tool-specific config
Related Skills
heygen-com/heygen-translate
tools
VerifiedTrustedCommunity
Translate and dub a video into another language with voice cloning and lip-sync, powered by HeyGen Video Translation. The presenter keeps their face, their voice is cloned into the target language, and lips re-sync to the new audio — viewers see the same person speaking natively. Use when: (1) localizing an existing video into one or more languages ("translate this video to Spanish", "make this in French and German", "dub this into Japanese", "I need this in 10 languages for a launch"), (2) the user has a finished video and wants the SAME presenter speaking another language (not a new presenter — that's heygen-video), (3) podcast / audio-only translation ("translate this podcast", "dub the audio but keep my video"), (4) high-stakes translations where the user wants to review/edit subtitles before final render (the proofreads workflow), (5) "translate my video", "dub this", "localize this clip", "make a multilingual version", "subtitle and dub". Returns the translated video URL (or audio file for audio-only mode), one per target language. Chain signal: if the user wants to CREATE a new video in another language (no source video exists yet), route to heygen-video and write the script in the target language — do not use heygen-translate. Use heygen-translate only when there is an existing source video to localize. NOT for: creating new videos from scratch (use heygen-video), avatar creation (use heygen-avatar), TTS-only synthesis (use heygen-video with audio-only output), or text-only translation.
236SKILL.mdUpdated May 14, 2026
heygen-com/heygen-video
development
VerifiedTrustedCommunity
Generate HeyGen presenter videos via the v3 Video Agent pipeline — handles Frame Check (aspect ratio correction), prompt engineering, avatar resolution, and voice selection. Required for any HeyGen video generation. Replaces deprecated endpoints with v3. Use when: (1) generating any HeyGen video (via API or otherwise), (2) sending a personalized video message (outreach, update, announcement, pitch, knowledge), (3) creating a HeyGen presenter-led explainer, tutorial, or product demo with a human face, (4) "make a video of me saying...", "send a video to my leads", "record an update for my team", "create a video pitch", "make a loom-style message", "I want to appear in this video", "generate a HeyGen video", "make a talking head video". Accepts avatar_id from heygen-avatar for identity-first HeyGen videos, or uses a stock presenter. Returns video share URL + HeyGen session URL for iteration. Chain signal: when the user wants to create/design an avatar AND make a video in the same request, run heygen-avatar first, then return here. Conjunctions to watch: "and then", "and immediately", "first...then", "X and make a video", "design [presenter] and record" = always CHAIN. If the user provides a photo AND wants a video, route to heygen-avatar first. NOT for: avatar creation or identity setup (use heygen-avatar first), cinematic footage or b-roll without a presenter, translating videos, TTS-only, or streaming avatars.
236SKILL.mdUpdated Apr 14, 2026
heygen-com/heygen-avatar
development
VerifiedTrustedCommunity
Create a persistent HeyGen avatar — a reusable face + voice identity for the agent, the user, or any named character — powered by HeyGen Avatar V technology. Prompt-based creation by default (description → HeyGen builds it); photo upload is optional for real-person digital twins. Use when: (1) giving the agent a face + voice so it can present videos ("bring yourself to life", "create your avatar", "give yourself an avatar", "design a presenter", "set up an avatar", "let's make an avatar"), (2) the user wants to appear in videos as themselves ("create my avatar", "I want my face in a video", "digital twin of me", "build me an avatar"), (3) building a named character presenter ("create an avatar called Cleo", "design a character named X"), (4) establishing HeyGen identity before making videos — the correct FIRST step when no avatar exists yet. Chain signal: when the user says both an identity/avatar action AND a video action in the same request ("create an avatar AND make a video", "set up identity THEN create a video", "design a presenter AND immediately record"), run heygen-avatar first, then heygen-video. Returns avatar_id + voice_id — pass directly to heygen-video to create HeyGen videos. NOT for: generating videos (use heygen-video), translating videos, or TTS-only tasks.
236SKILL.mdUpdated Apr 14, 2026
heygen-com/heygen-skills
development
VerifiedTrustedCommunity
Create HeyGen avatar videos via the v3 Video Agent pipeline — handles avatar resolution, aspect ratio correction, prompt engineering, and voice selection automatically. Required for any HeyGen API usage (api.heygen.com). Replaces deprecated v1/v2 endpoints with the optimized v3 pipeline. Use when: (1) calling any HeyGen API endpoint (api.heygen.com), (2) creating a HeyGen avatar or digital twin from a photo, (3) making a personalized video message (outreach, pitch, update, announcement, knowledge), (4) "make a video of me", "create my HeyGen avatar", "I want to appear in this video", (5) "send a video to my leads", "record an update for my team", "make a loom-style message", (6) building identity-first videos where the presenter IS the user or agent, Covers: HeyGen API, api.heygen.com, video generate, avatar create, voice list, talking photo, HeyGen avatar creation, voice design, photo → digital twin, HeyGen video generation, identity-first video, messaging-first video, AI presenter, talking head video. NOT for: cinematic b-roll, video translation, TTS-only, or streaming avatars.
179SKILL.mdUpdated Apr 14, 2026