Agent skill

Slide Making Skill

by haojing8312 in haojing8312/WorkClaw

Implement single-slide PowerPoint pages with PptxGenJS. An agent skill from haojing8312/WorkClaw.

Apache-2.0Auto-check passedDocuments & Office

Install Slide Making Skill

skills CLI
$ npx skills add haojing8312/WorkClaw --skill slide-making-skill -a claude-code

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

GitHub CLI
$ gh skill install haojing8312/WorkClaw slide-making-skill --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/haojing8312/WorkClaw.git skills-src && mkdir -p .claude/skills && cp -r skills-src/apps/runtime/src-tauri/builtin-skills/pptx/skills/slide-making-skill .claude/skills/slide-making-skill && 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
slide-making-skill
GitHub stars
141
Used in
1 other repo
Token cost
~1.8k tokens
SKILL.md length
460 words
Files
2
Skills in repo
14
Repo updated
First seen
Licence
Apache-2.0

At a glance

Implement single-slide PowerPoint pages with PptxGenJS. An agent skill from haojing8312/WorkClaw.

  • Works in 5 steps: Generate slide → Extract text with… → List issues found (if none found, look… → Fix issues → …
  • Fixing slide JS files: dimensions
  • SKILL.md covers PptxGenJS Reference, Font Rules, Color Palette Rules (MANDATORY) and Page Number Badge (REQUIRED), plus 5 more sections
  • Calls python

What it does

Slide Making Skill is an agent skill from haojing8312/WorkClaw. Implement single-slide PowerPoint pages with PptxGenJS. Use when writing or fixing slide JS files: dimensions, positioning, text/image/chart APIs, styling rules, and export expectations for native .pptx output.

Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `pptxgenjs.md`).

It sits in Documents & Office, covering Slides and decks and PowerPoint presentations. It works with Microsoft PowerPoint and python-pptx. The licence is Apache-2.0.

When your agent uses it

  • Fixing slide JS files: dimensions
  • Text/image/chart APIs
  • Export expectations for native .pptx output

Example prompts

  • “/slide-making-skill”

Requirements

  • Python 3

Workflow steps

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

  1. Generate slide → Extract text with python -m markitdown slide-XX-preview.pptx → Review content
  2. List issues found (if none found, look again more critically)
  3. Fix issues
  4. Re-verify — one fix often creates another problem
  5. Repeat until verification reveals no new issues

What it can do on your machine

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

    Shell commands in SKILL.md call:

    • python

    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

Slide Making Skill loads about 1.8k tokens when it runs. Until then it costs about 57 tokens; SKILL.md has 460 words of instructions outside code blocks.

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

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 haojing8312/WorkClaw at commit 81ae074, republished under its Apache-2.0 licence (© haojing8312). 460 words, ~1,803 tokens.

Download SKILL.mdSave it as .claude/skills/slide-making-skill/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
slide-making-skill
description
Implement single-slide PowerPoint pages with PptxGenJS. Use when writing or fixing slide JS files: dimensions, positioning, text/image/chart APIs, styling rules, and export expectations for native .pptx output.

PptxGenJS Slide Making Skill

This skill teaches how to generate native .pptx slides using PptxGenJS (JavaScript).

PptxGenJS Reference

Read pptxgenjs.md for the complete PptxGenJS API reference, including:

  • Setup & basic structure
  • Text & formatting
  • Lists & bullets
  • Shapes & shadows
  • Images & icons
  • Slide backgrounds
  • Tables & charts

Font Rules

Font Family Standards
LanguageDefaultAlternatives
ChineseMicrosoft YaHei (微软雅黑)—
EnglishArialGeorgia, Calibri, Cambria, Trebuchet MS
javascript
fontFace: "Microsoft YaHei"  // Chinese text
fontFace: "Arial"            // English text (or approved alternative)

Use system-safe fonts for cross-platform compatibility. Header/body can use different fonts (e.g., Georgia + Calibri).

No Bold for Body Text

Plain body text and caption/legend text must NOT use bold.

  • Body paragraphs, descriptions → normal weight
  • Captions, legends, footnotes → normal weight
  • Reserve bold for titles and headings only
