cast-preso-visual-toolkitlisted
Install: claude install-skill sridherj/diecast
# Presentation Visual Toolkit
A shared style reference and template library for all `cast-preso-*` agents. This is a **skill** (passive reference), NOT an agent. Every presentation agent reads this toolkit to produce visually consistent output.
## How to Reference Style Tokens
Load `visual_toolkit.human.md` (in this skill directory) for:
- CSS custom property color tokens and their default values
- Typography scale (font families, sizes, weights)
- Content density rules and slide dimension constraints
- Slide archetype catalog with when-to-use guidance
- Illustration style guide (Annie Ruygt watercolor default)
## How to Use Templates
Copy from `templates/slide-archetypes/{archetype}.html` and replace `{{PLACEHOLDER}}` values manually. Placeholders are for **agent copy-paste only** — they are NOT processed by any template engine (not Jinja, not Handlebars, not Mustache).
Available archetypes: `single-stat-hero`, `compare-contrast`, `timeline`, `diagram-annotated`, `code-showcase`, `consulting-exhibit`, `one-statement`, `illustrated-section-opener`, `build-up-sequence`, `title-slide`, `close-cta`.
## How to Use CSS
Reference `templates/css/` for consistent styling:
- `typography.css` — font families, sizes, weights, scale classes
- `grid-background.css` — subtle engineering-notebook grid overlay
- `components.css` — callout boxes, question annotations, nav elements, fragment animations
All CSS uses `var(--color-*)` tokens defined in `:root`. Override tokens per-presen