← ClaudeAtlas

cast-preso-visual-toolkitlisted

Shared visual toolkit for presentation agents — style tokens, slide archetypes, HTML/CSS templates, and conventions
sridherj/diecast · ★ 3 · AI & Automation · score 69
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