SuperAPI AI Directory

ppt-design-idioms

Design & creation

View repository

Updated 10-16 08:37

About this skill

PPT Design Idioms — Presentation Design Idioms

The knowledge unique to the slide medium that ppt-pack-curator follows when distilling a PPT style into a pack.

How PPT Differs from the Web

  • Fixed canvas. Fixed at 16:9 (13.33×7.5in). Since there is no responsiveness, the grid and margins are pinned down in absolute values.
  • Slide-unit composition. One slide = one message. Not scrolling but scene transitions.
  • Presentation-distance readability. Viewed from far away from the screen — body text 24pt+, titles 36pt+, a limit on the number of characters per slide.
  • Charts and diagrams are the main act. The proportion of data visualization is greater than on the web. Chart style is the core of a pack's identity.

Slide Type Hierarchy

A pack's prompt.md contains instructions for at least these types:

  • Cover — title typography scale, background treatment, meta information placement.
  • Body (bullets/statements) — text hierarchy, bullets vs non-bullets, margins.
  • Chart/data — chart color, axes, gridlines, label style.
  • Divider/section — (optional) chapter divider slides.
  • Conclusion/closing — (optional).

Translating into Verifiable Instructions

Because diversity-qa performs visual comparison, vague terms do not pass. Write each item as an absolute value, count, or ratio:

Vague (forbidden) Verifiable (used)
"Clean layout" "Left and right margins 0.8in each, header bar height 12% of canvas, 12-column grid"
"Use accent color" "Only 1 accent color, only on the cover and the key chart series, achromatic for text"
"Readable font" "Title 40pt/Bold, body 24pt/Regular, line height 1.3, no more than 6 lines per slide"
"Sophisticated chart" "Bar charts only, remove gridlines, label values directly, color in a monochromatic tint of the accent color"

Charts and Data Visualization — The Test of Expertise

In presentation materials, charts are the element that appears most often and breaks most often. A single amateurish chart lowers the credibility of the entire deck. Every PPT pack's prompt.md must specify charts as a separate, specific item — a single line saying "use bar charts" is not enough.

Data-ink principle (Tufte). Minimize ink that does not directly represent data:

  • Remove gridlines (or only major y-axis ticks as 0.5pt hairlines). Remove the chart border box. Remove background fill.
  • The axis line is either a hairline or removed entirely. Keep tick labels to a minimum (e.g., 0 and the maximum value).
  • Instead of a legend, direct labeling — attach series names directly to the ends of bars or lines. A legend box only when there are 4 or more series.

Value labels. Place values directly on bars or vertices (do not make them read off the axis by eye). Numbers smaller than the body text (e.g., 14–16pt), bold, consistent digits and units. Use tabular alignment for numbers.

색. Data colors are only the lightness steps (light→dark) of one pack accent color or semantic colors (increase = positive color / decrease = warning color). Do not paint each series a different color in a rainbow. Only one bar to emphasize in the accent color, the rest in achromatic color — this is the core technique of consulting and IR charts.

Chart type matching. Comparison = vertical/horizontal bars, trend = line or light area, proportion = donut (3 or fewer slices, key figure in the center) or a single 100% stacked bar, composition change = slope graph. Pie charts with 5 or more slices, 3D, and multiple donuts are prohibited.

Precise rendering. Draw charts precisely in SVG (do not roughly draw them with div block bars):

  • Bar width:gap ratio specified (e.g., bar : gap = 3 : 2). All bars aligned and baseline exactly at 0.
  • Corners are square (rounded bars only when the pack style explicitly requires it). Clean anti-aliased edges.
  • The axis baseline must start at 0 (no truncated y-axis — distortion).

Charts also wear the pack's visual language. A chart that stands apart from the pack is the essence of "sloppiness":

  • Consulting/IR pack — McKinsey style: achromatic bars + 1 accent bar, action title, source footnote, units specified.
  • Editorial/newspaper pack — serif captions, rule lines, ink-colored monochrome data.
  • Brutal/Memphis pack — thick black borders + flat primary color fills, rough alignment.
  • Dark tech/infographic pack — glowing data lines, mono numeric labels, mini KPI cards.
  • Luxury/minimal pack — 1pt hairline line charts, vast whitespace, gold/ink monochrome.

In the "application examples" chart section of prompt.md, nail down the above as absolute values per pack (bar width, label pt, data color hex, axis treatment).

Diagram and component kit — the body of the template

Something with only color and mood is not a design pack but a color palette. An actual presentation template is a kit of diagrams and layout components. In a PPT pack's prompt.md, after color and typography, there must always be a "diagrams and components" section, specifying as absolute values how each of the components below is drawn in that pack's visual language.

Component vocabulary every PPT pack must specify:

  • Process flow — step nodes + connectors. Node shapes (square/circle/pill), connector (arrow/line/chevron) style, step number treatment.
  • Timeline — Horizontal and vertical axes, milestone markers, date labels, current-point emphasis.
  • Comparison layout — 2–3 column contrast, vs table, pros and cons comparison. Column dividers and header treatment.
  • Matrix / 2×2 quadrants — Axis labels, quadrant fills, data point (bubble/dot) notation.
  • Hierarchy / pyramid / funnel — Step width variation, level labels, alignment.
  • KPI/stat cards — Huge numbers + labels + up/down indicators. Card borders and padding.
  • Table of contents / section divider / quote slide — Numbering system, divider background, pull-quote typography.
  • Charts — Follow the "Charts and data visualization" section above.

A kit is bound together by one language. Diagrams must not each be different but must share the pack's consistent "diagram language" — node corner radius, connector thickness and arrowheads, number badge shape, and accent color usage must be identical across processes, timelines, and matrices. This consistency is the identity of a "premium template."

Verifiably. Rather than "includes a process diagram," pin it down like "5-step chevron, each node height 0.8in, connectors 2pt arrows, step numbers as 24pt circular badges, only the active step in the accent color." Diagrams too should be precise with SVG — no div blocks.

The "application examples" in prompt.md should include not only covers, body pages, and charts but also **diagram slides (at least 2 of process/timeline/matrix)**, showing that the pack is not a color palette but a complete template kit.

Exaggerate the pack identity

Diversity is the goal. Each pack pushes its own style to the end:

  • Consulting pack — denser grid, smaller captions, mandatory source footnotes.
  • Keynote minimal pack — extremely reduce words per slide and use full-bleed images.
  • Brutal/Memphis pack — asymmetry, rough shapes, primary color clashes. If it is not distinguishable at a glance from baseline (plain default PPT), it is a failure.

"Do not" notes (blocking Claude's default regression)

Things Claude commonly regresses to by default in PPT — specify them in prompt.md's "do not" according to the pack's character:

  • Center-aligning every slide / uniform rounded-corner boxes / repeating the same layout on every slide.
  • Charts overusing 3D and shadows / rainbow-colored charts / excessive gridlines and legends.
  • Emoji bullets / clip art / meaningless stock icons.
  • Filling slides with text.

Korean slide cautions

Korean body text has wider character widths than English — specify characters per line and line spacing based on Korean. For fonts, designate Korean-supporting fonts such as Pretendard and Noto Sans KR as the primary or fallback font.