Menu
Example for using Deckset to create Markdown presentations
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Autonomous continuous integration loop for the Wendy Cloud repository. Use when asked to: (1) iterate on the cloud stack, (2) find and fix bugs in Wendy Cloud, (3) run the cloud test loop, (4) continuously test the Swift broker, (5) scan for regressions after new features. This skill manages the full local dev stack autonomously including starting Docker, the Swift broker, pki-core, running tests, diagnosing failures, and applying fixes.
Expert guidance on Swift best practices, patterns, and implementation. Use when developers mention: (1) Swift configuration or environment variables, (2) swift-log or logging patterns, (3) OpenTelemetry or swift-otel, (4) Swift Testing framework or @Test macro, (5) Foundation avoidance or cross-platform Swift, (6) platform-specific code organization, (7) Span or memory safety patterns, (8) non-copyable types (~Copyable), (9) API design patterns or access modifiers.
Expert guidance on building WASM apps for Wendy Lite MCU firmware on ESP32-C6. Use when developers mention: (1) Wendy Lite or wendy-lite, (2) WASM apps on ESP32 or microcontrollers, (3) WendyLite Swift package or import WendyLite, (4) building C/Rust/Swift/Zig apps for ESP32, (5) WAMR runtime on embedded devices, (6) GPIO/I2C/SPI/UART/NeoPixel from WASM, (7) Embedded Swift on WASM or wasm32-none-none-wasm, (8) BLE provisioning on ESP32-C6, (9) uploading WASM binaries to MCU, (10) TLS/networking on ESP32 from Swift.
Expert guidance on building and deploying apps to WendyOS edge devices. Use when developers mention: (1) Wendy or WendyOS, (2) wendy CLI commands, (3) wendy.json or entitlements, (4) deploying apps to edge devices, (5) remote debugging Swift on ARM64, (6) NVIDIA Jetson or Raspberry Pi apps, (7) cross-compiling Swift for ARM64.
Curated Swift package ecosystem for WendyOS and Linux. Use when developers mention: (1) Swift packages for Linux or ARM64/AMD64, (2) choosing a Swift library, (3) Swift Package Index, (4) swiftpackageindex.com, (5) what Swift library to use, (6) Swift on WendyOS dependencies, (7) edge computing Swift libraries.
Expert guidance on using PostgreSQL with Swift. Use when developers mention: (1) PostgreSQL or Postgres in Swift, (2) postgres-nio library, (3) SQL queries in Swift, (4) PostgreSQL connection pooling, (5) prepared statements, (6) type-safe database access, (7) bulk loading or COPY FROM, (8) PostgresClient or PostgresConnection.
| name | deckset |
| description | Example for using Deckset to create Markdown presentations |
# Large Heading
## Regular Heading
### Small Heading
#### Tiny Heading
## Combine Headings
### Of Different Sizes
# [fit] Make Headings Fit Onto
# [fit] The Slide
# Unordered Lists
- Start each bullet point
- with a dash to create
- an unordered list
# Ordered Lists
1. Start each item with
1. a number followed by a dot
1. to create an ordered list
# Use Source List Numbering
[.use-source-list-numbering]
1. Start at one
3. Skip a number
5. Keep going
This command applies to the next ordered list on the slide.
# Nested Lists
- You can create nested lists
1. by indenting
1. each item with
1. 4 spaces
- It's that simple
# Asterisk Emphasis
Use single asterisks around text to *emphasize it*.
Or use double asterisks for a **strong emphasis** style.
# Underscore Emphasis
Alternatively, you can also use underscores to emphasize:
Wrap text in single underscores to _emphasize it_. Or use double underscores for the alternative __strong emphasis style__.
# Combined Emphasis
Combining underscores with asterisks lets us mix and match the emphasis styles. Play with it — some themes have additional style options for those combinations:
- _**Style 1**_
- __*Style 2*__
- __**Style 3**__
# The same *styles* work in **headings**, too.
# More Styles
- ~~Strikethrough~~
- Superscript
- Subscript
- `Inline code`
> The best way to predict the future is to invent it
-- Alan Kay
# Inline Quotes
You can also use a quote together with paragraph text or other elements on the slide:
> The best way to predict the future is to invent it
-- Alan Kay
Prefix the author of the quote with `--`, or leave it out if it's anonymous.
# Link to External Resources
In case you're looking for something, you could use [Google](http://google.com) or [Wikipedia](http://wikipedia.com).
Links will be clickable in exported PDFs as well!
# Links Between Slides
Define an anchor on the slide you want to link to using standard HTML syntax:
``
Then you can link to this [slide](#link-target) easily.
Use GitHub style fenced code blocks to specify the language.
$.ajax({
url: "/api/getWeather",
data: {
zipcode: 97201
},
success: function( data ) {
$( "#weather-temp" ).html( "" + data + " degrees" );
}
});
To put the focus on specific lines of your code block, use the following command:
[.code-highlight: 2]
$.ajax({
url: "/api/getWeather",
data: {
zipcode: 97201
},
success: function( data ) {
$( "#weather-temp" ).html( "" + data + " degrees" );
}
});
You can also highlight a range of lines:
[.code-highlight: 2, 6-8]
$.ajax({
url: "/api/getWeather",
data: {
zipcode: 97201
},
success: function( data ) {
$( "#weather-temp" ).html( "" + data + " degrees" );
}
});
When presenting, you can step through multiple highlights incrementally. Place as many [.code-highlight] commands above a code block in the order you would like the lines of code to be highlighted when presenting.
[.code-highlight: none] [.code-highlight: 2] [.code-highlight: 6-8] [.code-highlight: all]
$.ajax({
url: "/api/getWeather",
data: {
zipcode: 97201
},
success: function( data ) {
$( "#weather-temp" ).html( "" + data + " degrees" );
}
});
Don’t worry if your code is slightly too long. Deckset scales code blocks to fit automatically.
def establish_connection(spec = nil)
spec ||= DEFAULT_ENV.call.to_sym
resolver = ConnectionAdapters::ConnectionSpecification::Resolver.new configurations
spec = resolver.spec(spec)
unless respond_to?(spec.adapter_method)
raise AdapterNotFound, "database configuration specifies nonexistent #{spec.config[:adapter]} adapter"
end
remove_connection
connection_handler.establish_connection self, spec
end
codeUse code within normal text by enclosing it in backticks like this:
func map(x: A?, f: A -> B) -> B?
Use Deckset’s customization panel for your current theme to set a custom code background:
This setting isn’t exposed via Markdown commands yet, so let us know if making it scriptable would help your workflow.
Cells are separated by pipes |.
Table headers are separated from the table body with a line of three dashes ---.
| Header 1 | Header 2 | Header 3 |
| --- | --- | --- |
| Cell 1 | Cell 2 | Cell 3 |
| Cell 4 | Cell 5 | Cell 6 |
With :---: and ---: you can center or right align the cell content.
| Header 1 | Header 2 | Header 3 |
| ----------- | :-----------: | -----------: |
| Cell | _Cell_ | *Cell* |
| Cell | **Cell** | __Cell__ |
Easily include mathematical formulas by enclosing TeX commands in $$ delimiters. Deckset uses MathJax to translate TeX commands into beautiful vector graphics.
$$
\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
$$
You can also include Formulas in paragraph text. Deckset takes care of adjusting the font size and color to match the surrounding text, for example:
The slope $$a$$ of the line defined by the function $$f(x) = 2x$$ is $$a = 2$$.
Don't worry if your equations get really complex. Deckset will scale them down to fit onto the slide.
$$
1 + \frac{q^2}{(1-q)}+\frac{q^6}{(1-q)(1-q^2)}+\cdots =
\prod_{j=0}^{\infty}\frac{1}{(1-q^{5j+2})(1-q^{5j+3})},
\quad\quad \text{for $|q|<1$}.
$$
Deckset supports Slack-style emojis, e.g.: :sunny: :umbrella: :sunflower: :cat: :smile:
Deckset supports emojis! :umbrella: :sunflower: :cat: :smile: :thumbsup:
Please refer to this Emoji Reference Markdown file to see which emoji are supported in Deckset. There are a few favorites that aren’t part of Unicode yet, so we cannot support them.
To add a persistent footer to each slide of your presentation, insert the following command at the top of your file:
footer: Your footer goes here
To add running slide numbers to each slide of your presentation, insert the following command at the top of your file:
slidenumbers: true
When combining the two commands, please make sure that there are no empty lines between the two.
footer: Your footer goes here
slidenumbers: true
You can use standard text styles such as emphasis in your footer text, just as you would in other places too.
footer: Use *emphasis* and ~~other~~ text styles if you like
For richer footers, use the multi-line block form and include full markdown, images, or columns:
footer: <<<
[.column]
Left footer text
[.column]
Right footer text
[.end-columns]
>>>
footer: <<<
>>>
If you want to disable footers or slide numbers on individual slides, you can do so by using per slide commands.
# Footnotes
Footnotes are a breeze, for example:
Most of the time, you should adhere to the APA citation style[^1].
Note that footnote references have to be *unique in the Markdown file*. This means you can reference footnotes from any slide, no matter where they are defined.
[^1]: For more details on the citation guidelines of the American Psychological Association check out their [website](https://www.library.cornell.edu/research/citation/apa).
# Named References
Instead of just numbers, you can also name your footnote references[^Wiles, 1995].
[^Wiles, 1995]: [Modular elliptic curves and Fermat's Last Theorem](http://math.stanford.edu/~lekheng/flt/wiles.pdf). Annals of Mathematics 141 (3): 443–551.
# Controlling Line Breaks
In paragraph text, Deckset respects when you start a
new
line.
This can come in handy in situations where you need more control over how text is broken up into multiple lines.
# Use `
` for
line
breaks
You can use the HTML tag `
` to insert line breaks in elements that cannot contain regular new lines, such as headings or footers.
# Auto-Scaling
At times you have to fit more content onto one slide than the default font sizes allow for.
Deckset comes with an option to auto-scale paragraph text, lists, and other body content down to fit onto the slide. To enable this behavior put
`autoscale: true`
on the first line of your markdown file.
To lay out your content in columns, use the [.column] command to start a new column.
[.column]
# First column
[.column]
# Second column.
Column widths are automatically generated using the available space divided evenly by the number of columns specified.
You can add as many columns as you like, but the more you add, the smaller the available width will be.
Combine columns with Auto-Scaling to automatically scale down the text size so it fits on the slide.
# Text on Images
Setting text on images applies a filter to the image to make the text more readable.
# Disable Filter
# Zoom In
# Split Slides
Use the `left` or `right` modifiers to place the image in the left or right half of the slide, respectively.
# Force Apply Filter
Use the `filtered` keyword to apply the theme's filter to an image that isn't filtered by default.
# Split Slides
Combine `left` or `right` with the `fit` keyword or a percentage to adjust the image scaling.
Use alpha on an image to specify its opacity.
To apply a background image to every slide in your presentation, simply add the background-image command at the very top of your Markdown file:
background-image: image2.jpg
(rest of your content)
You can set corner radius of images using following Markdown:
This currently only works for plain static images. Let us know if you'd like it to work for other media too.
# Inline Videos
# YouTube Embeds!
You can also use URL parameters like `?t=30s` to specify a start time for the clip.
# Video Layout Control
Use the same layout modifiers as with images to control the positioning of videos.
- `left` and `right`
- `fit` and `fill`
- Percentage sizing, e.g. `50%`
- `hide` to hide the video. Audio will play regardless.
Add playback directives after the filename to tweak how the clip behaves:
autoplay — start the video automatically when the slide appears.loop — replay the video continuously.mute — silence the audio track.Mix and match them as needed:
You can add autoadvance to the modifiers to jump to the next slide as soon as the video finishes:
This only works for the last video on the slide and the slide cannot contain build lists.
To add audio files to your presentation, add them to your Markdown like so:
Your operating system’s file type icon will be used as a visual representation of the audio file.
Use the same layout modifiers as with images to control the positioning of audio file icons.
left and rightfit and fill25%hide to hide the visual representation. Audio will play regardless.Control audio playback by using one of those directives:
autoplayloopmuteYou can add graphs to your presentation by leveraging code blocks and specifying mermaid as the language:
pie showData
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
You can also use the customization menu to specify base colors for Mermaid graphs:
You can override Mermaid colors per slide with the markdown graph customization command. Provide up to three colors plus an optional dark-mode flag:
[.graph: #ffffff, #aaffff, #000000, dark-mode(false)]
See also Custom theming for more slide-level overrides.
Learn more about available graph types in the Mermaid.js documentation. Zenuml diagrams are not supported yet—let us know via support if you need them.
Pikchr diagrams work the same way as other inline media—wrap your markup in a fenced code block and declare the language as pikchr:
arrow right 200% "Markdown" "Source"
box rad 10px "Markdown" "Formatter" "(markdown.c)" fit
arrow right 200% "HTML+SVG" "Output"
arrow <-> down 70% from last box.s
box same "Pikchr" "Formatter" "(pikchr.c)" fit
You can reuse the graph customization command to control the base colors that Pikchr uses. This lets the diagram blend in with your slide theme:
You can also override the Pikchr colors per slide using the markdown command. The first color controls strokes and text; the second is the diagram background:
[.pikchr-graph: #f8f8f8, #003366]
See also Custom theming for more slide-level overrides.
Need more syntax ideas? Browse the official Pikchr documentation for ready‑made examples you can paste into Deckset.
Use commands to configure your presentation settings. Commands can either be applied globally — if put at the top of your Markdown file — or per slide to set or override global settings. When using global configuration commands, make sure that there are no line breaks between any other commands at the top of your markdown file.
At times you have to fit more content onto one slide than the default font sizes allow for.
Deckset comes with an option to auto-scale paragraph text, lists, and other body content down to fit onto the slide. To enable this behavior put the following command at the top of your markdown file:
autoscale: true
You may turn this on or off on an individual slide by declaring [.autoscale: true] or [.autoscale: false] on the respective slide.
In Presenter and Rehearsal mode, you may want list items to appear one by one. To achieve this with Deckset, use the following command:
build-lists: true
You can also specify different modes of building lists:
build-lists: all # Equivalent to true
build-lists: notFirst # Will always show first item of a list
Please note that this only affects Presenter (and Rehearsal) mode.
You may turn this on or off on an individual slide by declaring [.build-lists: true] or [.build-lists: false] on the respective slide.
To add running slide numbers to your presentation use the following command:
slidenumbers: true
You may turn this on or off on an individual slide by declaring [.slidenumbers: true] or [.slidenumbers: false] on the respective slide.
To add the count of slides in your presentation, use the slidecount: true command. You may also turn this off on an individual slide by declaring [.slidecount: true] or [.slidecount: false] on the respective slide.
To add a persistent footer to each slide of your presentation, use the following command:
footer: My Footer content
To override your global footer or to add a footer to a single slide, add [.footer: A different footer] to the respective slide.
You may turn off the footer on an individual slide by declaring [.hide-footer] on the respective slide.
For multi-line footers or richer layouts, use the block form and include full markdown, images, or columns:
footer: <<<
[.column]
Left footer text
[.column]
Right footer text
[.end-columns]
>>>
footer: <<<
>>>
In Presenter mode, you may want to transition between slides. To achieve this with Deckset, use the following command:
slide-transition: true
You can control the duration of the transition by passing in the value in seconds: slide-transition: fade(0.3).
You may also use this command on a single slide, like so: [.slide-transition: fade(0.3)] or [.slide-transition: false].
To automatically start a new slide with each header, use the
slide-dividers: #, ##, ###, ####
command and specify the header levels you would like to take into account.
Please note that this command can only be used globally, at the top of your Markdown file.
To move regular paragraphs into presenter notes (without having to prefix them with ^), use:
paragraphs-as-presenter-notes: true
Please note that this command can only be used globally, at the top of your Markdown file.
To add a presentation time budget (in minutes) to Presenter Notes, use:
time-budget: 20
The budget timer starts when you advance from slide 1 to slide 2. If you jump to a later slide, the timer starts immediately with time credited based on the average time per slide. The timer stays green while you are on pace, turns yellow when you fall behind pace, and turns red after the total budget is exceeded.
Please note that this command can only be used globally, at the top of your Markdown file.
You can specify a default code language by adding it at the top of your Markdown file:
code-language: Swift
Deckset does store the theme choice as metadata to the file. In some cases, this information can get lost, e.g. in version control systems or when sending the file via email.
To make sure the theme choice doesn’t get lost, you can use the following command, referencing any theme by its name: theme: Fira.
If you also want to specify the color choice, you can reference the number of the color swatch as it appears within Deckset e.g.:
theme: Fira, 3
Please note that this command can only be used globally, at the top of your Markdown file.
Deckset allows you to fit header to entire slide to get that signature font look. However repeating this for every slide might be a bit cumbersome. You can address that by using the fit-header command like so:
fit-header: #, ##
Note that this only works as a global command and needs to be placed on top of your md file.
To apply a background image to every slide in your presentation, simply add the background-image command at the very top of your Markdown file:
background-image: image2.jpg
(rest of your content)
To set a global default corner radius for images, add the following command at the top of your Markdown file:
image-corner-radius: 12
This default applies only when no explicit corner-radius(...) is provided in the image alt text. For example:
Deckset 2.0 introduces customization options for slide styles directly within the user interface. In addition to these UI-based controls, you can apply fine-grained styling to individual slides using the customization commands outlined below. Note that command-based styles will always override any styles set in the UI.
To customize the look and feel of your text and headers, you may add customization commands to text, text-emphasis, text-strong, header, header-emphasis, header-strong, slidenumber-style and footer-style with the desired color, alignment, line-height, text-scale, font and capitalization.
[.text: #000000, alignment(left|center|right), line-height(10), text-scale(2.0), kern(1), Avenir Next Regular]
[.header: #FF0000, alignment(left|center|right), line-height(18), text-scale(3.0), Avenir Next Bold, capitalization(default|upper|title)]
[.footer-style: #2F2F2F, alignment(left|center|right), line-height(8), text-scale(1.5), Avenir Next Regular]
We recommend using Mac's native Font Book application to search for fonts.
To customize the background color of your slide, you may use the following customization command:
[.background-color: #FF0000]
To customize your list styles, you may add customization commands for the list color, bullet-character, alignment, bullet color, text scale, and ordered and unordered bullet indent.
[.list: #000000, bullet-character(Custom String), alignment(left|center|right), bullet-color(#ffcc00), text-scale(1.2), bullet-indent(40), ordered-bullet-indent(20)]
To customize the style of your tables, you may use the following commands:
[.table-separator: #000000, stroke-width(10)]
[.table: margin(5)]
Deckset automatically picks a random set of colors with high enough contrast against the chosen background color for your code. You may add customization commands for the line-height and font family.
For consistent styles between code blocks and to prevent palette regeneration, use seed number 42 for persistence.
[.code: auto(42), Font Family Name, line-height(4.2)]
Use auto without a seed to regenerate colors on each display:
[.code: auto]
Manual palettes support 1–5 colors. If fewer than five are provided, the list repeats to fill the palette.
[.code: #ffcc00, #1b1b1b, #ffffff]
You can also control alpha code build-in by specifying following command:
[.code: dimmed-opacity(0.2)]
Standard text overrides such as text-scale(...) and alignment(...) also apply to code blocks.
Inline code shares the same customization options as code blocks, but only affects inline code spans. If both .code and .inline-code are present, inline code uses the .inline-code override.
[.inline-code: text-scale(0.9), Font Family Name, auto(42)]
To customize the look and feel of footnotes, you may use the following commands:
[.footnote: #000000, alignment(left|center|right), line-height(10), text-scale(2.0), Avenir Next Regular]
Style the horizontal ruler that separates the footnote from the slide content like so:
[.footnote-separator: #001100, height(10), margin(12)]
To customize the style of formulas, you may use the following command:
[.formula: text-scale(42), alignment(center), #ff0011]
Link styles can be customized with color, font, line height, text scale, and underline options. The underline style supports none, single, thick, or double, with an optional byWord modifier.
[.link: #00aaff, Avenir Next Regular, line-height(10), text-scale(1.1), underline(single, byWord)]
To customize the style of quotes, you may use the following commands:
[.quote: #000000, alignment(left|center|right), line-height(10), text-scale(2.0), Avenir Next Regular]
To customize the style of the quote’s author, use:
[.quote-author: #000000, alignment(left|center|right), line-height(10), text-scale(2.0), Avenir Next Regular]
Presenter notes accept the same text customization controls as normal text styles.
[.presenter-notes: #333333, alignment(left), line-height(9), text-scale(0.9), Avenir Next Regular]
See also Presenter notes for authoring and preview tips.
Mermaid diagrams use the shared graph customization command so you can pick distinct primary, secondary, and tertiary colors (plus an optional dark‑mode toggle):
[.graph: #ffffff, #aaffff, #000000, dark-mode(false)]
See also Mermaid diagrams for syntax and examples.
Pikchr diagrams have their own two-color command. The first value controls the diagram foreground (strokes, text, etc.) and the second value is the background fill; omit the second color to fall back to the slide background:
[.pikchr-graph: #f8f8f8, #003366]
See also Pikchr diagrams for syntax examples.
Deckset does store the theme choice as metadata to the file. In some cases, this information can get lost, e.g. in version control systems or when sending the file via email.
To make sure the theme choice doesn’t get lost, you can use the following command theme: Fira.
If you also want to specify the color choice, you can reference the number of the color swatch as it appears within Deckset e.g.:
theme: Fira, 3
Please note that this command can only be used globally, at the top of your Markdown file.
When presenting, you often want list items to appear one by one. Enable that behavior by adding this command to the top of your file:
build-lists: true
You can also specify different build modes:
build-lists: all # Equivalent to true
build-lists: notFirst # Will always show first item of a list
If you want to disable or tweak this on individual slides, use per slide commands—for example [.build-lists: false] or [.build-lists: not_first] to always reveal the first bullet immediately and build the rest.
If you want to prevent particular slides (or pieces of content) from being presented but want to keep them in your document, you can do it like this:
When using a projector or secondary display, you can switch the presenter display in Presentation Mode with the x keyboard shortcut.
When presenting on iPad, you can advance slides by tapping on a paired Apple Pencil.
Deckset turns every paragraph that starts with a ^ into presenter notes and doesn’t show this text on the slides.
You’ll see these notes on the presenter display (with two screens connected) or by using the rehearsal mode.
To start another presenter note paragraph, prefix it with a caret again. Deckset will automatically scale the notes down to fit onto the presenter display in case you have a lot of text.
Example:
# My slide title
^ This is a presenter note.
To customize the style of presenter notes, in both Presenter and Rehearsal modes and in exported documents, you may use the presenter-notes command like so:
presenter-notes: #333333, alignment(left|right|center), line-height(9), text-scale(0.9), kern(0.5), capitalization(default|upper|title), Helvetica
You may also use this command on a single slide, like so:
[.presenter-notes: #333333, alignment(left|right|center), line-height(9), text-scale(0.9), kern(0.5), capitalization(default|upper|title), Helvetica]
You can configure Deckset to treat all paragraphs as presenter notes. To do so either add
paragraphs-as-presenter-notes: true
at top of your Markdown file or turn on the "Paragraphs as presenter notes" option in presentation settings view.
To preview your presenter notes in the main application window, you can turn them on by selecting Toggle Presenter Notes from the View menu.
See also Custom theming for slide-level styling options.
When presenting, you may want to transition between slides. Enable transitions with this command:
slide-transition: true
The following transition styles are available:
fade — crossfades between slides (default).fadeThroughColor(#000000) — fades through a color, into the next slide. Pass the color as a hex value in parentheses.push(horizontal|vertical|top|right|bottom|left) — the next slide pushes the previous one out of the viewport. Use horizontal or vertical (or a direction) to control the movement when advancing or going back.move(horizontal|vertical|top|right|bottom|left) — the next slide moves over the top of the current slide. Direction parameters work the same way as with push.reveal(horizontal|vertical|top|right|bottom|left) — the current slide moves away to reveal the next slide underneath. Direction parameters again control the direction of travel when moving forward or backward.You can choose one of these transitions by specifying it in the command:
slide-transition: push(vertical)
You can control the duration of the transition by passing in the value in seconds:
slide-transition: fade(0.3)
You may also use the transition command on a single slide, for example: [.slide-transition: push(horizontal, 0.3)] or [.slide-transition: false].