Official agent skill

HTML Slides Maker

by microsoft in microsoft/Huabu

Orchestrate an approval-gated static HTML presentation workflow with optional technical diagrams.

OfficialMITAuto-check passedDocuments & Office

Install HTML Slides Maker

skills CLI
$ npx skills add microsoft/Huabu --skill html-slides-maker -a claude-code

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

GitHub CLI
$ gh skill install microsoft/Huabu html-slides-maker --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/microsoft/Huabu.git skills-src && mkdir -p .claude/skills && cp -r skills-src/agent-teams/html-slides-maker .claude/skills/html-slides-maker && 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
html-slides-maker
GitHub stars
157
Token cost
~222 tokens
SKILL.md length
64 words
Files
3
Skills in repo
10
Repo updated
First seen
Licence
MIT

At a glance

Orchestrate an approval-gated static HTML presentation workflow with optional technical diagrams.

  • The user asks for an end-to-end web-based deck covering its brief
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • A standalone diagram
  • A small edit to an existing deck

What it does

HTML Slides Maker is an agent skill from microsoft/Huabu, published by the product's own GitHub organization. Orchestrate an approval-gated static HTML presentation workflow with optional technical diagrams. Use when the user asks for an end-to-end web-based deck covering its brief, outline, visual system, implementation, and quality checks. Do not use for a standalone diagram, a small edit to an existing deck, or an editable DeepV PowerPoint deliverable.