javascript
// ✅ Correct
slide.addText("Main Title", { bold: true, fontSize: 36, fontFace: "Arial" });
slide.addText("Body text here.", { bold: false, fontSize: 14, fontFace: "Arial" });

// ❌ Wrong
slide.addText("Body text here.", { bold: true, fontSize: 14 });

Color Palette Rules (MANDATORY)

Strict Palette Adherence

Use ONLY the provided color palette. Do NOT create or modify colors.

  • All colors must come from the user-provided palette
  • Do NOT use colors outside the palette
  • Do NOT modify palette colors (brightness, saturation, mixing)
  • Only exception: Add transparency using the transparency property (0-100)
javascript
// ✅ Correct: Using palette colors
slide.addShape(pres.shapes.RECTANGLE, { fill: { color: theme.primary } });
slide.addText("Title", { color: theme.accent });

// ❌ Wrong: Colors outside palette
slide.addShape(pres.shapes.RECTANGLE, { fill: { color: "1a1a2e" } });
No Gradients

Gradients are prohibited. Use solid colors only.

javascript
// ✅ Correct: Solid colors
slide.background = { color: theme.bg };

// ✅ Correct: Solid + transparency for overlay
slide.addShape(pres.shapes.RECTANGLE, { fill: { color: theme.accent, transparency: 50 } });
No Animations

Animations and transitions are prohibited. All slides must be static.


Page Number Badge (REQUIRED)

All slides except Cover Page MUST include a page number badge in the bottom-right corner.

  • Position: x: 9.3", y: 5.1"
  • Show current number only (e.g. 3 or 03), NOT "3/12"
  • Use palette colors, keep subtle
Circle Badge (Default)
javascript
slide.addShape(pres.shapes.OVAL, {
  x: 9.3, y: 5.1, w: 0.4, h: 0.4,
  fill: { color: theme.accent }
});
slide.addText("3", {
  x: 9.3, y: 5.1, w: 0.4, h: 0.4,
  fontSize: 12, fontFace: "Arial",
  color: "FFFFFF", bold: true,
  align: "center", valign: "middle"
});
Pill Badge
javascript
slide.addShape(pres.shapes.ROUNDED_RECTANGLE, {
  x: 9.1, y: 5.15, w: 0.6, h: 0.35,
  fill: { color: theme.accent },
  rectRadius: 0.15
});
slide.addText("03", {
  x: 9.1, y: 5.15, w: 0.6, h: 0.35,
  fontSize: 11, fontFace: "Arial",
  color: "FFFFFF", bold: true,
  align: "center", valign: "middle"
});

Theme Object Contract (MANDATORY)

The compile script passes a theme object with these exact keys:

KeyPurposeExample
theme.primaryDarkest color, titles"22223b"
theme.secondaryDark accent, body text"4a4e69"
theme.accentMid-tone accent"9a8c98"
theme.lightLight accent"c9ada7"
theme.bgBackground color"f2e9e4"

NEVER use other key names like background, text, muted, darkest, lightest.


Show full SKILL.md (185 more words)Show less

Subagent Output Format

Each subagent outputs a complete, runnable JS file:

javascript
// slide-01.js
const pptxgen = require("pptxgenjs");

const slideConfig = {
  type: 'cover',
  index: 1,
  title: 'Presentation Title'
};

// ⚠️ MUST be synchronous (not async)
function createSlide(pres, theme) {
  const slide = pres.addSlide();
  slide.background = { color: theme.bg };

  slide.addText(slideConfig.title, {
    x: 0.5, y: 2, w: 9, h: 1.2,
    fontSize: 48, fontFace: "Arial",  // English text uses Arial
    color: theme.primary, bold: true, align: "center"
  });

  return slide;
}

// Standalone preview - use slide-specific filename (slide-XX-preview.pptx)
if (require.main === module) {
  const pres = new pptxgen();
  pres.layout = 'LAYOUT_16x9';
  const theme = {
    primary: "22223b",
    secondary: "4a4e69",
    accent: "9a8c98",
    light: "c9ada7",
    bg: "f2e9e4"
  };
  createSlide(pres, theme);
  // Replace XX with actual slide index (01, 02, etc.) to avoid conflicts
  pres.writeFile({ fileName: "slide-01-preview.pptx" });
}

module.exports = { createSlide, slideConfig };

