Visual Content Skill

Create gallery-quality branded presentations and carousels through artistic design philosophy.

The Critical Understanding

Visual content creation is an act of artistic expression, not template filling. Every slide or card should appear as if crafted by a designer at the absolute top of their field—meticulous, intentional, worthy of display.

What you receive: A canvas philosophy and brand DNA—use these as foundation, not constraint. What you create: Visual artifacts that are 90% design, 10% essential text. The standard: Work that looks like it took countless hours, labored over with painstaking care.

Part 1: Understanding Canvas Philosophy

A canvas philosophy is not a layout specification—it's an aesthetic movement, a manifesto for how ideas become visual form.

How to Read a Canvas Philosophy

When you receive a canvas-philosophy.md, internalize its spirit:

• The movement name tells you the soul: "Chromatic Silence" demands restraint; "Brutalist Joy" permits boldness
• The philosophy paragraphs describe how ideas manifest through form, space, color, composition
• The constraints are sacred boundaries that define the style's character

Read it as an artist reads a creative brief—absorb the worldview, then express it.

Philosophy Examples (for reference)

These illustrate the language and depth expected in a canvas philosophy:

"Concrete Poetry" Communication through monumental form and bold geometry. Massive color blocks, sculptural typography (huge single words, tiny labels), Brutalist spatial divisions. Ideas expressed through visual weight and spatial tension, not explanation. Text as rare, powerful gesture—never paragraphs, only essential words integrated into visual architecture. Every element placed with the precision of a master craftsman who has labored over each decision.

"Chromatic Language" Color as the primary information system. Geometric precision where color zones create meaning. Typography minimal—small sans-serif labels letting chromatic fields communicate. Information encoded spatially and chromatically. Words only anchor what color already shows. The result of painstaking chromatic calibration by someone at the top of their field.

"Analog Meditation" Quiet visual contemplation through texture and breathing room. Paper grain, ink bleeds, vast negative space. Photography and illustration dominate. Typography whispered (small, restrained, serving the visual). Images breathe across pages. Text appears sparingly—short phrases, never explanatory blocks. Each composition balanced with the care of a meditation practice, meticulously crafted over countless hours.

"Geometric Silence" Pure order and restraint. Grid-based precision, bold photography or stark graphics, dramatic negative space. Typography precise but minimal—small essential text, large quiet zones. Swiss formalism meets Brutalist material honesty. Structure communicates, not words. Every alignment the work of countless refinements by an expert hand.

Part 2: The Subtle Reference

CRITICAL STEP: Before creating visuals, identify the conceptual thread from the content.

The topic becomes a subtle, niche reference embedded within the design itself—not literal, always sophisticated. Someone familiar with the subject should feel it intuitively, while others simply experience a masterful composition.

Think like a jazz musician quoting another song—only those who know will catch it, but everyone appreciates the music.

The canvas philosophy provides the aesthetic language. The content provides the soul—the quiet conceptual DNA woven invisibly into form, color, and composition.

Part 2b: Brand Personality Loading

Before creating visuals, check brand-philosophy.md for ## Brand Depth > ### Personality (Aaker Framework):

If present and populated: Read the Aaker scores and primary/secondary dimensions. Store in working context — these inform component decisions (Part 7), color intensity (Part 4), and spatial choices throughout.

If not present: Read voice traits from ## Verbal Identity > ### Voice Personality. Map to Aaker dimensions using proximity:

• precise, reliable, expert, professional → Competence
• warm, friendly, approachable, genuine → Sincerity
• bold, innovative, daring, creative → Excitement
• elegant, refined, luxurious, polished → Sophistication
• rugged, authentic, tough, adventurous → Ruggedness

Also check for ### Spatial & Surface Profile — if present, use its values (spacing rhythm, border radius, shadow style, layout density) to inform element placement and styling decisions.

Part 3: Visual Expression

With philosophy internalized and conceptual thread identified, create the visual artifacts.

Composition Rules Application (MANDATORY)

Before laying out ANY slide, follow this structural process:

1. Identify slide type — Title, Content, Image, Data/Chart, Quote, CTA, or Transition
2. Look up focal point — From the Composition Rules section of canvas-philosophy.md (or from references/slide-composition-rules.md if missing)
3. Place focal element FIRST — The primary visual anchor goes in position before anything else
4. Apply style modifier — Adjust position based on the style's layout rules (centered, asymmetric, grid, flowing)
5. Check component frequency — Before adding cards/icons/gradients, check if within budget across all slides
6. Verify density — Max 3 visual layers. No element collisions. 24px minimum spacing.

Fallback: If the canvas-philosophy.md does not include a Composition Rules section (legacy templates), use the defaults from references/slide-composition-rules.md with the style's modifiers applied.

The Craftsmanship Standard

CRITICAL: To achieve human-crafted quality (not AI-generated), create work that looks like it took countless hours. Make it appear as though someone at the absolute top of their field labored over every detail with painstaking care.

Ensure the composition, spacing, color choices, typography—everything screams expert-level craftsmanship. This is non-negotiable.

Repeat this mantra:

• Meticulously crafted
• The product of deep expertise
• Painstaking attention to detail
• Master-level execution
• Labored over with care

Creating Presentations (16:9)

• Dimensions: 1920 x 1080 pixels
• Format: PDF first (source of truth) → PPTX (for editability)
• Character: Each slide = one clear message (3-second test)
• Text treatment: Sparse, integrated as visual element—never paragraphs
• Safe zones: Nothing within 50px of edges

The slide is a canvas, not a document. Information lives in design choices: scale, position, color, whitespace. Words are visual accents, not content delivery.

Creating Carousels (Mobile-First)

• LinkedIn: 1080 x 1350 (4:5 portrait)
• Instagram Square: 1080 x 1080 (1:1)
• Instagram Portrait: 1080 x 1350 (4:5)
• Format: Multi-page PDF
• Character: Each card = 2-second comprehension (thumb-stopping)
• Text treatment: Bold, scannable, commanding

The card is a poster glimpsed while scrolling. It must arrest attention instantly through visual impact, not dense information.

Style Enforcement

Each piece must respect its style's hard constraints:

If content exceeds constraints, reduce. Never violate the style. The constraints ARE the style.

Part 4: Execution Principles

Visual Hierarchy

1. Single focal point