New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Presentation Builder

by bionic-gpt in bionic-gpt/bionic-gpt

Create reveal.js slide decks and presentation-style visual artifacts as generated HTML canvas files.

Apache-2.0Auto-check passedDocuments & Office

Install Presentation Builder

skills CLI
$ npx skills add bionic-gpt/bionic-gpt --skill presentation-builder -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install bionic-gpt/bionic-gpt presentation-builder --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/bionic-gpt/bionic-gpt.git skills-src && mkdir -p .claude/skills && cp -r skills-src/crates/builtin-skills/skills/presentation-builder .claude/skills/presentation-builder && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
presentation-builder
GitHub stars
2.4k
Token cost
~458 tokens
SKILL.md length
198 words
Files
7
Skills in repo
21
Repo updated
First seen
Licence
Apache-2.0

At a glance

Create reveal.js slide decks and presentation-style visual artifacts as generated HTML canvas files.

  • Works in 3 steps: Pick a short lowercase using only… → Write only the reveal slide sections to… → Build the canvas with the bundled helper
  • Tasks that involve Slides and decks
  • SKILL.md covers Preferred Workflow and Slide Markup
  • Runs JavaScript and Shell scripts from its folder; calls bash

What it does

Presentation Builder is an agent skill from bionic-gpt/bionic-gpt. Create reveal.js slide decks and presentation-style visual artifacts as generated HTML canvas files.

Its SKILL.md is about 460 tokens, which your agent loads only when the skill is triggered. The skill folder holds 9 other files (for example `LICENSE.reveal.js`, `bin/build-reveal-canvas.sh` and `reveal/reveal.js`).

It sits in Documents & Office, covering Slides and decks. The repository describes itself as: Bionic is sovereign Agentic AI for the enterprise — Runs on-premise and can securely work with your sensitive data and systems. The licence is Apache-2.0.

When your agent uses it

  • Tasks that involve Slides and decks

Example prompts

  • “/presentation-builder”

Requirements

  • Node.js
  • A Bash shell

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. Pick a short lowercase using only letters, numbers, dots, underscores, or hyphens.
  2. Write only the reveal slide sections to a temporary file, for example /tmp/deck.slides.html.
  3. Build the canvas with the bundled helper

What it can do on your machine

Read from SKILL.md and the folder at commit c155c00. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships script files (JavaScript and Shell), which the agent can run.

    Shell commands in SKILL.md call:

    • bash

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Presentation Builder loads about 458 tokens when it runs. Until then it costs about 30 tokens; SKILL.md has 198 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~30
When it runs · the whole SKILL.md, loaded when a task matches
~458

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from bionic-gpt/bionic-gpt at commit c155c00, republished under its Apache-2.0 licence (© bionic-gpt). 198 words, ~458 tokens.