Critical Pitfalls

NEVER use async/await in createSlide()
javascript
// ❌ WRONG - compile.js won't await
async function createSlide(pres, theme) { ... }

// ✅ CORRECT
function createSlide(pres, theme) { ... }
NEVER use "#" with hex colors
javascript
color: "FF0000"      // ✅ CORRECT
color: "#FF0000"     // ❌ CORRUPTS FILE
NEVER encode opacity in hex strings
javascript
shadow: { color: "00000020" }              // ❌ CORRUPTS FILE
shadow: { color: "000000", opacity: 0.12 } // ✅ CORRECT
Prevent text wrapping in titles
javascript
// ✅ Use fit:'shrink' for long titles
slide.addText("Long Title Here", {
  x: 0.5, y: 2, w: 9, h: 1,
  fontSize: 48, fit: "shrink"
});

Quick Reference

  • Dimensions: 10" × 5.625" (LAYOUT_16x9)
  • Colors: 6-char hex without # (e.g., "FF0000")
  • English font: Arial (default), or approved alternatives
  • Chinese font: Microsoft YaHei
  • Page badge position: x: 9.3", y: 5.1"

QA (Required)

Assume there are problems. Your job is to find them.

Your first render is almost never correct. Approach QA as a bug hunt, not a confirmation step. If you found zero issues on first inspection, you weren't looking hard enough.

Content QA
bash
python -m markitdown slide-XX-preview.pptx

Check for missing content, typos, wrong order.

Check for leftover placeholder text:

bash
python -m markitdown slide-XX-preview.pptx | grep -iE "xxxx|lorem|ipsum|placeholder"

If grep returns results, fix them before declaring success.

Verification Loop
  1. Generate slide → Extract text with python -m markitdown slide-XX-preview.pptx → Review content
  2. List issues found (if none found, look again more critically)
  3. Fix issues
  4. Re-verify — one fix often creates another problem
  5. Repeat until verification reveals no new issues

Do not declare success until you've completed at least one fix-and-verify cycle.


© haojing8312, 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 1 other file in apps/runtime/src-tauri/builtin-skills/pptx/skills/slide-making-skill of haojing8312/WorkClaw.

  • SKILL.md
  • pptxgenjs.md

Open the folder on GitHubat commit 81ae074

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in haojing8312/WorkClaw, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Slide Making Skill 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.

Slide Making Skill compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Slide Making Skill this skillhaojing8312/WorkClaw1411 repos~1.8kAutomated safety check: PassApache-2.0
Slidesfcakyon/claude-codex-settings1.2k1 repos~1.1kAutomated safety check: PassMIT
Powerpoint SlidesNoi1r/powerpoint-skill124—~12kAutomated safety check: NotesMIT
PPTX HTML Fidelity Auditsanqiufong/slides-from-anything1321 repos~3.5kAutomated safety check: PassApache-2.0
Ppt Generationpeintune/runjam228—~7.1kAutomated safety check: PassMIT
PPTXymx10086/ResearchClaw312—~2.3kAutomated safety check: PassCustom licence

Similar skills

  • 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
  • Powerpoint Slides

    Noi1r/powerpoint-skill

    Create visually rich PowerPoint (.pptx) presentations from academic papers, research notes, or any content the user wants in slide format.

    124 GitHub stars~12k tokensUpdated 6 mo ago
    Documents & OfficeAuto-check: notes
  • PPTX HTML Fidelity Audit

    sanqiufong/slides-from-anything

    Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with…

    132 GitHub starsUsed in 1 repo~3.5k tokens
    Documents & OfficeAuto-check passed
  • Ppt Generation

    peintune/runjam

    A skill your agent uses when the user requests to generate, create, or make presentations (PPT/PPTX).

    228 GitHub stars~7.1k tokensUpdated 4 days ago
    Documents & OfficeAuto-check passed
  • PPTX

    ymx10086/ResearchClaw

    Create, edit, and analyze PowerPoint presentations — research talks, conference presentations, lecture slides, and poster summaries.

    312 GitHub stars~2.3k tokensUpdated 6 mo ago
    Documents & OfficeAuto-check passed
  • Powerpoint

    johnson7788/MultiUserClaw

    Create, read, edit .pptx decks, slides, notes, templates. An agent skill from johnson7788/MultiUserClaw.

    327 GitHub stars~2.3k tokensUpdated 1 mo ago
    Documents & OfficeAuto-check passed

