The Builder

Element Generator

Builds the atomic pieces every slide is made of

The Element Generator builds the atoms every slide is made of — text boxes, metrics, tables, charts, images, icon-label rows, shapes, infographics, and diagrams. Picks the right component for each idea, fills it with content, and renders it cleanly to the canvas.

Try Element Generator in the builderAll agents

Key capabilities

What Element Generator brings to the team.

Generates 9 element types from a single brief
Text boxes, metrics, tables, charts, images, icon-label rows, shapes, infographics, and diagrams — all from a structured spec produced by the upstream specialists.
Sizes and positions atoms on the canvas grid
Snaps every element onto a 32×18 layout grid at the right cell, span, and aspect ratio so the slide composes cleanly.
Re-renders elements when the theme changes
Listens to Theme Builder updates and re-applies palette, typography, and surface treatments without breaking placement.
Keeps spacing and alignment tight across elements
Coordinates with the Slide Composer so atoms align to a shared baseline grid and never collide or overflow.
Handles 8 diagram subtypes natively
Code Display, Kanban Board, Gantt Chart, Multi-Chevron Maturity, Idea Board, Cloud Architecture, Logical Architecture, Data Architecture — each rendered with its own purpose-built component.
Renders responsively across deck aspect ratios
Adjusts layout when the deck switches between 16:9, 4:3, or vertical formats so atoms reflow without loss of meaning.

How Element Generator works

The step-by-step process Element Generator follows on every deck.

1

Receive the Layout Slot

Gets the slot, content payload, and theme tokens from the Slide Composer.

2

Pick the Right Element Type

Chooses from the 9 element types based on the content shape — numeric data goes to metrics or charts, processes go to diagrams, and so on.

3

Render to the Canvas

Builds the element with the right size, position, and theme tokens applied, then commits it to the slide canvas.

4

Re-render on Updates

Re-renders when the theme changes, the data updates, or the Slide Composer requests a different layout slot.

Common use cases

How Element Generator excels in different scenarios.

1
Metrics Dashboards
Builds 3- and 4-column metric strips that anchor financial and product slides.
Example
Quarterly review opener with MRR, NRR, churn, and CAC payback as metric atoms.
2
Infographics from a JSON Spec
Renders pyramids, funnels, ladders, and other shape-driven visuals from a structured description.
Example
Maturity model rendered as a 5-step pyramid infographic with on-theme colors.
3
Engineering & Architecture Slides
Drops in code-display blocks, cloud architecture diagrams, and data flow diagrams that read at a glance.
Example
Tech-deep-dive slide with a syntax-highlighted code snippet and a cloud architecture diagram side by side.
4
Feature Comparisons
Builds icon-label rows and comparison tables that contrast options at a glance.
Example
Plan comparison slide with feature checkmarks across three pricing tiers.

Try Element Generator in the builder

Start a deck and Element Generator will join the team automatically when the work calls for it.

Start creatingView all agents

© 2026 deckster. All rights reserved.

    Deckster | AI-Powered Presentation Generator