slide-visual-selector

Maps paginated slide content to layout archetypes and pptxgenjs rendering primitives.

21|3|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/peter-tu-zynkr/zynkr-skill-builder --skill slide-visual-selector-peter-tu-zynkr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slide-visual-selector
Source: https://github.com/peter-tu-zynkr/zynkr-skill-builder/tree/main/skills/1-brand-marketing/slide-visual-selector
Command: npx skills add https://github.com/peter-tu-zynkr/zynkr-skill-builder --skill slide-visual-selector-peter-tu-zynkr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Deciding how each slide page should look—chart, bullets, diagram, image, or comparison—is a slow, inconsistent judgment call, and hand-written visual specs often cannot be rendered directly by downstream tooling. This Skill converts an already-paginated slide plan into a render-ready per-page visual spec. ## Core Features & Use Cases - Content-to-layout decision rules: Maps each page's type, content points, and information density to one of nine layout archetypes (title, big-statement, bulleted-list, two-column-compare, data-chart, process-diagram, image-led, quote, closing-CTA) using a decision framework based on Zelazny and Minto. - pptxgenjs primitive mapping: Translates titles and content points into visual elements that map 1:1 to pptxgenjs primitives (addText, addTable, addChart, addShape, addImage), so the downstream slide-pptx skill can render them directly. - Brand-aware design notes: Loads brand colors, type scale, and image rules from a configurable brand source, with neutral fallbacks, and enforces restraint rules like one decision color per page. - Use Case: After slide-page-splitter produces a SLIDE_PACKET ▸ Pages packet for a sales deck, run this Skill to decide that the revenue page becomes a sorted bar chart, the options page becomes a two-column comparison, and the closing page becomes a CTA, then hand the spec to slide-pptx for rendering. ## Quick Start Take this SLIDE_PACKET ▸ Pages handoff and decide the visual treatment for each page, producing a render-ready SLIDE_PACKET ▸ Visuals spec for slide-pptx.

Frequently Asked Questions about slide-visual-selector

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose the right chart or layout for each presentation slide?▼

Define the page's message first, then map its content relationship to a layout: rankings use sorted bar charts, trends use line charts, compositions use pie charts, ordered steps use process diagrams, and A-vs-B trade-offs use two-column comparisons. The Skill's decision table automates this mapping per page.

How to generate PowerPoint slides with pptxgenjs from a content outline?▼

First paginate the outline into pages, then convert each page into visual elements that map to pptxgenjs primitives like addText, addTable, addChart, addShape, and addImage. This Skill produces that render-ready spec, which the slide-pptx skill renders into a .pptx file.

Does this Skill generate the actual .pptx file?▼

No. It only produces the per-page visual spec (SLIDE_PACKET ▸ Visuals) describing layout archetypes, visual elements, and design notes. The actual .pptx rendering and QA are handled by the separately installed slide-pptx skill.

What input does the slide visual selection step require?▼

It requires a SLIDE_PACKET ▸ Pages packet from slide-page-splitter, where each page carries a page number, corresponding beat, page type (title/section/content/data/quote/closing), title, content points, and information density. It will not invent pagination on its own.

What are the limitations of automated slide layout selection?▼

It does not rewrite the storyline, re-paginate overflowing pages, or render files. Pages needing more than six bullets or multiple main visuals are flagged and sent back to the pagination step rather than forced to fit.

Can I apply my own brand colors and fonts to slide layouts?▼

Yes. Configure a brand source in references/brand-source.md pointing to a local file or Google Drive brand guide. The Skill extracts color roles, type scale, and image rules at runtime; without configuration it falls back to neutral defaults.