Its SKILL.md is about 220 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agentlet.yaml` and `system_prompt.md`).

It sits in Documents & Office, covering Slides and decks, Diagrams and PowerPoint presentations. It works with Microsoft PowerPoint. The repository describes itself as: Huabu, where you and your agents think together. The licence is MIT.

When your agent uses it

  • The user asks for an end-to-end web-based deck covering its brief
  • A standalone diagram
  • A small edit to an existing deck
  • An editable DeepV PowerPoint deliverable

Example prompts

  • “/html-slides-maker”

What it can do on your machine

Read from SKILL.md and the folder at commit dc0cfa9. 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

    No scripts in the folder and no shell commands in SKILL.md.

    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

HTML Slides Maker loads about 222 tokens when it runs. Until then it costs about 92 tokens; SKILL.md has 64 words of instructions outside code blocks.

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

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 microsoft/Huabu at commit dc0cfa9, republished under its MIT licence (© microsoft). 64 words, ~222 tokens.

Download SKILL.mdSave it as .claude/skills/html-slides-maker/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.
name
html-slides-maker
description
Orchestrate an approval-gated static HTML presentation workflow with optional technical diagrams. Use when the user asks for an end-to-end web-based deck covering its brief, outline, visual system, implementation, and quality checks. Do not use for a standalone diagram, a small edit to an existing deck, or an editable DeepV PowerPoint deliverable.

HTML Slides Maker

Read and follow the canonical HTML presentation instructions before starting work.

This workflow uses the HTML PPT and Fireworks Tech Graph skills declared by the Agent Team package. Confirm that equivalent presentation and diagram capabilities are available in the current skill runtime before implementation. If either required capability is unavailable, report the missing prerequisite rather than silently replacing the approved workflow.

© microsoft, MIT. 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 2 other files in agent-teams/html-slides-maker of microsoft/Huabu.

  • SKILL.md
  • agentlet.yaml
  • system_prompt.md

Open the folder on GitHubat commit dc0cfa9

Compare with similar skills

HTML Slides Maker 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.

HTML Slides Maker compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
HTML Slides Maker this skillmicrosoft/Huabu157—~222Automated safety check: PassMIT
Xiaobei Skill Image To Vbaxiao24bei/xiaobei-skill579—~6.9kAutomated safety check: PassApache-2.0
Ky Markdown RebuilderKyrieCheungYep/ky-markdown-rebuilder117—~5.7kAutomated safety check: PassNone
PPTX To Mdsammcj/agentic-coding162—~1.8kAutomated safety check: PassApache-2.0
Create PresentationJetBrains/youtrackdb437—~1.8kAutomated safety check: PassApache-2.0
Cn Academic Spark Ppt Enginewycmochi/cn-academic-spark113—~8.9kAutomated safety check: NotesMIT

Similar skills

  • Xiaobei Skill Image To Vba

    xiao24bei/xiaobei-skill

    A skill your agent uses when users want XiaoBei skill / xiaobei-skill / 小北在读研 style academic image-to-VBA reconstruction: convert academic figures, scientific diagrams, slides, screenshots, or other…

    579 GitHub stars~6.9k tokensUpdated 1 mo ago
    Documents & OfficeAuto-check passed
  • Ky Markdown Rebuilder

    KyrieCheungYep/ky-markdown-rebuilder

    Rebuild visual documents into reliable Markdown by combining text extraction with page or screenshot alignment.

    117 GitHub stars~5.7k tokensUpdated 2 mo ago
    Documents & OfficeAuto-check passed
  • PPTX To Md

    sammcj/agentic-coding

    Convert a PPTX slide deck into per-slide markdown that preserves both the verbatim text and the meaning of embedded screenshots, diagrams and charts in their original layout positions.

    162 GitHub stars~1.8k tokensUpdated yesterday
    Documents & OfficeAuto-check passed
  • Create Presentation

    JetBrains/youtrackdb

    Official

    Generate a PPTX presentation explaining code changes on the current branch, with matplotlib diagrams and dark theme slides.

    437 GitHub stars~1.8k tokensUpdated today
    Documents & OfficeAuto-check passed
  • Cn Academic Spark Ppt Engine

    wycmochi/cn-academic-spark

    Convert a complete academic source package, such as a paper, report, proposal, review outline, PDF, Word document, Markdown file, or pasted text, into a Chinese academic .pptx deck.

    113 GitHub stars~8.9k tokensUpdated 1 mo ago
    Documents & OfficeAuto-check: notes
  • 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

More from microsoft/Huabu

All 10 skills in this repo
  • Code Review Expert

    microsoft/Huabu

    Official

    Expert code review of current git changes with a senior engineer lens.

    157 GitHub starsUsed in 2 repos~1.5k tokens
    Auto-check passed
  • Release

    microsoft/Huabu

    Official

    Use ONLY when the user explicitly asks to cut/publish a Huabu desktop release or tag a version.

    157 GitHub stars~1.1k tokensUpdated today
    Auto-check passed
  • Official

    Review the quality of an agent's tool descriptions, system/agent prompts, or SKILL.md files against current agent-engineering best practices.

    157 GitHub stars~2.3k tokensUpdated today
    Auto-check passed
  • Space

    microsoft/Huabu

    Official

    Space mental model (the infinite work surface), tool boundaries, and command reference.

    157 GitHub stars~2.4k tokensUpdated today
    Auto-check passed
  • Review Huabu Agent

    microsoft/Huabu

    Official

    Review the Huabu operate agent's three steering artifacts at their fixed repo locations — system prompt, tool descriptions, and skills.

    157 GitHub stars~1.2k tokensUpdated today
    Auto-check passed
  • Issue Tracker

    microsoft/Huabu

    Official

    Coordinate one or more GitHub issues through isolated Git worktrees, durable Huabu Tasks, and dedicated Fixing Agent Threads.

    157 GitHub stars~279 tokensUpdated today
    Auto-check passed

Questions about HTML Slides Maker

What does HTML Slides Maker do?

Orchestrate an approval-gated static HTML presentation workflow with optional technical diagrams. HTML Slides Maker is an agent skill from microsoft/Huabu, published by the product's own GitHub organization. Orchestrate an approval-gated static HTML presentation workflow with optional technical diagrams.

When should I use HTML Slides Maker?

HTML Slides Maker fits situations like: the user asks for an end-to-end web-based deck covering its brief; A standalone diagram; A small edit to an existing deck; an editable DeepV PowerPoint deliverable.

How do I install HTML Slides Maker in Claude Code?

Run `npx skills add microsoft/Huabu --skill html-slides-maker -a claude-code`. Or copy the skill folder (agent-teams/html-slides-maker in microsoft/Huabu) into .claude/skills/html-slides-maker in your project. Claude Code loads it when a task matches its description.

How do I install HTML Slides Maker in Codex?

Run `npx skills add microsoft/Huabu --skill html-slides-maker -a codex`. Or copy the skill folder (agent-teams/html-slides-maker in microsoft/Huabu) into .agents/skills/html-slides-maker in your project. Codex loads it when a task matches its description.

Can I use HTML Slides Maker 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 microsoft/Huabu --skill html-slides-maker -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/html-slides-maker, .gemini/skills/html-slides-maker, .github/skills/html-slides-maker and .opencode/skills/html-slides-maker in your project.

What does HTML Slides Maker need to run?

SKILL.md names no scripts, command-line tools or credentials: HTML Slides Maker is instructions for the agent only.

Does HTML Slides Maker 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 HTML Slides Maker 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 HTML Slides Maker use?

HTML Slides Maker is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does HTML Slides Maker use?

About 222 tokens (SKILL.md is roughly 888 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 HTML Slides Maker?

Skills that share tags, products or a category with HTML Slides Maker: Xiaobei Skill Image To Vba (xiao24bei/xiaobei-skill, 579 stars), Ky Markdown Rebuilder (KyrieCheungYep/ky-markdown-rebuilder, 117 stars), PPTX To Md (sammcj/agentic-coding, 162 stars) and Create Presentation (JetBrains/youtrackdb, 437 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains HTML Slides Maker?

microsoft (a GitHub organization, an official publisher) maintains it in microsoft/Huabu, which has 157 GitHub stars. The repository holds 10 skills in this directory. The repository was last updated on October 7, 2026.

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