Download SKILL.mdSave it as .claude/skills/presentation-builder/SKILL.md (or your agent's skills folder). This skill also uses 6 other files; get the full folder from GitHub.
name
presentation-builder
description
Create reveal.js slide decks and presentation-style visual artifacts as generated HTML canvas files.

Presentation Builder

Use this skill when the user asks for slides, a deck, a presentation, a pitch deck, a briefing, a visual walkthrough, or an HTML canvas presentation.

Create reveal.js presentations as generated output files at /home/user/output/<deck-name>/CANVAS.md. The generated canvas must be self-contained, because it is rendered directly in the chat iframe and network access is blocked.

Preferred Workflow

  1. Pick a short lowercase <deck-name> using only letters, numbers, dots, underscores, or hyphens.
  2. Write only the reveal slide sections to a temporary file, for example /tmp/deck.slides.html.
  3. Build the canvas with the bundled helper:
bash
bash /home/user/skills/presentation-builder/bin/build-reveal-canvas.sh deck-name "Human readable title" /tmp/deck.slides.html

The helper writes /home/user/output/<deck-name>/CANVAS.md with this frontmatter and a complete HTML document:

markdown
---
name: deck-name
title: Human readable title
type: text/html
---
<!doctype html>
<html>...</html>

Slide Markup

  • Put each slide in a <section>...</section> block.
  • Use nested sections only when vertical slide stacks are helpful.
  • Use reveal fragments with class="fragment" when progressive disclosure improves the story.
  • Keep slide content concise: one core idea per slide, short headings, and scannable supporting points.
  • Use inline SVG, CSS shapes, tables, and semantic HTML for diagrams and data views.
  • Do not reference external scripts, stylesheets, fonts, images, or network URLs.
  • Do not paste the reveal.js bundle manually; use the helper script.

After creating or editing the canvas, mention the generated path.

© bionic-gpt, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 6 other files in crates/builtin-skills/skills/presentation-builder of bionic-gpt/bionic-gpt.

  • SKILL.md
  • LICENSE.reveal.js
  • bin/build-reveal-canvas.sh
  • reveal/reset.css
  • reveal/reveal.css
  • reveal/reveal.js
  • reveal/theme/serif.css

Open the folder on GitHubat commit c155c00

Compare with similar skills

Presentation Builder next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Presentation Builder compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Presentation Builder this skillbionic-gpt/bionic-gpt2.4k—~458Automated safety check: PassApache-2.0
Image To Editable Pptningzimu/image-to-editable-ppt-skill2.8k—~4.3kAutomated safety check: PassMIT
Slidesfcakyon/claude-codex-settings1.2k1 repos~1.1kAutomated safety check: PassMIT
Ppt Image FirstNyxTides/ppt-image-first1.2k—~1.6kAutomated safety check: PassApache-2.0
Vibe to Agentic Engineering Frameworkshanraisshan/claude-code-best-practice67k—~3.3kAutomated safety check: PassMIT
Gpt Image2 PptJuneYaooo/gpt-image2-ppt-skills1.3k—~8.9kAutomated safety check: NotesApache-2.0

Similar skills

  • Image To Editable Ppt

    ningzimu/image-to-editable-ppt-skill

    Rebuild slide images, scanned or image-based PPT/PPTX files, and PDF decks into object-level editable PowerPoint (.pptx), preserving speaker notes when supplied.

    2.8k GitHub stars~4.3k tokensUpdated 21 days ago
    Documents & OfficeAuto-check passed

  • Slides

    fcakyon/claude-codex-settings

    Create and edit presentation slide decks (.pptx) with PptxGenJS, bundled layout helpers, and render/validation utilities.

    1.2k GitHub starsUsed in 1 repo~1.1k tokens
    Documents & OfficeAuto-check passed

  • Ppt Image First

    NyxTides/ppt-image-first

    Build presentation plans for PPT / slides / decks through a conversation-first workflow, then propose multiple visual directions with preview images before writing deck specs.

    1.2k GitHub stars~1.6k tokensUpdated 5 mo ago
    Documents & OfficeAuto-check passed

  • Vibe to Agentic Engineering Framework

    shanraisshan/claude-code-best-practice

    Explains the conceptual model behind a presentation on moving from unstructured vibe coding to fully configured agentic engineering, including its 4-level scoring system and slide conventions.

    67k GitHub stars~3.3k tokensUpdated today
    Documents & OfficeAuto-check passed

  • Gpt Image2 Ppt

    JuneYaooo/gpt-image2-ppt-skills

    Generate visually striking PPT slides via OpenAI's gpt-image-2 -- use any style in styles/<collection/STYLEID.md or mimic a user-supplied .pptx template; outputs high-res slide PNGs and a 16:9 .pptx.

    1.3k GitHub stars~8.9k tokensUpdated 1 mo ago
    Documents & OfficeAuto-check: notes

  • Compiledeck

    scunning1975/MixtapeTools

    Create and compile beautiful Beamer presentations following the Rhetoric of Decks philosophy.

    469 GitHub starsUsed in 2 repos~3.1k tokens
    Documents & OfficeAuto-check passed

More from bionic-gpt/bionic-gpt

All 21 skills in this repo

  • Static Sites

    bionic-gpt/bionic-gpt

    Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

    2.4k GitHub stars~920 tokensUpdated today
    Auto-check passed

  • Automationbench Eval

    bionic-gpt/bionic-gpt

    Load the repository's AutomationBench OpenAPI catalogue and run evaluations against the local simulator.

    2.4k GitHub stars~619 tokensUpdated today
    Auto-check passed

  • Ron Auth

    bionic-gpt/bionic-gpt

    Implement identity and authorization boundaries in Rust on Nails applications.

    2.4k GitHub stars~667 tokensUpdated today
    Auto-check passed

  • Ron Web Pages

    bionic-gpt/bionic-gpt

    Build server-rendered Dioxus pages using opinionated Rust on Nails patterns.

    2.4k GitHub stars~616 tokensUpdated today
    Auto-check passed

  • Document Generation

    bionic-gpt/bionic-gpt

    Create polished printable documents and PDFs, including forms, checklists, reports, briefs, comparisons, worksheets, task lists, and other operational documents.

    2.4k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Local Deployment

    bionic-gpt/bionic-gpt

    Deploy one or more locally built Bionic services into the user's k3d cluster.

    2.4k GitHub stars~540 tokensUpdated today
    Auto-check: notes

Categories

Questions about Presentation Builder

What does Presentation Builder do?

Create reveal.js slide decks and presentation-style visual artifacts as generated HTML canvas files. Presentation Builder is an agent skill from bionic-gpt/bionic-gpt.js slide decks and presentation-style visual artifacts as generated HTML canvas files.

When should I use Presentation Builder?

Presentation Builder fits situations like: tasks that involve Slides and decks.

How do I install Presentation Builder in Claude Code?

Run `npx skills add bionic-gpt/bionic-gpt --skill presentation-builder -a claude-code`. Or copy the skill folder (crates/builtin-skills/skills/presentation-builder in bionic-gpt/bionic-gpt) into .claude/skills/presentation-builder in your project. Claude Code loads it when a task matches its description.

How do I install Presentation Builder in Codex?

Run `npx skills add bionic-gpt/bionic-gpt --skill presentation-builder -a codex`. Or copy the skill folder (crates/builtin-skills/skills/presentation-builder in bionic-gpt/bionic-gpt) into .agents/skills/presentation-builder in your project. Codex loads it when a task matches its description.

Can I use Presentation Builder in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add bionic-gpt/bionic-gpt --skill presentation-builder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/presentation-builder, .gemini/skills/presentation-builder, .github/skills/presentation-builder and .opencode/skills/presentation-builder in your project.

What does Presentation Builder need to run?

Going by SKILL.md and its folder, Presentation Builder needs JavaScript and a shell for the scripts in its folder and the command-line tools its instructions call (bash). Our summary lists: Node.js; A Bash shell.

Does Presentation Builder access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Presentation Builder safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Presentation Builder use?

Presentation Builder is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Presentation Builder use?

About 458 tokens (SKILL.md is roughly 1.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Presentation Builder?

Skills that share tags, products or a category with Presentation Builder: Image To Editable Ppt (ningzimu/image-to-editable-ppt-skill, 2.8k stars), Slides (fcakyon/claude-codex-settings, 1.2k stars), Ppt Image First (NyxTides/ppt-image-first, 1.2k stars) and Vibe to Agentic Engineering Framework (shanraisshan/claude-code-best-practice, 67k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Presentation Builder?

bionic-gpt (a GitHub organization) maintains it in bionic-gpt/bionic-gpt, which has 2,383 GitHub stars. The repository holds 21 skills in this directory. The repository was last updated on October 7, 2026.

Source: bionic-gpt/bionic-gpt on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.