visual-style

To extract a visual design system from a PDF or URL, the Skill processes the source material to generate a machine-readable visual-style.md file. This encoded file captures your typography, color palette, and layout specifications for consistent AI-driven visual generation.

You can apply a consistent visual style across HeyGen videos and Figma designs by encoding your design system into a portable visual-style.md file. This specification ensures AI tools consume the defined colors, typography, and connectors to maintain visual consistency across different platforms.

A portable visual design system for AI visuals is a machine-readable specification that defines typography, color palettes, and layout rules. It allows various AI generation tools to consume the standardized style data, ensuring brand consistency across different projects and output formats.

You can create a design system from scratch by answering guided natural language prompts provided in the workflow. This process fulfills required schema fields like name, version, and primary colors to output a validated visual-style.md file ready for AI consumption.

The visual-style schema requires specific fields including name, version, style_prompt_full, and colors.primary to validate the design system. Optional sections for typography, connectors, extractors, mood, and layout can be added to enrich the AI-generated visual interchange.

The best way to maintain brand consistency for AI-generated HTML slides is to apply a validated visual-style.md file. By encoding your color palette and typography into this portable format, the AI tool receives strict design constraints to replicate your exact visual style.