More from haojing8312/WorkClaw

All 14 skills in this repo
  • Design Style Skill

    haojing8312/WorkClaw

    Select a consistent visual design system for PPT slides using radius/spacing style recipes.

    141 GitHub starsUsed in 1 repo~1.1k tokens
    Auto-check passed
  • Slack Messaging

    haojing8312/WorkClaw

    A skill your agent uses when asked to send or read Slack messages, check Slack channels, test Slack integrations, or interact with a Slack workspace from the command line.

    141 GitHub stars~897 tokensUpdated 4 mo ago
    Auto-check passed
  • Ppt Editing Skill

    haojing8312/WorkClaw

    Edit existing PowerPoint files or templates with XML-safe workflows.

    141 GitHub starsUsed in 1 repo~1.7k tokens
    Auto-check passed
  • Workclaw Change Verification

    haojing8312/WorkClaw

    A skill your agent uses when changes affect runtime code, tests, skill assets, or build and test behavior in WorkClaw and verification is required before claiming completion.

    141 GitHub stars~555 tokensUpdated 4 mo ago
    Auto-check passed
  • A skill your agent uses when changing runtime behavior, routing, provider integration, tool permissions, sidecar protocols, or vendor sync boundaries in WorkClaw before editing code.

    141 GitHub stars~575 tokensUpdated 4 mo ago
    Auto-check passed
  • Workclaw Release Prep

    haojing8312/WorkClaw

    A skill your agent uses when preparing a WorkClaw desktop release and you need AI to recommend the next version number, summarize changes since the last tag, and draft bilingual Chinese plus English…

    141 GitHub stars~1k tokensUpdated 4 mo ago
    Auto-check passed

Questions about Slide Making Skill

What does Slide Making Skill do?

Implement single-slide PowerPoint pages with PptxGenJS. An agent skill from haojing8312/WorkClaw. Slide Making Skill is an agent skill from haojing8312/WorkClaw. Implement single-slide PowerPoint pages with PptxGenJS.

When should I use Slide Making Skill?

Slide Making Skill fits situations like: fixing slide JS files: dimensions; text/image/chart APIs; export expectations for native .pptx output.

How do I install Slide Making Skill in Claude Code?

Run `npx skills add haojing8312/WorkClaw --skill slide-making-skill -a claude-code`. Or copy the skill folder (apps/runtime/src-tauri/builtin-skills/pptx/skills/slide-making-skill in haojing8312/WorkClaw) into .claude/skills/slide-making-skill in your project. Claude Code loads it when a task matches its description.

How do I install Slide Making Skill in Codex?

Run `npx skills add haojing8312/WorkClaw --skill slide-making-skill -a codex`. Or copy the skill folder (apps/runtime/src-tauri/builtin-skills/pptx/skills/slide-making-skill in haojing8312/WorkClaw) into .agents/skills/slide-making-skill in your project. Codex loads it when a task matches its description.

Can I use Slide Making Skill 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 haojing8312/WorkClaw --skill slide-making-skill -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/slide-making-skill, .gemini/skills/slide-making-skill, .github/skills/slide-making-skill and .opencode/skills/slide-making-skill in your project.

What does Slide Making Skill need to run?

Going by SKILL.md and its folder, Slide Making Skill needs the command-line tools its instructions call (python). Our summary lists: Python 3.

Does Slide Making Skill 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 Slide Making Skill 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 Slide Making Skill use?

Slide Making Skill 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 Slide Making Skill use?

About 1.8k tokens (SKILL.md is roughly 7.2k 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 Slide Making Skill?

Skills that share tags, products or a category with Slide Making Skill: Slides (fcakyon/claude-codex-settings, 1.2k stars), Powerpoint Slides (Noi1r/powerpoint-skill, 124 stars), PPTX HTML Fidelity Audit (sanqiufong/slides-from-anything, 132 stars) and Ppt Generation (peintune/runjam, 228 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Slide Making Skill?

haojing8312 (a GitHub user) maintains it in haojing8312/WorkClaw, which has 141 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on May 27, 2026.

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